I frequently get asked about a specific technique for creating alignment diagrams. It’s important to keep in mind that alignment diagrams aren’t a single document type, rather a class of maps that seek to visually represent and coordinate various aspects of both the customer experience and business processes.

In an article co-authored with Paul Kahn, we explain it this:

We propose the term “alignment diagrams” to describe the class of maps and diagrams that visualize touchpoints in a business process. Such diagrams are implicitly part of the current design practice. Thus our definition of alignment diagrams is less a proposition for a new visual technique than recognition of how various techniques can be seen in a new and constructive way. Alignment diagrams are constructed to reveal touchpoints and thereby contribute to the design and business process…It is the system of visual alignment that distinguishes this type of diagram.

Specific techniques for research and diagramming are important, of course, but it’s really the principles of alignment diagrams that are essential. Once you grasp these, you’ll find there range of potential ways to go about diagraming, including mental models, customer journey maps, service blueprints and more. You may even introduce variations on these standard forms or come up with your own.

Below is a list of core principles are at the heart of the alignment technique.

~~~~~~~~~~

Principle of Holism

Alignment diagrams focus on human behavior as part of a larger ecosystem. They are NOT about product research (e.g., not about mapping out the workflow with a specific software program). As much possible, look at what your customers do in their normal lives or normal work environments.

Your customers “hire” your products or services to get a job done. An alignment diagram should focus on these jobs in the context in which they happen. Specifically, use customers’ goals and desired outcomes as a centripetal force for telling the alignment story. Show their pain points and barriers to overcome as well to enhance the narrative.

Paint a holistic picture with the diagram and then, together with your team, try to solve problems for customers. This will lead to opportunities for innovation and growth.


~~~~~~~~~~
Principle of Multiplicity

Alignment diagrams describe multiple facets of information on the customer and on the business sides of the equation. This is what the “alignment” part of the technique is really all about.

There are some common types of information to include on the customer side: actions, thoughts, feelings, goals, pain points and moments of truth are some of the leading things to include. There may be others depending on your situation.

On the business side, common elements include processes, actions and artifacts, as well as departments or roles involved. Channels of communication are typically relevant as well. In this respect, alignment diagrams help diagnose and plan cross-channel experiences.

~~~~~~~~~~

Principle of Interaction

Alignment diagrams expose touchpoints between the customer and business. The multiple layers of information shown in an alignment diagram (see Priniplce of Multiplicity) must come together to show where customers have contact with a product, service or brand in some way.

After determining and aligning the multiple facets of information, analyze the touchpoints. Start with simple SWOT analysis: how well does your business serve customers in each phase and for each touchpoint? Or give yourself simple school grades to see where you’re good and where you’re poor.

Beyond that, use the alignment diagram to prototype the customer experience. Walk through the touchpoints in order and examine the real-world artifacts customers would encounter. In this way you can use the alignment diagram to gain empathy for customers and put yourself in their shoes.

~~~~~~~~~~

Principle of Visualization

Alignment diagram show a composite view of behavior and processes in a graphical overview. It is the act of visualizing the alignment of various types of information and the touchpoints that makes value creation on both sides evident. A 10-page report with the same information won’t have the same effect. Stakeholders need to be able to take in the entirety of the interaction described in the diagram at once.

A single visualization also provides a compact and focused artifact to bring into a workshop. The diagram should be engaging, and a visual representation of customer and business activity helps.

~~~~~~~~~~

Principle of Self Evidence

Alignment diagrams should need little or no explanation. Anyone should be able to walk up to an alignment diagram and orient themselves quickly.

Note that visualization, while helpful, does not guarantee the simplicity needed for self evidence. You will have to work hard to reduce the information to only the salient points.

Alignment diagrams tell a narrative. If your user research data is rich, it will be challenging to tell a concise story. You’ll be tempted to include everything you found. Resist this urge and stick to the main plot. Self evidence is more important than an overload of details.

~~~~~~~~~~
Principle of Relevance

Alignment diagrams seek to address real-world problems and therefore must be relevant to a given business or organization. As a creator of an alignment diagram, this means you must thoroughly investigate and understand the goals, challenges and future plans your business partners have. The resulting diagram should fit seamlessly into their thinking.

In particular, strive to shed light on problems that are not transparent or difficult to see. For instance, a business may be looking to strategically expand into new markets. Let’s say a B2B provider wants to start selling directly to B2C markets, something it previously hasn’t done. An alignment diagram can help document the types of interactions the business would have with this new segment, and it would highlight the additional capabilities they would need to develop.

~~~~~~~~~~

Principle of Validity

Alignment diagrams are firmly grounded in first-hand investigation and evidence. They are not made up or brainstormed in isolation.

Even if a company already knows a lot about its customer behavior, primary research must be part of your alignment diagram effort. Almost with certainty, you will find things previously unknown. More importantly, you will validate, deepen and strengthen the information included in the diagram with first-hand research.

—-

If you want to learn more, I’ll be giving a full-day workshop on alignment diagrams on March 15, 2012 in London. This is part of UX Fest, a 4-day series of workshops run by William Hudson and myself. The workshops offered are:

Here is a list of my top posts in 2011, in order of the number of views each became.

#1. …On Communicating Strategy for Design

19 June 2011

I’m really happy this came at the top of the list because it was by far the hardest and longest one to write. Lot’s research and re-reading went into this it. But it was fun to do, and it’s proven to be very helpful in my day job, too.

Here are the elements I found to be most significant in communicating a design strategy:

  • An explicit design strategy statement of 35 words or less. This should encapsulate the objectives, as well as scope and advantage to the degree possible.
  • An activity system map to show which unique set of activities you’ll undertake and their relationship with one another. This is a more detailed explanation of scope.
  • A strategy canvas (or two) to show design’s advantage and unique value–both to the organization and to customers.

The subjective response to this post was good too. Here’s what one commenter had to say:

“This is an outstanding article, James. As a design strategist (or someone who does design strategy as a part of a much larger set of tasks) I took keen interest in all the information you have curated here. I cannot remember the last time I spent an hour digesting something on the Web. Really good and important read. I have sent it to my circle of smart friends. Thanks for putting this together.” (Steven Keith)

Thanks, Steven! Sometimes hard work pays off…

#2. Business Model Canvas: A Type Of Alignment Diagram

11 July 2011

The genesis of this article came from a simple realization that Alexander Osterwalder conceives of the Business Model Canvas in a similar way to how I view alignment diagrams.

To review, alignment diagrams are a class of documents that visually align aspects of customers’ interactions with a product or service. They have two halves: one part shows key elements of the customer experience; the other half illustrates business activities and how they fit into customer activity.

Alexander Osterwalders talks about the “front stage” and “back stage” sides of a business model. The front stage is all the customer-facing elements of a business. The back stage refers to the internal business processes. This division is reflected in the canvas. In this light, the business model canvas is a type alignment diagram.

For more on alignment diagrams, see my presentations and writings:

#3. QuestionStorming – Framing The Problem

2 November 2011

Unlike #1 in the list, I fired this post off fairly quickly. It’s still quite valuable though.

I came across this technique in The Innovator’ DNA, which I was reading just at the same time we were planning an innovation workshop at USEEDS° for a client. The timing was perfect. In order to prepare myself for using the technique, I did a little research on it and was able to share what I found in a blog post.

I’m actually surprised this was only #3: judging from visibility this post got on Twitter, it felt like this would be the winner. I’m still seeing people mention this post on Twitter…

#4. Fighting The “Air Sandwich”: Aligning For Success

18 Sept 2011

