UX

Digital Sketchpads

Posted on: September 5th, 2011 by Mason Brown + Comment

 

There are several new tools to make the experience sketching and note-taking on digital devices more rewarding. Almost every pen gadget boasts an army of features but I haven't yet found one that compares to the simplicity and comfort of a traditional pencil and paper approach. I think we're moving in the right direction with some of the latest software that allows cloud-syncing and remote collaboration but the hardware is far too cumbersome for most of my illustration and brainstorming sessions. I already have enough gadget accessories to lug around when I travel and it's rare that any of them are as agile and portable as my notepad. I imagine someone will eventually discover a holy-grail drawing technology that not only fits in my back pocket but also doesn't rely on electricity. I'm sure mankind will look back decades from now and realize most of our writing and drawing gadgets were clumsy toy prototypes that led to more ambient solutions. It's amazing how far mankind has evolved drawing and word processing tools in the past centuries, yet the fundamental mechanics of sketching graphite on an analog slab hasn't changed that much since our neanderthal cave painting days.

Here's a round-up of some writing and sketching tools that are nice, but won't replace my analog sketchpad anytime soon:

Wacom Inkling:

Inkling

Wacom Bamboo Paper & Stylus for iPad:

Bamboo

Adonit Jot:

Jot

PhatPad for iPad:

PhatPad

Livescribe + Pencasts:

Livescribe Pen

Thoughts on User Experience

Posted on: July 5th, 2010 by Mason Brown 1 Comment

 

Understanding what users want to do, what they actually do and how they feel about using a system defines the effectiveness of any digital experience. Function and interface are the core ingredients for most digital projects, but there are many more intangible elements that help dictate a user's actions and perceptions. An awesome user experience is much more than data, pictures and buttons. It's the transition between views, how a button animates, knowing when to emphasize the interface and when to hide it. Ultimately, all of these ingredients add up to form an emotional reaction that determines the product's overall success.

There are endless approaches to planning digital experiences. Some teams place these decisions on various designers, developers, researchers and directors. Sometimes the user experience is drafted in a silo by information architects months in advance of any design work, and sometimes it's improvised in the middle of a project's creation. I can say there's no single formula that works for every project. The best projects seem to achieve a delicate balance of planning, reflection and iteration. Predicting human behavior is arguably the most powerful skill you can have as an interaction designer, architect, engineer (insert title here). You can draft a 300 page functional spec document, with use-case flows, personas, and wireframes annotating every detail of every view, but if the final outcome doesn't result in a positive emotional reaction then all you're piles of strategy will be perceived as a failure.

It's the balance of dreaming big and being pragmatic that that will help you reach meaningful goals. Big dreams tend to incur big production costs, and pragmatism often limits creativity. So it's important to have a reliable set of tools that helps you to not only dream big, but also get the job done fast.

Here are a few resources to add to your UX toolbox to help you draft, sketch, research, revise and execute ideas faster.

1. Smashing Magazine: Sketching Templates

Smashing Magazine is pretty much a no-brainer for web designers and developers looking for round-ups. Here is a great round-up of printable sketching, wireframing and story boarding templates.
ux

 

2. Balsamiq Mockups: Wireframes

Balsamiq is an Air app that allows for easy drag-n-drop interface wireframing. It provides a robust asset library, generates xml, and also has a pretty nice presentation mode.
ux

 

3. UX Magazine: Psychology

UX Magazine is a community of gurus from around the world that publish articles on the psychology of users and much more.
ux

 

4. UX Booth: Tips & Trends

UX Booth showcases tips and ideas dedicated to user experience professionals.
ux

 

5. UI Patterns: Interface Parts

UI Patterns hosts a collection of categorized interface components that not only lists different ways of solving common design problems, but also rationalizing about how, when, and why such solutions should be used.
ux

 

6. Slideshare: Presentations

Slideshare has a plethora of presentations from other industry professionals on user experience.
ux