UX Sketching: Whiteboard 101

In my experience, the best UX/UI designs result when teams work together to sketch out their ideas. They do this based on solid user research combined with a clear understanding of business needs.

The resulting sketches help teams clarify their thinking “on paper”. They make abstract ideas more tangible, and enable teams to explore multiple design options quickly. This process also helps to build trust among team members, since people literally get on the same page during a sketching session.

Practice, Practice Practice

You can facilitate this process by becoming a better whiteboard sketcher. The better you can sketch, the more clearly you can communicate your ideas. This will also help others clearly communicate their ideas back to you.

To that end, here’s a short video that will give you a handy collection of common interface elements that you can practice sketching anytime.

A Portable Whiteboard Helps

To keep the production simple, I used a Nu-board hand-held whiteboard notebook along with standard Expo whiteboard markers.

I’m using this portable whiteboard more and more often during in-person meetings. Clients really seem to like the intimacy of passing it around the table during sketching sessions. It also works great for remote whiteboarding when combined with the IPEVO Ziggy HD document camera.

Keep A Sketching Kit Handy

If you don’t have access to a portable whiteboard, you can always put together a portable sketching kit. Mine is always in my bag so I can practice sketching whenever I have a free moment.

What Do You Think?

This video is currently featured as part of Designlab’s Interaction Design course curriculum. Please let me know what you think in the comments, and happy sketching!

Get my UX Sketching Cheat Sheet.

Subscribe to download a handy cheat sheet you can use for your next UX sketching session.

Powered by ConvertKit

, , , , ,

Trackbacks/Pingbacks

  1. My UX Sketching Kit and Why You Need One Too - March 4, 2015

    […] discussed in my previous post, UX Sketching: Whiteboard 101, having the ability to clearly communicate your ideas is one of the most important skills you can […]

  2. What's Your UX Design Process? - April 11, 2016

    […] traffic”. People usually find me through a Google search looking for examples of UX proposals or UX sketching. But my post on gifts for UX designers gets the most traffic of all during the Holiday […]

  3. Master Your UX Whiteboard Skills With These 5 Tips - August 19, 2018

    […] example, in my Whiteboard 101 video, I introduce a basic visual vocabulary of common interaction design elements that anyone can use. […]

  4. Thumbnailing - January 3, 2020

    […] a box to represent an image, or several lines stacked together representing a paragraph of text. Check out my YouTube video on whiteboard sketching to get a better idea plus a downloadable cheatsheet to help you get […]

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.