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.
First presented at SoCal UX Camp, June 1, 2013 http://www.socaluxcamp.com/
Revised June 2, 2013 - modified deck for better self-directed learning
15. â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)
26. Reverse wireframing
⢠Quickly sketch an existing interface
⢠See and understand UIs better
⢠Develop sketching skills in isolation
from solving design problems
30. Tip: Work from the outside in
⢠Draw the outside box first
⢠Create guides or a grid
⢠Place large elements first
⢠Add details and emphasis last