During this stage I start by sketching possible new workflow diagrams for the product or feature. After each usability test or design review—I iteratively increase the level of design fidelity from workflow diagrams, to wireframes, from wireframes to visually designed mockups, and then eventually to interactive prototypes in Figma or HTML/SCSS.
COMMON ACTIVITIES
- Workflow feedback gathering
- Diagramming new workflows
- Info. Architecture creation
- Wireframe mockup creation
- Visual design mockup creation
- Interact. design mockup creation
- Generative research (Interviews)
- Iterative usability testing
- Summative usability testing
COMMON DELIVERABLES
- Workflow diagrams/I.A. docs
- Wireframes mockups
- Visual design mockups
- Visual design specification doc
- Interaction design mockups
- Interaction design specification docs
- HTML/SCSS specification doc
- Usability test results for each phase