Sketching for Better UX
Focusing on UI Sketching
We will learn
1. Overview of the phases of UX
2. Why sketching is an important step in UX
3. Basics of how to sketch
4. Utilize our skills to ideate and sketch a UI
• 6-up brainstorm
• 1-up idea coalescence
5. Wrap-up with tips/resources/questions
Sketch this
Phases of UX
Sketching is for…
Ideation.
Exploring ideas.
Breaking out of the box.
Group collaboration.
Speed.
Externalization of ideas.
It is for problem solving.
Sketching is NOT
drawing
Sketching is meant to be
rough. It is not a finished
piece of work.
What is this?
How to sketch
Just like the UX process
1. Break the larger challenge into simple pieces
2. Start sketching with larger elements / outlines
3. Details come second
Remember this
Now Sketch this
Now Sketch this
Break it down
Tools for Sketching
NO PENCILS!
Tips
1. Use different line widths/weights
2. Highlighters and sharpies work
3. Never erase.
4. Walk
Time to get to it.
But first, a walk
6-up exercise with teams
1-up exercise with teams
What else you can do with
good sketching
1. https://www.youtube.com/watch?v=u6XAPnuFjJc
Archive of Resources
1. To practice sketching technique: http://www.slideshare.net/
LaneHalley/how-to-draw-quick-useful-ui-sketches
2. http://www.sparringmind.com/creative-thinking/
3. http://www.smashingmagazine.com/2011/12/13/the-messy-art-of-
ux-sketching/
4. http://www.uie.com/brainsparks/2009/11/11/ui14-session-sampler-
leah-buleys-a-ux-team-of-one/
5. http://www.slideshare.net/pboersma/good-design-faster-at-ux-sofia
Sketching for Better UX

Sketching for Better UX