Readers,

I’ve moved the blog here: http://blog.greenonions.com

Please update your RSS feed to: http://blog.greenonions.com/feed/

Thanks!

I’ll be speaking at a few events in 2009, kicking it all off at Interaction|09 in lovely Vancouver. If you didn’t make it to Interaction|08, the inaugural conference, you missed an amazing, jam-packed weekend of thought-provoking general sessions and practical, use-it-now hands-on preconference workshops.

Interaction|09 boasts some of the biggest names in the industry, including Dan Saffer, Leisa Reichelt, Bill DeRouchey, Erin Malone, Christian Crumlish, Luke Wroblewski, Jon Kolko, and many others!

I’ve revamped my documentation workshop to be more focused on interaction design and to make use of more examples from my own portfolio as well as some of the work we’re doing at EightShapes.

The full conference description is below. Sign up now!

————————

IxDA Announces Interaction|09 with Simon Fraser University, Vancouver, B.C. February 5-8, 2009

The Interaction Design Association (IxDA) is pleased to announce Interaction|09, to be held February 5-8, 2009 in conjunction with Simon Fraser University’s School of Interactive Arts + Technology, and the Faculty of Business, located in lovely Vancouver, B.C.

Mark your calendars now for what promises to be another exciting and informative conference centered around the design of interactive systems of all types, from web and desktop applications, to mobile devices, consumer electronics, digitally-enhanced environments, and more. This will be our growing community’s second annual opportunity to gather with several hundred other Interaction Design professionals from around the world.

Building on the successful format of Interaction 08 at the Savannah College of Art and Design, Interaction 09 will span four days, with two and a half main conference days preceded by 1 ½ days of pre- conference workshops and activities. Thursday will be devoted to a diverse and valuable series of professional workshops. Friday will be a busy and exciting day, with tours, additional workshops and opportunities to explore SFU, its surrounding community and Vancouver, along with leadership and organizing activities in the morning. The conference will open Friday afternoon, with a welcoming reception that evening.

Saturday and Sunday will be packed with inspirational and tactical sessions geared at anyone who practices Interaction Design. We look forward to Interaction 09 continuing to build on the quality of experience and community camaraderie we shared this year in Savannah.
————
For more on Simon Fraser University School of Interactive Arts + Technology, visit http://www.siat.sfu.ca/
————

About IxDA
http://ixda.org

Founded in 2003, the Interaction Design Association (IxDA) is a member- supported organization committed to serving the needs of the international interaction design community. With the help of thousands of members worldwide, we provide a forum for the discussion of interaction design issues.

IxDA’s mission includes evangelism of our field, innovation in our discipline, professionalism in our standards of practice, support for interaction design education in academic programs, and community building for our growing global community of interaction design professionals.

IxDA Discussion Forums: http://ixda.org/discuss.php

One of the things Nathan and I wanted to do with EightShapes is offer training. Sharing our experiences with other user experience professionals is enormously valuable, and contributes to our own education in the field.

I’m therefore really excited to announce that EightShapes is holding its first public workshop on August 8. Nathan and I have been part of other programs, but have never hosted an event ourselves. This is a huge step for us, and we hope that the relatively low price-point of the session means that you can join us in this first of many events to come.

So, if you’ve been considering taking my intro documentation course, or wanted to double that up with some more heavy-duty thinking on wireframes, this is a fantastic opportunity.

I hope we see you there!

Summary: Applying Passover seder’s parable of the four children to the design technique of creating personas. Don’t say we didn’t warn you.

About 20 years ago, my sister and I wrote our own Haggadah, the book used during the Passover seder. The Haggadah tells the story of Passover, the liberation of the Israelites from Egypt, and provides an order (which is what “seder” means) for performing the holiday rituals. Lisa and I, fed up with the Brown family practice of skipping around to hit the important parts and keep things to a length suitable for my dad’s attention span, decided to put our own together. This may seem sacreligious but, frankly, telling the Exodus story in a meaningful and personal way is what Passover is all about.

