UIEtips: Code Sketching – A Stretch Goal for Your Design Superpower

There was a time that providing a simple sketch on paper conveyed enough information to the stakeholders on the intent of a design. Now, with the plethora of devices a person can use, a sketch lacks the detail needed to convey how the design will appear on various devices. Today’s article discusses the benefits of sketching in code and why you shouldn’t fear it.

If showing your designs on multiple devices is important to you, you’ll want to explore Nate Schutta’s full day workshop, Coding Prototypes, Even if You’ve Never Tried at the UX Immersion Mobile Conference this April. He’ll ease you into mobile prototyping–from using HTML and CSS in a text editor to debugging what you have built.

Here’s an excerpt from the article:

Our designs flow and move. Expressing the subtlety and nuance of how we imagine our designs is hard to do with a static sketch. Microinteractions are essential for a good experience, but difficult to imagine by just looking at a picture.

We compound by desiring to express how the design will change as we move across platforms. We need to see if we’ve made something too complicated. Maybe we’ve left something important out? Maybe it’s too clumsy when there’s no keyboard?

Building the entire design to discover an important flaw is a time-consuming and expensive process. We want to get our ideas out there for review and reflection. How do we make it easy to do and cost effective?

Read the article Code Sketching – A Stretch Goal for Your Design Superpower.

Have you added sketching in code to your design toolbox? Tell us about it below.

Submit a Comment

Your email address will not be published. Required fields are marked *