UX Sketching & Prototyping

  • Published on
    08-Feb-2017

  • View
    95

  • Download
    7

Embed Size (px)

Transcript

UX Sketching & Prototyping

UX Sketching & PrototypingBy C.J. Walls

UX Process

You are hereMagain M. & Chambers L. (2014). Get Started in UX. Victoria, Australia: UX Mastery

Design Workflow

https://medium.com/lucid-software-design/traversing-the-ux-prototyping-landscape-33edc700c1bd#.i8dl9p6sv

Design Workflow (cont.)

https://medium.com/lucid-software-design/traversing-the-ux-prototyping-landscape-33edc700c1bd#.i8dl9p6sv

Why Sketch?Think more openly and creatively about your ideas.Create abundant ideas without worrying about their quality (avoid local hill climbing).Invent and explore concepts by being able to record ideas quickly.Discuss, critique, and share ideas with others (sketch on a whiteboard)Choose ideas worth pursuingReduce change aversion by the design/development teams (sketches are easier to change than prototypes, prototypes are easier to change than code)

Greenberg, S., Carpendale, S., Marquardt, N. & Buxton, B. (2012). Sketching User Experiences. Waltham, MA: Elsevier, Inc.

Why Prototype?Test application flow, navigation, interactions, micro-interactions, animations, transitions, etc.Make it easier for the users to imagine what the final product will look like.Participants gave extremely detailed and invaluable feedback that allowed me to craft the experience to their benefit. Taylor Palmer, Lucid SoftwareI was also able to share this prototype with the engineering team to communicate exactly how the interaction should work. Taylor Palmer, Lucid Software

Design Workflow Demo

Design Workflow Demo (cont.)

Design Workflow Demo (cont.)

Balsamiq Demo

Design Workflow Demo (Cont.)

InVision Demo

Recommended Reading