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
- Generative research (Interviews)
- Diagramming new workflows
- Info. Architecture creation
- Wireframe mockup creation
- Visual design mockup creation
- Interact. design mockup creation
- 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