ITERATION:
WIREFRAMES | SKETCHING | PAPER PROTOTYPING | DESIGN STUDIO | STORYBOARDS | SITE MAP | APP MAP | USER FLOW
WIREFRAMES | SKETCHING | PAPER PROTOTYPING | DESIGN STUDIO | STORYBOARDS | SITE MAP | APP MAP | USER FLOW
WIREFRAMES
Wireframes can be done in graph paper sketches, low fidelity, medium fidelity, or finished work. They are key to the UX Iteration process, and is done using Sketch, OmniGraffle, Axure RP or Balsamiq.
|
|
|
|
Putting Pen to Paper
Being able to sketch out designs quickly is a very helpful tool for the UX designer. You can quickly see problems and address them before taking the work even to medium fidelity.
PAPER PROTOTYPES
Creating Paper Prototypes and using Marvel or Pop for initial fast user testing can do be a great way to kickstart creative ideas and see initial user feedback.
Design Studio
31 app sketches in 15 minutes. Design studio is a fast paced sketch session to get ideas out there. Having sketch training from industrial design background certainly helps.
|
|
STORYBOARDS
I have done hundreds of storyboards for Advertising but they were mostly digital photoshop storyboards for sequencing. For UX it helps to be able to set a scene while creating a user scenario.
SITE MAPS
Site Maps can be done using OmniGraffle, Axure RP or InDesign.
APP MAPS
Annotated App Maps are done using Sketch.
USER FLOW
Starts with a Sketch
User Flows start off with sketches to come up with the ideal set of choices and steps.
|
Checkout Flow
Analysis of the competitor user flows can be helpful in seeing how many steps it takes toward the goal.
|
Digital Flow
User flows are created using OmniGraffle, Axure or InDesign.
|
