Post-Launch (v3)

[michaelwalkerfl]

Principles

• Each component should be searchable/findable from search
• Hide complexity
• Flexible
• Unique Views for each module/page
  • User is able to understand where they are at
  • Each component feels unique
• Force customer to think about we're doing
• Bring them back with notifications and require manual interaction vs automatically doing things
• Fool them into learning what to do
  • Teach as you go / "Educational Game"
• Gamify / Achievements
  • Ninja "stars" earned when they do things
  • Badges (achievement unlocked)
  • Automatic and manual (useful if people complain/unhappy to make them happy)

Dash Hierarchy

Products / Features ->
    Modules ->
        Pages ->
            Panel ->
                Named Controls

Ecommerce / Checkout (product)
    Product (module)
        Product List Page (pages?)

First use

• New user sees a clean slate, no modules active
• Choose your own adventure
• Populate modules based upon requested features or signup path

Sidebar

• Populated based on modules in use, products active
• Use + button at bottom to add new product/feature/modules

Search / Log

• Search across everything
• Search needs to understand product / page / widget / input / entity
• Highlight in sidebar location of matching panel/named controls
• Show additional products (if matching)
• Show matching entities (lazily)
• Doubles as log?
  • Auto-populate when they do interesting things

Design Concepts

Major Components

• Header
  • User Menu
• Search / Log
  • Full width
  • Expands when interacting
  • Locks to context, [ This user x ] or [ Orders x ], etc
    • Doubles as breadcrumb
  • Searchable UI
  • Context-aware filter pane (order list view, etc)
• Left Sidebar
  • Modules
    • Nested Page?
  • Add / Browse Modules
• Right Sidebar (context-sensitive)
• Content / Main?
  • Secondary header
    • Gradient or image based on context
    • Secondary menu
  • Secondary panel

Information

• Think about what information is useful to present to user to help them understand how to make products convert better.
• Specials going on, context-aware, up-sell
• Curated selection of products especially on landing page (upgrades, multiple sells)
• Metrics specific to conversion on every product/page
• Show opportunities to change across entire platform
• Guide users to do the right thing

Inspiration

• http://thenounproject.com
• http://fuse-angular-material.withinpixels.com