I was really happy to have come across the notion of an “air sandwich” in Nilofer Merchant’s book The New How. She clearly explained and articulated what I’d observed in the companies I’ve worked for. She writes:

An Air Sandwich is, in effect, a strategy that has a clear vision and future direction on the top layer, day-to-day action on the bottom, and virtually nothing in the middle–no meaty key decisions that connect the two layers, no rich chewy center filling to align the new direction with the new actions within the company.

In the post, I don’t think I highlighted well enough how alignment diagrams can be used to address air sandwiches. It’s kinda hidden at the bottom of the text. Maybe I’ll circle back on that in another post.

#5. The Myth of Fixed-Width Layouts–Revisited

3 October 2011

This post shot up very quickly, probably because Jan Jursa (@IATV) picked it up on Twitter.

Fixed-width layouts have been a pet peeve of mine for years–ever since I wrote one of my first published pieces: “The Myth of 800×600.” Over a decade ago, working on a project for Audi, I came to the firm belief that designing a web page for a single size is a flawed practice. The web is a digital medium, and pages should be fluid and flexible. Back then–in 2001–we even built in a type of low-level responsive web design into the the Audi website. We weren’t targeting mobile devices at the time (heck, we were still looking at WAP back then), but the website did end up with 3 different optimized sizes–small, medium and large.

Anyway, I’m glad to response web design finally taking off and will be a supporter of that movement moving forward.

Honorable mention: Faceted Navigation: Grouping – An UnTapped Potential?

6 Dec 2010

OK, you noticed–this post wasn’t  from 2011. But it was close. And it also got a lot views, so I decided to include it in this recap anyway. It was also one of my favorite posts, so it gets an honorable mention.

The thing I find interesting about grouping is that there are no commercial examples that I know of it, although the Flamenco faceted search UI makes use of it. I suspect that’s because there’s little or no real business value in it. In fact, it may add complexity that could actually hurt the overall user experience of a faceted navigation system. But that’s precisely the challenge that’s fascinating to me. I’d like to see a commercial use of grouping that brings value to users and to the business.

Here’s a quote from the post:

With grouping–as with the scatter/gather interface–users can see a presentation of results in a more structured way. The theory is, structuring a results list by clustering items around a topic better reveals “aboutness” of subsets of items, and this in turn potentially increases the chance of relevance. This isn’t only true in academic settings: studies show that grouping results can be of significant benefit in broader contexts on the web.

Read the whole post for more. Or come to my workshop on Faceted Navigation on March 16 in London. I’ll be talking about grouping and many other techniques in faceted navigation.

Happy new year!

One of the advantages of the prevailing model of faceted filtering on the web is the display of magnitude, or the size of the resulting set of items after selecting a filter value. You’ve seen this already: I’m talking about the numbers next to filter labels. This let’s you know how many things you’re going to get if you select that option.

While these calculations may be performance intensive, indication of magnitude provides valuable navigational cues to users. Seemingly trivial, this tiny bit of information can affect a user’s decision to select a filter or not.

Indication of magnitude can be classed into two primary types:

  • Absolute magnitude shows the exact number of items. The most common approach indicates magnitude with a number in parantheses, usually after the filter label but sometime also before it.
  • Relative magnitude shows the general size of the set in relation to other filter values. This is usually done with bars of some kind, either horizontal or vertical.

hybrid of absolute and relative is also possible, as seen in the Relation Browser, an academic project for faceted filtering at the University of North Carolina (Image 1):

Image 1: The Relation Browser from UNC shows both absolute and relative magnitude (click to enlarge)

This example shows faceted filters for a collection of science and engineering data. The absolute number appears to the left of the value label. The relative magnitude appears as a blue, horizontal bar.

Notice that to save space, the designers put the value label over the bar. This avoids a real estate problem for showing longer filter labels: had the labels appeared to the left of the bars, for instance, some would most likely have to be truncated.

But wait, there’s more…

The Relation Browser take the display of magnitude one step further: rolling over an available filter forecasts the size of the resulting set of items by overlaying the new magnitude on top of the existing bars.

In the next screenshot (Image 2), the mouse is hovered over the value “Graduate” in the facet “Education level,”  (as indicated by the red outline). The blue bars now show the set of items you’d get after selecting that value. The white bars indicate the original magnitude (as seen in blue above) for all of the other filters.

Image 2: The Relation Browser forecasts magnitude by overlaying blue bars (target set size) on white bars (current magnitude).

This interaction is dynamic and instant, so you get a feel for the relationship of existing magnitude and new magnitude quickly. In the above screen shot, you’d know that by clicking on “Education level: Graduate” you will not get any documents in PDF, text or PowerPoint formats. This might affect your decision to select that filter at all, thus potentially saving you a step.

The display of magnitude is admittedly  a very detailed aspect of faceted navigation. But the example of the Relation Browser goes to show there is room for exploration and innovation in faceted navigation. How, for instance, might this be integrated into ecommerce without overwhelming users and in a way that is immediately understandable? What might be the benefit of this approach in a business context?

—-

Upcoming Workshop: Faceted Navigation (part of UX Fest, London, 2012)

If you’d like to learn more about faceted navigation, visit my day-long workshop on faceted navigation in March 2012 in London. We’ll cover faceted navigation from end to end. Below links to details about the event and about UX Fest, the series of four workshops William Hudson and I are running together:

.

Consumer Decision Journeys

27 November 2011

David Edelman has an interesting recent article in The Harvard Business Review entitled “Aligning with the Consumer Decision Journey.”

He writes:

Marketers need to drop the funnel metaphor to describe consumer touch points and instead study the evolving and increasingly digital consumer decision journey (CDJ). The CDJ illustrates how consumers add and subtract brands from a group under consideration during an extended evaluation phase. And purchase is no longer the end of the relationship. Now consumers often enter into an ongoing relationship with the brand during which they enjoy, advocate for and bond with it.

That feels very intuitive–even obvious–to anyone who has been working in design in the online space. But it’s important that managers and marketers are looking at the entire customer experience. If using a CDJ diagram helps, then that’s a good thing.

Decision making is a key dimension to look at in a company’s relationship with customers, for sure. Still, I’d not classify the CDJ technique as outlined by Edelman as an alignment diagram. This is primarily because it only captures one dimension of the customer experience. There’s also no mapping back to internal process within the business, and so no real alignment.

The article shows in a case study how one company used a CDJ map to instill change in the organization:

As a result of this reconceived CDJ, Global Light rethought its go-to-market approach, expanded the role of the corporate digital marketing team, and changed the nature of its customer relationships.

This is an important, non-trivial outcome of customer journey mapping in general. It builds agreement and a fosters a culture of customer-centricity internally. These effects are sometimes overlooked in such efforts, with project sponsors looking for an immediate, monetary return. It’s hard, however–if not impossible–to put a value on shared vision and culture of service in a company. A recent study on innovation by Booz & Co. shows that organizational culture is the single most-important factor the predicts how successfully a company innovates. They found that:

Spending more on R&D won’t drive results. The most crucial factors are strategic alignment and a culture that supports innovation.

I’ve had success with customer journey mapping and similar techniques in building a common vision of the ideal experience. I encourage you to try experience mapping out. It may just transfer your view of the customer from the inside out to the outside in.

For more, see my list of resources for customer journey mapping on the web.

In his book The Myths of Innovation (see my review), Scott Berkun highlights the importance of framing problems creatively. Finding the right problem is as important–if not more important–as coming up with a solution quickly. Berkun writes:

Discovering problems actually requires just as much creativity as discovering solutions. There are many ways to look at any problem, and realizing a problem is often the first step toward a creative solution. To paraphrase John Dewey, the inventor of the Dewey Decimal System, a properly defined problem is partially solved. (p. 128)

