UPDATED DECK POSTED AT https://www.slideshare.net/LaneHalley/quick-useful-ui-sketches-33420882/
In this workshop, I'll lead you through a series of exercises which help you learn to draw good-looking, quick, useful, user interface (UI) sketches, followed by examples of how I use sketching in my projects.
As I've embraced Agile and Lean Startup methods, I've learned to adapt my UX practice so it is more QUICK, VISUAL, COLLABORATIVE and CONTINUOUS. Learning how to quickly sketch screen layouts and user interface (UI) elements helps me think through design problems, communicate ideas to other people, collaborate, and reduce the need for pixel-perfect deliverables.
Workshop at Opodz, September 18, 2013
https://sep18-uisketch.eventbrite.com/
2. Opodz offers desk space and bandwidth in a well-designed collaborative work
environment serving Downtown LoS Angeles in the Little Tokyo/Arts District.
4. • Why sketch?
• Types of sketches
• Sketching materials
• Grids, containers and functional groupings
• Your personal UI shorthand
Tonight you will learn
5. What’s a sketch?
“A sketch is a rapidly executed freehand
drawing that is not usually intended as
a finished work.”
— Wikipedia
6. • Record what you see
• Explore ideas quickly
• Demonstrate ideas to others
Why sketch?
16. “When a designer and PM are out of
sync, it’s because one of them has
gotten ahead of the other in some
way. ...The way to fix this is
deceptively simple: product people
should sketch together. “
— Joshua Porter (@bokardo)
28. • Draw a page of squares
• Draw a page of circles
• Draw a page of short parallel lines
Get your pencils ready!
29. Reverse wireframing
• Quickly sketch an existing interface
• See and understand UIs better
• Develop sketching skills in isolation
from solving design problems