The seder is filled with symbolism and Lisa and I sought to take advantage of that, by showing how the symbols of Passover are embedded in the story itself. At the time, though, we were teenagers and couldn’t appreciate the larger issues (oppression and liberation) and see how they might be translated to a variety of symbols.

One of the things that we left out of our Haggadah was the four children. (This was either an oversight or an artifact of our own interpretation of what was important.) The number four appears throughout the Passover seder (four questions, four cups of wine) and perhaps represents the four stages of liberation. Since Passover is all about teaching our children about the Jewish liberation, the seder includes descriptions of four types of children who might be present at the meal and the questions they might ask:

• The wise child wants to know about the meaning behind the story.
• The wicked child wants to know why he or she should care about the story.
• The simple child asks the most basic questions, but these should not be ignored or glossed-over.
• The one too young to ask needs to have the story told despite the apparent lack of interest.

I’m in the process of re-writing our Haggadah. With Harry nearly two years old, Sarah and I are trying to create traditions for our burgeoning family. In addition, twenty years after writing our first Haggadah, I see the world differently, Judiasm differently, and interpret the story and the symbols in a new way. In my initial research, I was reminded of the four children (really “four sons”). There are many interpretations of these children, and even a little research reveals great ambiguity in what they symbolize.

To the eyes of a user experience designer, though, these children are ancient personas.

Like personas I might create for a design project, they are abstract. They don’t describe specific children, and don’t even provide examples of these kinds of children. Their abstraction implies that we can’t correlate them to a specific person, but instead use the abstrations to categorize people who might be at the seder–curious, selfish, naive, and uninterested. Likewise, for a design exercise, I might identify categories like prospective customers, new customers, current customers, and preferred current customers. For each category, I can identify their desires and objectives and constraints.

But these personas are actually different from the seder’s four children. They’re no less fuzzy, but they do represent different objectives and different tasks. Imagine we’re designing an online banking application: the objectives and tasks for a new customer are mostly different from those of a current customer. The tasks and objectives define the personas.

This isn’t the case with the four children. The objective is set by the seder: teach your progeny about the liberation of the Israelites, no exceptions. What the built-in personas tell us is not that we have to support different objectives, but that we might have to employ different teaching styles to accommodate different kinds of learning.

Have you ever written personas like that?

These are personas that orbit a single objective and the ways in which people might accomplish that objective is defined in the personas. Writing it down now, it seems self-evident, but my personas have never been framed this way. Instead, typical personas identify user objectives and the product’s requirements must support those objectives. To apply this to a specific example, take online banking. What would objectives look like if not defined by the target audience but instead by the business?

• Help our customers keep a balanced checkbook.
• Help our customers track their spending.
• Help our customers see the benefits of upgrading their accounts.

If these are among the product’s core objectives, we might cast the personas as people who have different styles in their banking: the nit-picker, the worrier, the procrastinator, etc. We need to tell the same story to all these people, but we need to accomodate their individual styles.

One way to interpret the four children is that they represent different aspects of humanity. Or, to state it another way, that all four children are inside each of us. Every person brings unique approaches, hang-ups, and perspectives to the same story. Shouldn’t we be thinking about our product’s target audience in the same way?

A couple years ago, I wrote an article called Information Architecture 2.0 on how information architects will need to adapt to the web’s changing landscape. I wrote the article when some people feared the demise of the practice of information architecture, when Web 2.0 was equated with tagging and more-or-less open content spaces like wikis. The hysteria took several guises, but one of the most prominent was that the need for formal structure would diminish if we gave classification functions directly to the information’s consumers. It’s time for me to revisit the idea, especially now that the modern landscape, while still volatile, has matured a bit. The web’s focus remains broad–not every site has become Wikipedia or Flickr–and the challenges for information architects grow increasingly difficult.

Without seeking to open old wounds, I should define information architecture. As information architects, we design structures, meaningful relationships between objects. A site’s interface design exposes these relationships, adding further layers of meaning. But the role of the IA is to define the objects addressed by a site and how those objects relate to each other.

