Sketching for Better UX

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