The start of innovation, then, shouldn’t begin with the search of the perfect solution, rather with the search for the right problem.

With this in mind, I was happy to come across an innovation technique called QuestionStorming in the recent book The Innovator’s DNA.

QuestionStorming can be traced back before that book. Jon Roland wrote about what he calls “Questorming” back in 1985. His method is available online. He writes:

Its aim is not so much to get a group to come up with “solutions” to a “problem” as to come up with well-stated and well-selected questions or problem formulations. In one sense it addresses the process leading up to what is done in more conventional brainstorming: formulating the problem to be solved by the group.

This directly recalls Berkun. More importantly, QuestionStorming offers a concrete approach to getting to the right problem.

The technique is fairly simple and can be described in 5 steps:

  1. Have a group of people start asking questions and write them down one-by-one. It’s important to not start a new question until the previous one has been recorded.
  2. As in brainstorming, refrain from judging, censoring, or discussing the questions as you collect them. The goal is to go for volume.
  3. The authors of The Innovator’s DNA suggest a goal of 50 questions. After that mark is reached, you can end the QuestionStorming.
  4. Group the questions by type. Common types are
    • What is? – These questions focus on facts and as-is situation
    • What caused? – These questions get at the root of a problem
    • Why? Why Not? – This type reflects the rationale behind a given problem space.
    • What if? – These are the questions that point to a different future and lead to real innovation.

5. Prioritize the questions and pick the most relevant ones to discuss and develop further.

The authors of The Innovator’s DNA conclude:
If disruptive innovators occupied the same room, they would fill the empty space with thought-provoking questions. Why? Because questioning is how they do their work…Innovators ask lots of questions to better understand what is and what might be.
So, when your colleagues and team members jump right into coming up with a solution, check that they’ve been asking the right questions first. QuestionStorming is a simple approach that can be done in the matter of an hour or two.
.

“Developing fixed-size Web pages is a fundamentally flawed practice. Not only does it result in Web pages that remain at a constant size regardless of the user’s browser size, but it fails to take advantage of the medium’s flexibility.”

The above quote is something I wrote back in March of 2001. At the time, the standard resolution to design to was 800×600, but things were changing to 1024×768. There were debates at the time as to whether web pages can be optimized for larger screens. My article, entitled “The Myth of 800×600,” essentially attacked fixed-width screen design in general. (Perhaps a better title might have been “The Myth of Fixed-Width Design.”)

I concluded that article with a prediction:

“With an increase of alternative browsing devises on the horizon, such as WebTV, public access kiosks, video gaming systems, e-Books, small handheld devices, and other nonstandard applications, the continuum of viewable browsing sizes will only expand. Never before has the demand for flexibility been greater.”

A decade later that contention seems to more true than it was back then.

At the time I was working with Razorfish on the relaunch of the Audi.com and Audi.de websites. I summarized a case study of that project in an article on Boxes and Arrows. (See: “Challenging the Status Quo: Audi Redesigned,” originally given as a presentation at the IA Summit 2002 in Baltimore.).

One of the themes covered in the case study is an innovative approach to screen resolution. We called it “jumping boxes” at the time, referring to a layout that had three different states: small, medium and large. This was achieved by making components “jump” down on the page as the resolution got smaller (and vice-versa).

I wrote in the case study summary:

“Razorfish, Germany wanted to address the fact that users surf with different browser window sizes. We believed developing pages for one fixed size is fundamentally inappropriate for web design and ignores the basic flexibility of the medium. … [Therefore], the Audi sites have ‘smart’ pages that detect browser size and serve up the right layout automatically. Entire content areas of a page appear in different locations depending on the user’s resolution. These content boxes appear to ‘jump’ around in the layout, hence the phrase ‘jumping boxes.’”

In the end, the jumping boxes approach didn’t bring much to the site or to our client. It was more a philosophy of web design than anything practical. And the website has since been relaunched several times without the flexible layout.

These days folks are talking about responsive web design, spearheaded by Ethan Marcotte in articles and books on the subject. He writes in A List Apart:

Fluid grids, flexible images, and media queries are the three technical ingredients for responsive web design, but it also requires a different way of thinking. Rather than quarantining our content into disparate, device-specific experiences, we can use media queries to progressively enhance our work within different viewing contexts. That’s not to say there isn’t a business case for separate sites geared toward specific devices; for example, if the user goals for your mobile site are more limited in scope than its desktop equivalent, then serving different content to each might be the best approach.

But that kind of design thinking doesn’t need to be our default. Now more than ever, we’re designing work meant to be viewed along a gradient of different experiences. Responsive web design offers us a way forward, finally allowing us to “design for the ebb and flow of things.” 

The layout for the Boston Globe website is a good example of responsive web design. Below are three screenshots from the site at different sizes:

Figure 1: BostonGlobe.com at its maximum width of about 1280 pixels (click to enlarge)

Figure 2: BostonGlobe.com at about 800 pixels wide

Figure 3: BostonGlobe.com at about 220 pixels wide

These screenshots are of the same page, taken only minutes apart. There is no horizontal scrollbar needed at any size. And the layout works at all of these resolutions.

This is far more sophisticated than what we were attempting in 2001 with the Audi website. We didn’t even come close. But we were falling the same aesthetic–one that breaks away from the what I call “the four corners syndrome.” Typically, web designers determine a fixed a size and begin filling in the corners with stuff. This is reminiscent of print design, really.

Now, with a veritable continuum of sizes to accommodate, picking just one doesn’t go very far. Responsive web design seeks to address that. It’s quite possible–from a design perspective and from an implementation perspective–to create a single website that scales as needed and takes advantage of a truly flexible medium to work on nearly any browser size. I, for one, welcome the further development and adoption of responsive web design. At a minimum, we should strive to have a single size be our default starting point for web design.

For a while now I’ve been observing a similar pattern in some companies I’ve worked for or had contact with: There’s often a disconnect between high-level strategies and what actually happens during implementation. Execs don’t get what they want, and employees work hard on projects that ultimately fail.

The metaphor I use is that of a “cliff”: stakeholders throw vague ideas over “a cliff.” They quickly plummet downward for individual contributors to execute. And no one seems to notice the gaping hole in the middle, between the top and the bottom. Mapping, modelling, coordinating, testing hypotheses, iterating, revising, and above all co-creating seem to get left out.

Happily, Nilofer Merchant in her book The New How (O’Reilly, 2009) has articulated this phenomenon much better than I have. She too has observed this disconnect between the top and bottom layers of an organization. It’s what she calls an “air sandwich.” Nilofer writes:

An Air Sandwich is, in effect, a strategy that has a clear vision and future direction on the top layer, day-to-day action on the bottom, and virtually nothing in the middle–no meaty key decisions that connect the two layers, no rich chewy center filling to align the new direction with the new actions within the company.

Also see Merchant’s promo video on Amazon.com for a brief explanation with cartoon representation of the air sandwich.

The metaphor is reminiscent of the “Where’s The Beef” campaign Wendy’s hamburg chain restaurants launched decades ago. In our case, the top bun would be the high-level strategy; the bottom bun is execution and implementation. And there’s nothing in between–no beef.

I was reminded of the “air sandwich” again when reading an article by Alexander Osterwalder (of business model canvas fame) and Yves Pigneur (see: “An e-Business Model Ontology for Modelling e-Business“). They discuss three levels of business structure: The planning or strategy level, the architectural or business model level, and the implementation or process level.

Here’s the diagram from the article illustrating these levels:

Figure 1: Levels of an organization (Osterwalder and Pigneur)

