Cross Channel Design With Alignment Diagrams

Alignment diagrams are a class of documents that reveal the touchpoints between a customer and a business. Examples of alignment diagrams include customer journey maps, experience maps and service blueprints, among others. As I’ve written about previously, locating value is a common goal of these deliverables. Alignment diagrams show value creation in three fundamental parts:

  1. First, they illustrate various aspects of user behavior—actions, thoughts, and feelings, among other aspects of their experience.
  2. Alignment diagrams also reflect a company’s offerings and business process in some way.
  3. Finally, the areas where the two halves meet gives rise to touchpoints between customers and an organization.

This last part — the point of interaction — is particularly useful for describing cross channel experiences.

Designers having been mapping out the touchpoints in for cross channel experience in different ways over the past years. In his article “Connecting the Dots of User Experience” Gianluca Brugnoli showcases a simple, but very effective cross-channel diagram, called a touchpoint matrix (Figure 1):

Figure 1: Touchpoint matrix by Gianluca Brugnoli (See: “Connecting the Dots of User Experience“)

The system is the experience” is a key notion behind his argument. We must think in systems when designing cross-channel experiences. Brugnoli concludes:

Helping to reveal the structure and the many invisible connections within an interactive system, the proposed model is not only an effective tool to analyze and design the user experience, but also can help us think about the user experience in a different way.

Brugnoli’s example follows some of the alignment principles I’ve outline previously, but not all. Absent are more details about the customer experience (thoughts, feelings, etc.) as well as business activities to support the experience. Still, it’s quite a handy tool.

In another example, Tyler Tate proposes a similar matrix in his post “Cross-Channel Blueprints: A tool for modern IA“, shown in the next image (Figure 2).

Figure 2: Cross-Channel Blueprint from Tyler Tate

Like the Touchpoint Matrix, above, this blueprint is focused on the channels themselves. Here, however, we see “Shared Assets” — an important addition that points to business-side activities needed to support the experience. So it’s closer to the alignment principles than Brugnoli’s approach.

In my experience, both of the above examples can fit into a customer journey map or experience map in their entirety without causing confusing or perceived complexity. That is, stakeholders and team members find it quite intuitive and useful to see a cross channel matrix as part of an alignment diagram.

Therefore, I’m advocating the incorporation of channel-based distinctions and information, such as a Touchpoint Matrix, directly in alignment diagrams. By doing this, you get not only channel-specific information, but you can also see how this aligns with both customer goals and business goals. In this light, alignment diagrams are a suitable tool for cross channel mapping and design.


Learn more about alignment diagrams:

Read about alignment diagrams:

About Jim Kalbach

Principal UX Designer with Citrix


  1. Pingback: Обзор свежих материалов, апрель-июнь 2012 « Юрий Ветров. Проектирование интерфейсов и управление проектами

  2. Pingback: Top 5 Posts in 2012 on Experiencing Information « Experiencing Information

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


Get every new post delivered to your Inbox.

Join 92 other followers

%d bloggers like this: