Apply new Lexicon patterns to Social Activity configuration screen

• Type: Story
• Status: Backlog
• Priority: Minor
• Resolution: Unresolved
• Affects Version/s: Master
• Fix Version/s: None
• Component/s: Social Activity
• Labels:
  • lexicon
  • ux
• Epic/Theme:
  • Sustaining
• Priority Level: Low

Motive
Current social activity configuration screen does not fit current portal design as it is not updated to new Lexicon patterns.

User Experience

Summary

1. Replace left menu with tabs
2. Add a title following this rule "#Tab_selected + Activity"
3. Add a general switch button to turn on / off social activity of each app
4. Add a help text beside the general switch: "The user gets participation and contribution points after performing an action. The asset gets popularity points based on the actions of users. Popularity rate is based on the assigned contribution points performed for each action."
5. Replace menu's check boxes with accordion items + switch buttons
6. Replace text inputs with numeric inputs

Interaction

On / Off

• Each App (Tab) has its switch button to activate the feature and to enable / disable its settings.
• If the switch button is ON it enables all the accordion items.
• If the switch button is OFF it disables all the accordion items.

Accordion Item + Switch

• If an accordion item + switch its ON its content is expanded
• If an accordion item + switch its OFF its content is collapsed
• All the area of the item is interactive not only the switch button.

Numeric Input

• It doesn't support negative numbers

Interactive prototype

http://uv0dg0.axshare.com