Notice that middle level. That’s the one that gets left out. That’s where the air sandwich comes from: a lack of focus on the architectural level. This layer is like an equation or a series of IF-THEN statements. It’s the governing logic of how the business is to function and what employees are to do. Without this algorithm in place, folks are left to improvise or make assumptions. Osterwalder and Pigneur argue that an explicit business model provides a framework for architecting and managing the business logic.

Regardless of what you call it–a “cliff,” an “air sandwich,” or the “architectural level”–the pattern is the same: senior management complains that their brilliant ideas don’t get implemented properly: “If we could only get execution right, we’d be better off.” Lower-level managers and individual contributors, in turn, groan about how stakeholders don’t “get it.” They don’t buy into those “brilliant ideas,” and they don’t believe in the direction set from above.

What’s the answer? Should we expect execs to roll up their sleeves and detail everything out? Not exactly–that would quickly become micro-management. Still, instead of crapping bricks of strategic poo from their ivory-lined corner offices on the heads of the mere mortals who implement the stuff, execs can make sure their vision and plans are broken down and architected for execution. In other words, they need to make sure the middle layer is aligned upward and downward and that there is no “air sandwich.”

For instance, execs can engage the bottom more frequently and actively to gather input into what will actually work. Often it’s people closest to the customer or the production line or a service partner that will know where the showstoppers may lie. Instead of creating a strategy in behind closed doors and then telling the rest of the company what their future is, execs should co-create the strategy with a variety of sources of input from all levels.

But from the bottom up there are things that can be done too. In particular, applying design thinking to the architectural level can provide a different picture of a given situation. Instead of griping about a lack of vision or direction, use your skills to draw a picture of the architectural layer. Literally.

You may have already heard me beating the drum about “alignment diagrams,” for instance. This class of document provides a structured overview to some of the middle layers of a business. More importantly, they bring a strong customer perspective into the discussion and align this with business activity.

In the end, the fighting the “air sandwich” needs to be done from all directions–from the top and from the bottom.

Some may say, “We don’t have time to plan every detail” or “We need to be first-to-market on this one” and “Let’s just start executing without all the planning.” But combating the air sandwich makes execution more efficient in the long run. Simply put, it makes economic sense to spend time getting the business logic right before going off to execute a plan. “If you get the thinking right, the doing is much easier,” to quote Ms Merchant again.

.

See my upcoming workshops on Alignment Diagrams:

  1. Thursday 22 Sept 2011, Prague, CZ - Part of Euro IA 2011
  2. Thursday 3 Nov 2011, London, UK – Part of UX Fest London

Also see some articles and presentations on alignment diagrams:

Our first UX Fest London in February 2011 was a great success. It included four courses, two from William Hudson and two by me.

For the November this year, we have added two brand new, thought-provoking workshops: on on agile requirements (William Hudson) and one on alignment diagrams (James Kalbach).

Here’s the full program with links to William’s site:

Online registration for UX Fest is now open. Be sure to take advantage of the 4-for-the-price-of-3 special.

All courses are from 9:30-5:00 at Wallacespace, St Pancras, London WC1H 9PN in central London. (NOTE: this is not the Covent Garden location for Wallacespace). Lunch and refreshments will be served.

TESTIMONIALS

Here’s what former participants said about our workshops:

About William’s courses:

  • “Excellent, well paced”
  • “Fully met my needs on how to use UX techniques in Agile development”
  • “Instructor was very, very good at presenting and very knowledgeable”

About James’ courses:

  • “Highly valuable and relevant strategies … in a clear, friendly and engaging manner”
  • “Lively, engaging, coherent style”
  • “Practical and clear”
  • “James demonstrates excitement for his profession and, with this, opens new perspectives for work in web design.”
  • “The content was well prepared and very practical through the numerous examples.”

 

I’ve been working with Alexanders Osterwalder’s approach to business model generation via the business model canvas (BMC) for a few years now. The canvas is straight forward to use, which is the beauty of it: you “get it” right away. But it does take some practice to identify and capture the various elements. It’s more of a craft than a science.

To sharpen my skills I decided to deconstruct the Xiameter business model and compare its parent, Dow Corning–just for fun. (You have the right to now say, “Get a life, Kalbach”). My starting point was an article outlining the structure of Xiameter: “Dow Corning’s Big Pricing Gamble“ by Loren Gary. I combed the text for the 9 elements of the BMC, jotted them down on paper, and then entered them into the canvas.

The image below (Figure 1) shows my analysis using the iPad app for the BMC. The GREEN notes represent Dow Corning’s core business. The ORANGE notes show the Xiameter model. Interestingly, Xiameter seems to have had an effect back on the core business model, according to the article. These aspects are shown in BLUE notes.

Figure 1: Comparison of Dow Corning’s core business to Xiameter using the Business Model Canvas (Click to enlarge)

The new Xiameter channel is a textbook example of disruptive innovation. Clayton Christensen illustrates the basic dynamics of distruption in a now well-know diagram:

Figure 2: Clayton Christensens illustration of disruption

Dow Corning recognized that it was overshooting its market. Overshooting is one of the first signs of a market ready for disruption. Scott Anthony et al write about overshooting in The Innovator’s Guide to Growth:

At the heart of the disruptive innovation model is the concept of overshooting, that is, providing too much performance for a given group of customers. Remember, the model holds that companies innovate faster than people’s lives can change to take advantage of the advances those companies provide. As companies innovate, products or services that were previously not good enough become perfectly adequate; ultimately, they become too good for a given group of customers. (p. 65)

(See my full review of The Innovator’s Guide to Growth in a previous post).

As the Xiameter case study article shows, Dow Corning seems to have recognized overshooting:

In the early 1990s, however, Dow Corning noticed an emerging trend toward commoditization in some of its markets. This meant that as specific products matured, the priorities of clientele within them shifted from wanting help with innovation to wanting to keep costs low. …

This change in what some customers valued—and the consequent decline in profit margins within those market segments—led Dow Corning to conclude that the basis of competition had shifted in parts of the industry. Facing the possibility that such a shift might spread, the company realized it required a more needs-based approach to customer segmentation. Its existing business model, which emphasized selling technical assistance and product testing on top of its core products, ignored price-conscious customers. To meet their needs—and to keep them from migrating to other, less-expensive providers—Dow Corning would have to devise a radically lower cost structure that would allow it to profit solely from selling products.

Overshooting is a key sign of a market ready for disruption. But don’t confuse breakthrough innovation with disruption. A breakthrough is the next, biggest, better product or service in an existing market. It’s the fifth blade on a razor or the Airbus 380. Or, see Kohler’s numi toilets–another example of a breakthrough product design, with a heated seat, feet warming, music and a remote control. But by definition these aren’t disruptive.

Disruptive innovations are more convenient, cheaper and easier to use, generally targeting previously underserved market segments. Think: Flip video camera, eBay or Zopa (a peer-to-peer lending service), as well as Skype and Ryan Air as disruptions. Xiameter is also a disruptive innovation.

The amazing part of Xiameter, however, is that Dow Corning distrupted itself. The fear of self cannibalization is extremely difficult to overcome in most companies, particular those as large and traditional as Dow. And that fear is precisely what causes the innovator’s dilemma. Dow overcame this fear and didn’t let entrants take that piece of their pie, as the chart above (Figure 2) show what usually happens.

My big take-away from this exercise is in the power of visualizing and diagramming all of these elements. Go read the article article that I reversed engineered (Here’s the link again–opens in new window); then come back here and compare what you read to the diagram.

