Presented at Lean UX 2014, April 12, 2014
www.leanuxnyc.co
In this fun, hands-on workshop, I’ll lead you through a series of exercises which help you learn to draw good-looking, quick, useful, user interface (UI) sketches.
This class covers:
• Types of sketches
• Why sketch?
• Sketching materials
• Grids, containers and functional groupings
• Developing your personal UI shorthand
This workshop is appropriate for designers, product managers, Web developers, software engineers or anyone else who needs to think about or communicate concepts for digital products. No prior artistic or drawing experience necessary. If you can draw a circle, a square and a triangle, you’ve already got the basics covered!
Learning how to quickly sketch screen layouts and UI elements helps you think through design problems, communicate ideas to other people, collaborate, and reduce the need for pixel-perfect deliverables. Work through the exercises in this workshop and pick up some new skills you can use right away in your own projects.
3. @thinknow
• Why sketch?
• Types of sketches
• Sketching materials
• Grids & functional groupings
• Your personal UI shorthand
Today you will learn
4. @thinknow
“A sketch is a rapidly
executed freehand
drawing that is not
usually intended as a
finished work.”
http://en.wikipedia.org/wiki/Sketch_%28drawing%29
5. @thinknow
• Record what you see
• Explore ideas quickly
• Demonstrate ideas to others
Why sketch?
15. @thinknow
UI sketches help teams
• Explore options quickly
• Externalize thinking
• Share understanding
• Feel ownership
16. @thinknow
“The way to have
product team members
trust each other and
get along is to have
them sketch together.”
Joshua Porter @bokardo
http://bokardo.com/archives/the-importance-of-sketching-in-product-design/