In recent months I’ve had the opportunity to work on content-heavy sites–sites whose primary business is to present content from a variety of sources for specialized audiences. These experiences have given me an opportunity to reflect on what I do and how I do it. To support sites like these (which are hardly extinct or endangered as early Web 2.0 proponents would have us believe) IAs need to build four specific types of structures.

Content Types

A content type is hardly a new concept. Content management systems have been relying on them for years. In short, a content type is the collection of fields that define a piece of content on the site. The “structure,” therefore, is the relationships between these fields. You might define “article,” for example, as having three fields–title, author, and body.

Content types, despite the industry’s best efforts, are not a one-size-fits-all affair. Different projects require looking at content differently, and the information architect must be sensitive to how content will be authored, managed, and consumed. The art of information architecture happens when IAs think about creating a meaningful set of content types that neither require too much management, nor gloss over the important distinctions between different kinds of information. Content types that are too specific are difficult to manage because it can be tough for authors to determine which one to use. Those that are too general don’t have enough structure to be managed or consumed easily.

One benefit to thinking in terms of content types is that it positions information assets as objects of particular classes. Since most programming these days is “object-oriented”, thinking about content as objects can help build a bridge between user experience and development. In addition, modern web experiences leverage well-defined content objects as the focal points for community and participation. An emerging concept (at least for experience designers) is “social object,” the thing that unites people in conversation, connection, and community.

Templates

After defining the structure of the content, I usually think about what kinds of templates the site must support to display the content. For each content type I look at how an instance of the content will be represented in a variety of scenarios. There are two kinds of scenarios: one where the content type has a dedicated template and one where the content type is represented partially as an element of another content type.

For example, on an online magazine for professional musicians, I might have three content types–article, manufacturer, instrument. Manufacturers make certain kinds of instruments. Articles may refer to manufacturers or instruments. As an IA, I need to answer the question: To what extent do each of these content types need representation online? Obviously, I need a template dedicated to articles. I might also have a page for each luthier, and those pages might have references to articles mentioning that manufacturer. Therefore, an article has at least two representations on the site–as a page in and of itself and as a link from a manufacturer’s page. (At EightShapes, we refer to these roughly as views and components, respectively.)

There are lots of nuances to template design. You might, for example, develop views and components that support more than one content type, where the structure is the same regardless of the kind of information behind it. Alternatively, a content type may have multiple views (screens or pages) depending on the scenario or person looking at it. A common distinction, for example, is between a detailed view and a summary view. Some templates are not associated with any particular content type. A search results page, for example, will likely support a variety of content types.

For information architects, designing templates is where we come dangerously close to stepping on the toes of interaction/interface/visual designers. Generating a set of wireframes can be problematic when the overall visual approach to the site has not yet been ironed out, or when you’ve got people on the team who are more qualified to do that. Still, wireframes are the best way to represent (a) what goes on the page and (b) how those elements should be prioritized relative to each other. Each IA has his or her own way of navigating team dynamics.

Wayfinding and Navigation

With the content types and templates defined, I generally turn my attention to navigation. No matter how much the web has evolved, this question won’t go away: how to people get from one piece of information to another? It’s gotten more difficult to answer, too.

While navigation may seem like an antiquated concept in the age of search, pages still have links, and content-rich sites need some structure to help readers with wayfinding. Modern navigation, however, differs from original static sites in several ways.

First, sites generally have multiple navigation schemes. When presenting navigation for a new site to a client, I’m careful to say that sites don’t have just one architecture, one structure within which content sits. Instead, sites have multiple, often interlocking structures that are more dynamic than the simple hierarchies we created in decades past.

Next, at least one of the navigation schemes addresses contextual wayfinding. Recognizing that the home page of a content-rich site is rarely the primary entry point, information architects must create navigation structures on interior pages that paint a broad picture of the site without distracting from the reader’s starting point, which may be several layers inside the site. Again, IAs must walk a fine line between showing the range of content available on the site and keeping the available links meaningful.