Which explains the big picture better? Don’t get me wrong: the author of the article writes well, and it’s a clear story he tells. But you don’t get nearly the same sense of interlocking dependencies and overall logic you get from the text as you do from the canvas.

More importantly, the BMC let’s you design your business. You can quickly “sketch” multiple directions or variations. If they don’t work out, crumple it up and go back to the drawing board. That’s the power of it: iterative prototyping. With the BMC, you can apply design thinking to the innovation of a business model. It’s a far better better way than trying to detail a model out in text-based report or description.

Visualizing abstract business concepts really helps solve problems. I’ve been beating that drum for the last year or so, ever since I gave a presentation on “Alignment Diagrams” at the Euro IA conference last year. (See also the article Paul Kahn and I co-authored on alignment diagrams: “Locating Value with Alignment Diagrams“). Alignment diagrams are a class of document that includes such things as customer journey maps, service blueprints and mental model diagrams.

In a previous post, I suggest that the BMC is a type of alignment diagram. The elements on the right side represent customer-facing aspects. Alexander Osterwalder calls this the “front stage.” The fields on the left represent business-related aspects, or the “back stage.” In the middle is the “value proposition.” It’s this type of alignment between the back stage and front stage that’s often missing in business logic. While no silver bullet, the BMC and alignment diagrams can help bring clarity.

.

NOTE: I’m giving two workshops this year on alignment diagrams:
1. Alignment Diagrams, Euro IA, 22 Sept 2011, Prague (1/2 day workshop)
2. Alignment Diagrams, part of UX Fest, 3 Nov, London (Full-day workshop)

.

***DISCLAIMER: I have no association with or interest in either Xiameter or Dow Corning, nor do I have first-hand knowledge of their business models and thier success. The above analysis is based solely on the text in the article cited. 

The business world is becoming increasingly complex. Studies in business complexity show that leaders are unable to cope: they are pulled in different directions and unable to focus [1, 2]. Conflicting priorities, competing business units, and an inability to find attractive markets are some of the top issues that contribute to this modern condition.

As a result, many companies lack coherence. Part of the problem is that there are too many pieces to puzzle. Globalization, digitization, automatization, outsourcing, crowd sourcing: navigating the possibilities business have at their disposal these days is a wicked problem.

We then see these companies pass this complexity on to consumers. Customers get bounced from service provider to service provider or from department to department. No one takes control or, worse, they blame each other.

Designers try to reduce this complexity for users of the products and services they create. We’re naturally good at empathizing with customers, understanding their motiviations and needs, and translating this into a concept for an offering. One important tool designers rely on frequently are diagrams: flowcharts, concept maps, interaction models and the like. Often these are for design purposes, but used to describe business contexts, they can take on a new role.

While no silver bullet, diagrams can help provide insight into complex situations. Visualizing all of the components of a process or system provides both a compactness of information and an immediacy of understanding. Maps help us see relationships and connect the dots. It’s this big picture that is often missing in business thinking.

Enterprise Business Motivation Model (EBMM) is a techique to identify and visualize the disparate elements of a business. It’s a big picture view of an organization. It includes a variety of elements, and mapping out in more details is surely a task in and of itself.

Here a picture of the highest-level of the EBMM. (Click for full view–opens in new window)

(Unfortunately, there is no identification of Design as a core business function)

Based on my presentation at the Euro IA conference in Paris in 2010, Paul Kahn and I wrote about alignment diagrams in a longer article (See”Locating Value with Alignment Diagrams“). The EBMM is NOT an alignment diagram by our definition of the phrase because it doesn’t account for any customer behavior. However, elements from the EBMM could be used to describe the business portion of an alignment diagram. For instance, if your alignment diagram has horizontal “swimlanes” of information that are visually aligned in the map, aspects like “Business Unit,” “Business Process,” “Data Object,” and “Initiatives” could be separate rows.

The interesting part of this to me is that I believe people in design disciplines have the necessary skills to do this kind of work–to map out businesses and interactions. We’re good at investigating and uncovering complex problems that may be otherwise not “visible” and making these tangible. I’d like to see more of this kind of work and thinking come from the design community. We can use our design thinking skills to help solve business problems.

As Luke Wroblewski’s commented on his blog years ago:

The same communication skills that help designers create effective visual and interaction designs for products can also play a significant role elsewhere in the product development process especially during early strategic work. …

… Especially early on in the product development process, design artifacts are able to create buy-in for a product vision, provide market context, or illuminate data, processes, goals, and the impact of decisions.

…designers have the skills needed to communicate and persuade but few of them utilize these skills for business visualization. Especially early on in the product development process, design artifacts are able to create buy-in for a product vision, provide market context, or illuminate data, processes, goals, and the impact of decisions.

I won’t be talking about EBMMs in my upcoming workshop at the Euro IA Conference in Prague on alignment diagrams, but I will be discussing some of the points I just mentioned in more detail. We’ll also look at some of the mechanics of creating alignment diagrams. Registration for the workshop is still open and there are spots left.

BTW, the early bird price for the conference itself has been extended until Sept 4. Sign up! Luke Wroblewski is our keynote speaker–you won’t want to miss that!

.

