7 Tools To Innovate UX Design. And Chalkboards, Pens & Paper

After posting this chalkboard picture on Facebook/Compass.to, Alex and I were asked by an applicant about working on a chalkboard and if chalkdust isn’t destroying keyboards or Wacom screens – instead of using UX and wireframing tools like UXPin, Photoshop or Sketch.
Sure, demoing digital skills is great but after chatting about the pros and cons of working analog, I just realized that the traditional way of sketching wireframes and the UX is about to become outdated. In my opinion, it’s fatal to underestimate this way of sketching! Here are our top seven ways of creating great user journeys (and why we love chalk):

1. A Chalkboard Helps You To Focus And To Team-Work

Blog_Compass_UX_Chalkboard

Why we love a chalkboard: First it’s the fastest way of outlining a user journey together with the team. Second, you’re focussed (and not disrupted by incoming Facebook chats or e-mails). For me, sketching is probably not the most beautiful but easiest way to get ideas out of my head to start exploring them visually. The chalkboard also helps your team to join you, kill one or two connection lines between interfaces and re-schedule user paths.
Another very underestimated effect is the vertical work on a wall which every co-worker can see and contribute to.
And of course, a whiteboard or huge glass window also helps.

2. Grid Paper And Pen

My two most-used tools are, besides the chalkboard, pen plus grid paper. I’m a visual person and take a very design-led approach to my UX work. Sketching ideas on paper allows me to visualise and play with different approaches to content structures, interface layout ideas and interactions.
Paper has the property that you can do anything you want. You don’t need to find a checkbox in a dialog you simply draw a Checkbox.

As for pens, I love simple pencils with a rubber but currently favour the Artline 200 pen (fine 0.4mm). A light blue pro marker helps to highlight certain areas of a sketch or wireframe, too.

3. The Sketch App

sketch app

Certain software tools are, of course, an essential part of our work. They come into play just after we’ve left the chalkboard or the much appreciated “white space” on our office windows.

Sketch is an interface design app and it’s intended specifically for designing beautiful user interfaces for a range of devices and screen resolutions (big advantage). Although there are better tools for wire-framing that boast extra features, we’ve been dipping into Sketch to produce quick, great-looking wire-frames.

Sketch is simple and quick to learn. It includes built-in grid controls, linked styles and smart measuring guides. For pixel-perfect obsessives, you’ll love Sketch because it makes the exact art of measuring and aligning elements very easy.

4. MindNode Pro

mindnode

MindNode is a visual, mind-mapping tool that’s very easy to use. It’s available for Mac, iPhone and iPad, and when used in conjunction with iCloud or Dropbox, means you can access your maps from anywhere.

Mindmaps helped us develop a broader feature Roadmap and to oversee the amount of work we’ll have to put into the entire picture. It’s not necessarily a pure UX tool but it belongs to a UX designer’s atrium.

5. Balsamiq: Wireframing And Mockups

I’ve asked my team, our designers and freelance developers about their opinion and favorite UX tool. They all replied with the same answer. It seems like there’s a consensus across the entire industry about Balsamiq – a tool to communicate complex ideas before spending endless hours polishing them.

6. PowerPoint? Yes, PowerPoint!

When I worked for Microsoft and started sketching ideas, wireframes and even user Interfaces, I got trapped in PowerPoint. This was ten years ago when there were only a few UX and wireframing tools available. PowerPoint helps you to outline simple user journeys. You can even draft a UI with PowerPoint’s simple shapes and fiducial axes.

The problem with highly specialized tools is that they tend to make the designer behave like a programmer wiring up pages with links and actions.  The wireframe is not meant to be a working prototype. It’s meant to be fluid presentation of the high level application structure.

Download free wireframe templates for PowerPoint here.

7. PostIt Notes During Workshops And Meetings

Blog_UX_Skribble

Well, you shouldn’t really promote this way of creating your UXs with Post Its but to be honest: It’s quick and easy during a workshop with your team. Even with your design team. I’m sure they’ll appreciate it.

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>