Blog

On June 1st, I begin work for the University of Washington at the Institute of Health Metrics and Evaluation.

IHME was created at the UW with a Bill and Melinda Gates Foundation grant in 2007. They make high-quality public health information available to researchers and understandable to policy-makers. The projects they work on are fascinating and I can hardly believe I'll be working there in a few short weeks.

I'm incredibly excited to head west with Brooke to start new jobs and explore a beautiful city. Everything about this intimidating logistical undertaking is coming together perfectly.

• Brooke has been staying with Kate and Kris for the past week and started her new job yesterday.
• She has already found a beautiful new apartment for us in Eastlake overlooking downtown Seattle and Lake Union. The photo above is the view from our future living room!
• Our good friend Adam is going to look after our Des Moines condo until it sells.
• The wonderful people at IHME have been willing to get very creative in order to work out a start date that works for both of us.

Of course, I'll miss my family, friends, and coworkers here. Des Moines is a great city with great people. But the world is a pretty little place with things like video chat and plenty of daily departures out of Des Moines International. We'll be back often!

Okay... and now I want to see when you are all coming out to visit in the comments. :)

You're on your way to becoming a bona fide designer with the five planes of user experience design.

This slim book should be required-reading for anybody that puts their hands on a web site. From strategic planing to layout and visual design, Jesse James Garrett brings a wide range of concepts together into one easy-to-grasp model.

Ignoring user experience design costs you money.

Call them life's little miseries. You're late for work because the switch on the alarm clock was in the middle position instead of all the way to the left. You rear-end the car in front while fiddling with your phone. You loose unknown numbers of sales because your web visitors are not filling out the contact form properly.

User experience design makes sure that everything that happens on your site is planned-for and on-purpose. This book breaks it down into five easy-to-understand planes:

1. Strategy plane
2. Scope plane
3. Structure plane
4. Skeleton plane
5. Surface plane

1. It all starts with strategy

Most sites that fail do so because nobody explicitly defines what they want out of the site, and what users need from it. What are your objectives? Your business goals? How are you going to measure success?

This plane examines user needs, research, creating personas, identifying team members and stakeholders. It's the foundation that the other four planes build on.

2. Defining scope isn't just about what you will and won't build.

It's about identifying potential rough spots in the process. It's about having all team members on the same page. It's about avoiding the dreaded "scope creep."

Here, you're gathering requirements from stakeholders and users. You're coming up with functional specs and content requirements.

Most importantly, you're deciding which ideas not to implement. Instead, prioritize them based on your strategic goals.

In my experience, the two most-often overlooked planes are Scope and Strategy. Too many people think that they need a web site "just because" (lack of strategy) and then simply copy/paste everything they have into it (lack of scope).

3. The Structure plane is the realm of interaction design and information architecture.

This is where the abstract ideas behind strategy and scope become more tangible.

Begin to address what works best for the user here, rather than waiting until you reach the skeleton plane or surface plane.

As a Drupal developer, I was pleasantly surprised to see terms such as node, controlled vocabulary, and metadata introduced here. My life would be so much easier if everyone were familiar with them.

4. The skeleton plane defines form and function.

This plane begins to bring visual elements into focus. It has three key aspects that work closely together:

• Interface design is about making sure the most important things get noticed.
• Navigation design gives users a sense of "geographical" awareness. It gives them a way to understand where they are and where they can go.
• Information design communicats information in a way that makes sense to the user.

This is where page layouts come together in the form of wireframes. They are used to establish the visual design, as well as to check progress against the strategy, scope, and structure of the site.

5. The surface plane address how elements are presented visually.

Visual design is not really about aesthetics or taste. (If that were the case, it would be called "decoration.") The ultimate goal of visual design is to reinforce, not distract from, the structure defined in the skeleton plane.

A good visual designer uses many tools, including:

• Contrast
• Uniformity
• Consistency
• Color
• Typography

The user's eye should have a path to follow-- a short "guided tour" of what's on the page.

These ideas scale

The five planes can (should!) be applied to every web project, no matter the size or budget. What may seem like unnecessary overhead or busy-work will end up saving you time and producing better results.

The Elements of User Experience should be on every web professional's shelf next to other classics like Jared Spool's Web Site Usability and Steve Drug's Don't Make Me Think.

Brooke and I have put together an entry for the SmartyPig "Dream Big" video contest. We'd appreciate all the 5-star ratings we could get. Thanks for your help!

This morning, I finally got around to joining the Drupal Association. It's the organization responsible for the infrastructure, funding, and promotion of Drupal, the open-source software that powers hundreds-of-thousands of web sites both small and large. I consider this just a small gesture of appreciation and support for an amazing community that really does have the potential to save the world. Go Drupal!