[1] IBM, “Capitalizing on Complexity,” (2010). [http://www-935.ibm.com/services/us/ceo/ceostudy2010/]

[2] Booz & Co, “Executives Say They’re Pulled in Too Many Directions and That Their Company’s Capabilities Don’t Support Their Strategy,” (Feb 2011). [http://www.booz.com/global/home/press/article/49007867]

I’m happy to announce I’ll be giving a one-day workshop on some my favorite topics in New York City:

  • What: “Web Navigation and Faceted Search Design”
  • When: Saturday October 22, 9:00-5:00
  • Where: General Assembly, 902 Broadway, NY, NY, 10010

General Assembly is hosting the event. You can register online at their website.

The first half of the day will cover various aspects of web navigation design. The second half will focus specifically on faceted search. Here’s a list of the topics covered:

  • Principles of navigation - We’ll look at principles such as transitional volatility, banner blindness, and the scent of information.
  • Mechanisms and types of navigation - Mechanisms are the basic building blocks of navigation systems. We’ll review and analyze a wealth of examples.
  • Cores and Paths - You’ll apply many of the principles from throughout the day with a modern technique called Cores and Paths. This turns the normal approach to navigation design on its head—from the inside out.
  • Analysis and implementation of facets – You’ll learn how to identify, document and implement facets with a clear framework.
  • Interface design using facets – You’ll learn about the layout, display, and interaction with facets in detail. Together, we’ll examine numerous real-world examples.
  • Advanced topics – You will also be exposed to special topics in faceted search design, including SEO, selecting multiple values, grouping, and more.

See the full workshop description for more details.

This is some of my best material, and I’m looking forward to the event.

.

Faceted navigation is widespread on the web (a.k.a faceted search and faceted browse). It’s become an expected standard. I’ve written several posts on the subject and also have a popular workshop on faceted navigation. (Next one: 22 Oct 2011 in NYC). Yet we really don’t know much about the ROI of faceted navigation. Or do we?

I’ve only been able to find a few studies or case studies reporting a measureable ROI of faceted navigation. There are lots of variables in play, and definitively showing measureable gains directly to faceted navigation can be tricky. But a simple before-and-after comparison should be possible.

One helpful sources is Endeca’s case studies. Examples of ROI include:

  • Kiddicare.com: 100% increase in conversion rates; 100% increase in sales; Additional 100% increase in conversion rates with PowerReviews
  • AutoScout 24: 5% increase in lead generation to dealers; 70% decrease in no results found
  • Otto Group: 130% increase in conversion rates; Doubled conversion rates for visitors originating from pay-per-click marketing programs; Search failure rate decreased from over 33% to 0.5%

If you have such data or evidence in any form, please let me and others know about by commenting here. Note I’m not talking about studies that show how efficient faceted navigation is in terms of interaction or time on task (such as the ones reported here): I’m looking for hard evidence on ROI in real world situations.

It’s a positive sign that so many websites have faceted navigation these days: there must be something “right” about it. But why have so many site owners and stakeholders funded and implemented faceted navigation systems? What’s the actual return against the cost of implementation and maintenance?

Some logical arguments include combinations of the following:

  • Conversion: Customers can’t buy what they can’t find: Findability is critical for ecommerce sites.  A well-designed navigation plays a key role in getting people to the information or products you want to see. This ultimately helps you sell products or ideas. Faceted navigation has been shown to improve findability, in general.
  • Efficiency: Employees lose productivity when navigation is inefficient: These days company intranets can be enormous. The time to find information impacts employee productivity. Even the smallest increase in navigational efficiency can have huge returns for a large corporation if you multiple it by thousands of employees. Faceted navigation is efficient.
  • Confidence: Faceted navigation increases information scent: Revealing facet values gives users better insight into the type of terms and language used on the site. They are then able to match their information need with the content of the site, giving them confidence as the navigate forward through a given collection. This keeps them on the site and away from the customer support hotline.
  • “Aboutness”: Facets show the overall semantic make-up of a collection: Faceted metadata–the values associated with a collection of documents or products–give clues into the “aboutness” of that collection. Facets convey the breadth and type of a results list, for instance. This can help get to their target information better.
  • Reduced Uncertainty: Users don’t have to specify precise queries: With faceted navigation, users don’t rely on formulating precise keyword searches alone to find information. Instead, they can enter broad searches and use the facets in a flexible way to refine the initial query. This gives confidence in being comprehensive and reduces uncertainty in information seeking in general, as well as removes the frustration of finding no results.
  • Navigation: Browsing categories provides a different experience than keyword search: Jared Spool and his colleagues found that people tend to continue shopping more often when navigating than after doing a direct keyword search: people tend to continue browsing—and buying—when they can successfully navigate to the products they want to purchase. Sure, keyword searching may also get them there, but that experience is different. He writes in an article entitled “Users Continue After Category Links” (Dec 2001):
    • Apparently, the way you get to the target content affects whether you’ll continue looking or not. In a recent study of 30 users, we found that if the users used Search to locate their target content on the site, only 20% of them continued looking at other content after they found the target content. But if the users used the category links to find their target, 62% continued browsing the site. Users who started with the category links ended up looking at almost 10 times as many non-target content pages as those who started with Search.

A well-designed faceted navigation system won’t solve all your problems. But because navigation is so central to the basic web experience, it stands to reason that that are financial implications involved. What are they exactly?

Again, if you have any support for the above contentions or have another argument around the benefits of faceted navigation, please let me know.

In my presentation at Euro IA 2010 in Paris, I proposed the term “alignment diagrams” to refer to the class of documents currently found in design practice that do a similar thing: they visually align multiple facets of customer behavior with business activity in a single graphical overview. Here’s my presentation:

Together with Paul Kahn, I published an article outlining alignment diagrams in more detail. See “Locating Value with Alignment Diagrams” [pdf] (Parsons Journal of Information Mapping 3/2, April 2011).

Examples of alignment diagrams include customer journey maps, mental model diagrams, and service blueprints. These are often employed by practioners in creative design disciplines to conceive of better products and services.

But ultimately an effective use of alignment diagrams can have a strategic impact on the business. “Use your design thinking skills and ability to map out complex, abstract concepts to inform the business,” I urged the audience in my presentation. Or, consider what Paul and I wrote:

The alignment technique supports the increasing importance of design disciplines in business success.Alignment diagrams, then, can potentially help information architects, user experience professionals, and service designers have a greater impact on the direction of final business solutions.

I’d now like to put another example into the alignment diagram bucket: the “business model canvas(BMC). Developed by Alexander Osterwalder, the BMC is a tool for helping business owners and stakeholders discover and prototype different ways to make profit. How to use it is outlined in the best-selling book Business Model Generation. There’s also a series of tools available online as well as an iPad app for the BMC.

Here’s the BMC (click to enlarge):

When presenting this, Alexander talks about the “front stage” and “back stage” sides of a business model. The front stage is all the customer-facing elements of a business. The back stage refers to the internal business processes. This division is reflected in the canvas:

  • Front stage elements include: customers, relationship, channels and revenue (the right half of the canvas)
  • Back stage includes: partners, key activities, key resources and cost (the left half of the canvas)

Right in the middle is “value” or the offering.

The business model canvas, then, is primarily set up to capture both customer aspects and business concerns in order to create value for both sides–in other words an alignment diagram. Compare to what Paul and I write:

It is the system of visual alignment that distinguishes this type of diagram. By aligning the user’s experiences with the business offers the diagram identifies and highlights the intersections where value can be located.

The BMC reflects such a system of visual alignment.

However, unlike other examples of alignment diagrams I mentioned above, the BMC is a tool and not a deliverable. It’s blank at first and used to brainstorm. Sure, you could use it to capture an existing business model. But it’s real value is letting business stakeholders explore alternatives on paper. Still, we can refer to a BMC as a type of alignment diagram.

Join My Workshop On Alignment Diagrams:

I’ll be giving a half-day workshop at the Euro IA 2011 conference in Prague this September on alignment diagrams. We’ll be focusing customer journey maps and mental models (but not business model canvases).

See my description of the workshop on this blog.

Registration is open online as well. 

Before getting into how to communicate design strategy, let’s briefly look at what “strategy” is. A good place to start is Michael Porter’s landmark article “What Is Strategy.” He writes:

Competitive strategy is about being different. It means deliberately choosing a different set of activities to deliver a unique mix of value. The essence of strategy is in the activities–choosing to perform activities differently or to perform different activities than rivals. Otherwise, a strategy is nothing more than a marketing slogan that will not withstand competition.

Trade-offs are critical, in his opinion, for defining and maintaining a unique strategic position. A good strategy is given by what a company explicitly chooses NOT to do.

But even the best textbook definitions aren’t good enough to understand strategy as a living, breathing thing within an organization. Strategy is a veritable safari–or so believe Henry Mintzberg and colleagues. In their book Strategy Safari, the authors point to 10 different schools of thought. (See a list on Wikipedia). It’s a jungle out there, both in theory and in practice around “strategy.”

Still, there are common aspects across these schools that make up a strategy. Mintzberg et al. refer to the five Ps of strategy:

  • Plan – Of course a strategy is a type of plan. But not all plans are strategic. A strategy is an intentional guide or course of action into the future, a path to get from here to there. This includes the following four aspects.
  • Pattern – Frequently, there’s a gap between the intended strategy and the realized strategy. Even when creating a forward-looking plan, reviewing patterns of the past is important to see where you’ve been and how you got there.
  • Position – Strategy is about situating an offering in a particular market. To be strategic, the plan must involve a different set of activities than rivals to give you a unique position.
  • Perspective – What is your fundamental way of doing business? McDonald’s and a fine restaurant both essentially do that same thing–serve food to customers–but from a very different perspective. Your point of view greatly shapes your strategy.
  • Ploy – Strategy is also seen as out-witting a competitor. Timing, acquisitions, and locking competitors out, for instance, may all be part of a strategic ploy.

Mintzberg et al. also write: “It turns out that strategy is one of those words that we inevitably define in one way yet often also use in another.” For sure, the term “strategy” is amorphous and often misused. For instance, some people consider the act of making decisions as strategy.

But not all decision making is strategy. In addition to showing trade-offs and the five P’s, a strategy should also reflect causality–why it is you’re going in a certain direction. A strategy could even be expressed in a series of IF-THEN statements: “If we focus on customer experience, then we will beat the competition for customer loyalty.” Plans without showing causality are not strategies–they’re just glorified to-do lists.

COMMUNICATING STRATEGY

Ultimately, strategy should bring clarity to an organization. But, as IDEO’s Tim Brown points out in a Fast Company article called “Strategy by Design,” the opposite is often true. It turns out that communicating strategy isn’t always done well:

It’s remarkable how often business strategy, the purpose of which is to direct action toward a desired outcome, leads to just the opposite: stasis and confusion. Strategy should bring clarity to an organization; it should be a signpost for showing people where you, as their leader, are taking them — and what they need to do to get there. But the tools executives traditionally use to communicate strategy — spreadsheets and PowerPoint decks — are woefully inadequate for the task. You have to be a supremely engaging storyteller if you rely only on words, and there aren’t enough of those people out there. What’s more, words are highly open to interpretation — words mean different things to different people, especially when they’re sitting in different parts of the organization. The result: In an effort to be relevant to a large, complicated company, strategy often gets mired in abstractions.

Of course to be able to communicate a strategy, you have to first formulate one. A study by David J. Collis and Michael G. Rukstad reported in their article “Can You Say What Your Strategy Is?” (Harvard Business Review, 2008) showed this isn’t always the case. They write:

It’s a dirty little secret: Most executives cannot articulate the objective, scope, and advantage of their business in a simple statement. If they can’t, neither can anyone else.

[...]

Leaders of firms are mystified when what they thought was a beautifully crafted strategy is never implemented. They assume that the initiatives described in the voluminous documentation that emerges from an annual budget or a strategic-planning process will ensure competitive success. They fail to appreciate the necessity of having a simple, clear, succinct strategy statement that everyone can internalize and use as a guiding light for making difficult choices.

The study also correlates the ability of leaders to formulate a strategy in 35 words or less to overall success. Companies without a clear strategy statement see frustrated and confused employees. A concisely formulated strategy brings an organization together. The authors write:

Think of a major business as a mound of 10,000 iron filings, each one representing an employee. If you scoop up that many filings and drop them onto a piece of paper, they’ll be pointing in every direction. It will be a big mess: 10,000 smart people working hard and making what they think are the right decisions for the company, but with the net result of confusion. Engineers in the R&D department are creating a product with “must have” features for which (as the marketing group could have told them) customers will not pay; the sales force is selling customers on quick turnaround times and customized offerings even though the manufacturing group has just invested in equipment designed for long production runs; and so on.

If you pass a magnet over those filings, what happens? They line up. Similarly, a well-understood statement of strategy aligns behavior within the business. It allows everyone in the organization to make individual choices that reinforce one another, rendering those 10,000 employees exponentially more effective.

A successful strategy cannot be limited to the inhabitants of top-floor corner offices. It must be communicated so that EVERYONE can both understand and benefit from it. And, as Tim Brown points out, this doesn’t mean simply pushing out a document or presentation once a year that no one can understand. Strategy documents, emails and communications must be usable by those that have to implement it. Stating the obvious? Maybe. But often that’s not what you find.

So what goes into a strategy communication in general? The Collis and Rukstad point to three key elements:

  1. An objective – What is the goal you’re aiming for? It’s not enough to just say “grow profitable” or “maximize shareholder value.” The more specific, the better.
  2. Scope – This defines the customers, offerings, location and vertical integration.
  3. Advantage – This is most critical part of a strategy. It answers the question, Why would customers buy our product or service over another? A strategy statement should clearly outline the unique customer value proposition.
These three points can be summarized in a strategy statement. An example of one looks like the following, taken from Edward Jones brokerage firm as report in the Collis and Rukstad study:
To grow to 17,000 financial advisers by 2012 [from about 10,000 today] by offering trusted and convenient face-to-face financial advice to conservative individual investors who delegate their financial decisions, through a national network of one-financial-adviser offices.
Don’t let its simplicity fool you: this statement is the result of a lot of work and negotiation with a range of stakeholders. Every word is carefully selected and carries a wealth of implications. Figure 1 shows a partial analysis of the language used (click to enlarge):
Figure 1: Example of a strategy statement and word-by-word analysis
(taken from Collis & Rukstad, Harvard Business Review, 2008)
This single statement serves as a guiding light for anyone in the company, providing focus and orientation. This strategy statement isn’t necessarily the only artifact used to communicate strategy, but it sums it all up. And in creating it, leaders must make choices about the targets and directions of the company.
In addition to a strategy statement, Collis and Rukstad recommend creating a few choice diagrams to illustrate the strategy. These are discussed below (see DESIGN STRATEGY).

NESTING STRATEGIES

The above discussion is a brief overview of strategy communication for the overall business. Nested within the business strategy are other strategies, such as unit strategies, team strategies and even personal strategies. Ideally, all are aligned with the overall company objectives.

One important such nested strategy is the product strategy. This is related to a business strategy but differs from it. Marty Cagan, partner and founder of the Silicon Valley Product Group, describes these differences in a post entitled “Business Strategy v. Product Strategy.” Marty has found confusion between the two:

Many companies confuse or blur the two, and the result is easy to spot. The senior executives want to focus on the business strategy, but they find they are forced to make decisions at a level far below where they’re comfortable or usually even interested, such as which specific products, projects and even features to invest in, and what the interdependencies are between these features and projects, and often what is on the actual page and how to resolve conflicts.

He explains the difference between business strategy and product strategy:

Business strategy is about identifying your business objectives and deciding where to invest to best achieve those objectives. For example, moving from a direct sales model (your own sales force selling directly to customers) to an online sales model (your customers buy from your site) is a business strategy. Deciding whether to charge for your services with subscriptions or transactions fees or whether you have an advertising-based revenue model is a business strategy. Deciding to move into an adjacent market is a business strategy.

Now, clearly there are some big product implications to each of these business strategies. But they are not one in the same. There are lots of ways to sell online, lots of ways to monetize value, and lots of ways to develop or acquire and integrate an adjacent offering. The product strategy speaks to how you hope to deliver on the business strategy.

DESIGN STRATEGY

Just as product strategy is a the child of the business strategy, so too is a design strategy nested within a product strategy (or at least alongside of it). Design strategy isn’t the act of designing, rather the application of design to help reach business objectives. In creating a design strategy we can assume the principles of creating a business strategy apply. We can talk about trade-offs in Porterian sense, for instance; or borrowing from Mintzberg a design strategy can have the five P’s.

This is reflected in Steve Baty’s definition of an experience strategy, which is related to design strategy. He writes in Johnny Holland magazine (See “What is an Experience Strategy?“):

An experience strategy is that collection of activities that an organization chooses to undertake to deliver a series of (positive, exceptional) interactions which, when taken together, constitute an (product or service) offering that is superior in some meaningful, hard-to-replicate way; that is unique, distinct & distinguishable from that available from a competitor.

This is indeed in line with what a “strategy” is in general.

It stands to reason that communicating a design strategy can also follow the advice of Collis and Rukstad. For one, you can start by write a design strategy statement in under 35 words, as they recommend. Of course this needs to be in line with the business strategy and product strategy. But a carefully defined design strategy should bring design activity and teams together.

Following Collis and Rukstad, design strategy defintion consists of these three elements:

  1. Design objectives
  2. Scope
  3. An advantage

1. DESIGN OBJECTIVES
Where do goals for design come from within an organization? They are nested within and derived from the company goals. This is why it’s so important for a business to state it’s strategy and goals: without them you can’t have a proper design strategy.

And that’s precisely what the designers at HP did: systematically align design goals with the company objectives. They reported their approach at the Design Management Europe 15 conference (May 2011) in Amsterdam. See the slides for “What Design Value model worked for HP? A Design Value Matrix” given by Debbie Mrazek (Design Practice Manager, Corporate Marketing, HP), Katherine Wakid (Senior Associate, Jump Associates) and Sam Lucente (Designer; Former Design Director, HP).

In a nutshell, they created a matrix. Along the one axis are high-level design targets that mirror the corporate strategy at HP. These were very broad things like “Design to Innovate.” Along the other axis are types of internal capabilities, such as processes, tools, and products. In each of the resulting squares in the grid they formulated an objective to achieve that design target. The design team could then work backwards from there to define all of the activities, resources and funding they’d need to achieve those design objectives. Figure 2 shows the high-level objectives in the HP design value matrix from their presentation:

Figure 2: Design value matrix for HP

This doesn’t mean the company has to address all of them at once. In fact, HP only selected a few at first. This was a strategic decision. And the resulting plan for achieving the selected objectives represents their design strategy.

2. SCOPE
Michael Porter suggests companies should use what he calls an “Activities System Map.” This diagram shows the cornerstones of strategic activities. Below is the example from his article “What Is Strategy?” for Southwest Airlines:

Figure 3: Activity System Map for Southwest Airlines
(from Michael Porter, “What Is Strategy?”, HBR, 1996).

The four darker circles represent the foundations of the overall business model at Southwest. All of the other activities support those points of the strategy. In a succinct overview, employees get a sense of what’s involved in the strategy and the relationship between its parts.

Below is an interesting example of an early activity system map created in 1957 by the Walt Disney corporation. This includes information about the relationship and direction between elements. It shows causality.

Figure 4: Activity System Map for Disney, ca. 1957.

It would be interesting to map design activity in an organization in the same way. I’ve never seen one though, so if you have seen something similar, let me know.

3. ADVANTAGE
What’s going to make your designs unique and better than others? Define the value proposition of design in your organization as part of your strategy.

One tool to make the advantage visible is a strategy canvas. A strategy canvas is a tool that came out of the “Blue Oceans” approach to strategy. The graph is easy to grasp: on one axis list the primary dimensions along which you compete in a marketplace; on the other rank how well you and a few others perform on each dimension.

Figure 5 shows an example of a strategy canvas for Southwest Airlines. You can see where Southwest is unique compared to other airlines as well as what they are trading off (namely, meals, lounges, seat selections and hubs).

Figure 5: Strategy canvas for Southwest Airlines

Notice Southwest also is competing along different dimensions than other airlines. They even compete with a car. This is at the heart of a blue oceans strategy, which advises: “don’t compete directly with rivals, make them irrelevant.” Southwest found a set of unique aspects to offer that rivals find hard to replicate.

There are other examples of strategy canvas on the web. (Try an image search for “strategy canvas”). The hard part is indentifying and isolating the key dimensions along which your competing. It’s not as easy as it looks. A word of caution: don’t compare more than 3 offerings or services at once–otherwise the graph becomes unreadable.

Here’s another example from the above-mentioned article “Can You Say What Your Strategy Is?” (Collis & Rukstad, Harvard Business Review, 2008). This one is for Wal Mart:

Strategy canvas for Wal Mart

I show this strategy canvas in my workshops and ask the question: “If you were designing the homepage for Wal Mart, what would you do differently than for the homepage for a mom-and-pop store (and vice-versa)?” The answers come immediately:”I’d highlight deals and low prices in the design of the homepage for Wal Mart.” From this graph it’s obvious what to do.

And that’s the point: a clearly communicated strategy makes subordinate decisions obvious. It gives reason to all of the activities needed to achieve the objective.

A design strategy can also make use of a strategy canvas. But note that when it comes to design “competitors” may not be other companies in a marketplace the business competes with. Instead, a “design competitor” may be another medium or things that compete for users’ attention. For example, online information services may compete with print in terms of readability or ease of making annotations (and other factors that continue to draw people to print). Or, online “meetings” with others may compete with face-to-face interaction or live events.

What’s more, when forming a position for a design team in a company you may have two separate strategy canvases: one for customer-facing design aspects of a product or service, and one for the internal design department and its position within the company.

CONCLUSION

A design strategy is nested within higher-order strategies of a company. It must be aligned with them. The formulation of the design strategy should include the same key elements as a business strategy. The most important to include in my opinion are:

  • Position: how design is positioned uniquely against competitors and other competing forces.
  • Perspective: some characterization of your overall design approach. For instance, are you going for a minimalistic design, good-enough, design, inductive design or some other idiom?
  • Trade-offs: in order to create a unique position and perspective, you must give something up.
Once formed, communicate the design strategy upward and downward in an organization. Three tools to use are:
  • An explicit design strategy statement of 35 words or less. This should encapsulate the objectives, as well as scope and advance to the degree possible.
  • An activity system map to show which unique set of activities you’ll undertake and their relationship with one another. This is a more detailed explanation of scope.
  • A strategy canvas (or two) to show design’s advantage and unique value–both to the organization and to customers.
Using diagrams will have a more direct impact on the audience they’re intended for. Don’t underestimate the power for visual communication, even if you have a well-formed strategy statement.
Formulate a sound design strategy and then communicate it. Otherwise, you may find yourself living in a Dilbert cartoon:

Dilbert.com

We’re pleased to announce the line up for the EuroHCIR 2011 workshop–the first HCIR event to be held outside the US. It will be held as part of the British HCI Conference in Newcastle on July 4.  The program will include:

  • Short slots for oral presentations of the 9 accepted papers
  • A keynote address
  • A poster session
  • Interactive group activities
You don’t need to register for the HCI Conference to participate in the workshop. Please join us!

Accepted Papers

  • The potential of Recall and Precision as interface design parameters for information retrieval systems situated in everyday environments
    Ayman Moghnieh and Josep Blat
  • The Mosaic Test: Benchmarking Colour-based Image Retrieval Systems Using Image Mosaics
    William Plant, Joanna Lumsden and Ian Nabney.
  • Exploratory Search in an Audio-Visual Archive: Evaluating a Professional Search Tool for Non-Professional Users
    Marc Bron, Jasmijn Van Gorp, Frank Nack and Maarten De Rijke
  • A Taxonomy of Enterprise Search
    Tony Russell-Rose, Joe Lamantia and Mark Burrell
  • Evaluating the Cognitive Impact of Search User Interface Design Decisions
    Max L. Wilson
  • Supplying Collaborative Source-code Retrieval Tools to Software Developers
    Juan M. Fernández-Luna, Juan F. Huete and Julio Rodriguez-Cano
  • Problem Solved: A Practical Approach to Search Design
    Vegard Sandvold
  • Back to MARS: The unexplored possibilities in query result visualization
    Alfredo Ferreira, Pedro B. Pascoal and Manuel J. Fonseca.
  • Interactive Analysis and Exploration of Experimental Evaluation Results
    Emanuele Di Buccio, Marco Dussin, Nicola Ferro, Ivano Masiero, Giuseppe Santucci and Giuseppe Tino

Accepted Posters

  • Towards User-Centered Retrieval Algorithms
    Manuel J. Fonseca
  • Design Thinking Search User Interfaces
    Arne Berger
  • The Development and Application of an Evaluation Methodology for Person Search Engines
    Roland Brennecke, Thomas Mandl and Christa Womser-Hacker
Follow

Get every new post delivered to your Inbox.