Finally, navigation schemes look less like org charts and more like business plans. They aren’t prescriptive in terms of what labels or links appear in the navigation, but instead define a specific strategy for the kinds of links that should be included and why. Navigation, out of necessity, grows and changes over time and an organization must have a guide for putting links in the site’s scheme. Each scheme must have a purpose, criteria for including links, a prioritization relative to the other navigation schemes, hierarchical details (where does each link go?) and functional details (how does each link behave?).

Rules and Assumptions

As information architects deal more with abstracts (content types instead of specific pieces of content, navigation strategies rather than specific links) every abstraction needs a set of rules for governing how it will appear when instantiated. In the form of a question, when the system loads content into a template, how will the system determine what content to load?

The rules establish criteria for identifying appropriate content and what happens when no content meets those criteria. A rule might take the form:

Pull the three latest articles tagged with keyword X, less than 10 days old.
If the system can’t find three articles within this timeframe, hide this element.

As these rules develop, I find that I need to capture some assumptions. The rule above, for example, assumes that articles have an age associated with them and are tagged with keywords. I might capture the second part of this assumption this way:

Given a keyword, the system can identify articles associated with that keyword.

Assumptions, when it comes to content sites, usually take the form of “given input X, the system can retrieve articles”. Back to our music site, one assumption might be that for any given manufacturer, the system can identify articles mentioning the manufacturer. This might seem like a simple idea, but unless configured correctly, this function may be outside the capability of the content management system.

As the web matures, I see information architecture becoming about defining rules and boundaries, systems for information to live in. I’m considerably less concerned with site maps, labeling, taxonomies, controlled vocabularies, and specific navigation hierarchies. Frankly, I feel increasingly less qualified to do that kind of stuff: the dynamic nature of an organization means that a consultant like me can’t swoop in and add much (any?) value to their efforts to define a vocabulary or to anticipate the hot topics in their industry one year from now.

Information architects can add value in a different way. We’re playing at a more abstract level. Given all the content generated by an organization, how can technology invisibly and unobtrusively support the creation, management, and consumption of that information? What tools and structures must technology provide to let organizations realize the most value through its content? None of the web’s evolutionary stages have rendered these questions obsolete, and in fact has made them increasingly interesting.

One of the perks of owning your own design firm is that you can make a difference in the world that you might not be able to make as an individual. EightShapes has grown tremendously this year, and Nathan and I thought it only right to share the love.

To that end, we’ve donated $2000 to several local and national charities. This year we decided to focus on health and animals.

I chose the Washington Animal Rescue League and Susan G. Komen for the Cure.

In 2001, Sarah and I adopted Zebby, a funny little dog who instantly became part of the family and our older dog’s best friend and biggest devotee. Zeb died suddenly earlier this year. While it will be a while before we can find another dog who lives up to the enormous influence he had on us, we’re happy to support the shelter where we got him. Washington Animal Rescue League is a no-kill adoption agency in northeast DC with an innovative approach to the design of their shelter.

Last year breast cancer claimed the life of Sarah’s grandmother, a larger-than-life woman who had a profound effect on the lives of everyone around her. We’re still reeling from the loss. Sarah’s grandmother’s legacy, besides three wonderful granddaughters, was an aesthetic, a sense of fashion, and a positive outlook on the world. I think she would like Komen–a grassroots organization with its own sense of style and a unique voice among support groups.

Owning a design firm is filled with rewards–exciting work, fantastic collaborators, opportunities to innovate–but suddenly the scope of the reward seems much, much bigger.

EightShapes Keyboard Shortcut Mousepads — You can trade ‘em!

Originally uploaded by brownorama

EightShapes is proud to be a gift bag sponsor at UX Week 2007. Our contribution — a mousepad with keyboard shortcuts for one of five popular diagramming applications.

Here’s the cool part: if you got a mousepad for a program you don’t use, you can trade with another conference attendee!

Shy? Haven’t met someone with just the right mousepad? Drop us a line via info [at] eightshapes [dot] com and we can hook you up!