Design Process

STEP 1 - Briefing - Early prep (creep prevention & discovery process):

  • Involve stakeholders for company-wide buy-off

  • Get PM input on analytics for business needs and market research

  • Identify technological needs and calculate scope

Tools: Google Docs, JIRA, UsabilityHub.com

STEP 2 - Low-fidelity

  • Conduct and gather UX research through market research and customer surveys

  • I created the surveys behind the UX research, which are written in a way to avoid 'leading questions' and framed or biased questions

  • Work with front-end and dev to create UX flows, journey maps, and plan out UX architecture (Lucid, etc)

  • Collaborate with the team to create and map out wireframes

Tools: InVision, LucidCharts.com, usabilityhub.com

STEP 3 - High-fidelity

  • Conduct 'design battles' between multiple designers to form various solutions

  • Apply pixels to wireframes and get early design feedback using:

    • usabilityhub.com for designer and user feedback

    • InVision for stakeholders and PM's

    • Zeplin for dev (to approve technological limitations or needs)

Tools: UsabilityHub.com, InVision, zeplin.io, usertesting.com

STEP 4 - Deploy, test, and re-iterate

  • Deploy final designs to Zeplin for dev implementation

  • Setup A/B tests for 2-3 designs (try to keep it focused on fewer variations to avoid too many variables)

  • Test conversion with Omniture/Google Analytics

  • View HotJar recordings and make sure flow is seamless (reduce time spent on making decisions to purchase)

  • Based on feedback, iterate changes to design to solve any issues with flow, conversion, or abandonment

Tools: Usertesting.com, InVision, zeplin.io, Omniture, Mouseflow, HotJar

All rights reserved, ©2018 Copyright Drew Andersen