March 15, 2023
1 min read

IA vs User Flow: Understanding the Differences and How to Use Them Together

Click, click, click, BOOM! There it is. That thing you were looking for. You couldn’t find it on other websites, but you found it here, and it was easy. You feel like a hero. You thank the website and you leave with a sense of achievement.

What if you could replicate that feeling on your website? What if you could make every user journey so satisfying? By combining information architecture and user flow, you can.

But what are they and how are they different? In this article, we’ll explain how they influence website design and how you can (and should) use them together in your project. We’ll also discuss different user flow research techniques, how they inform great information architecture, and how it doesn’t have to be difficult or time consuming.

What is Information Architecture? 🏗️

Information architecture is the system and structure you use to organize and label content on your website, app or product. It relates closely to user experience design, but it’s slightly different. Think of it as the structure or framework upon which user-facing assets are built.

That being the case, if your information architecture has flaws, your website design will have flaws. It determines how information will be accessible, usable and relevant on your website and should be treated as a critical element of your project. How can we ensure that we have our content organized efficiently to promote seamless interactions?

The answer is research. Without research you’re just guessing. The problem with guessing is that, well, you’re guessing. You tend to organize, categorize and label things the way that you (and maybe your team) would organize things. It’s biassed and subjective. In reality, people process information in all sorts of different ways and good information architecture should reflect that. You’ll often hear us say ‘test early and test often’. This mantra helps to avoid any little niggles during the user experience design process. Card sorting and tree testing are a couple of techniques that you can use to test early.

Card sorting is a research technique that asks users to categorize different pieces of information or content. It’s best used when you have specific, information-related questions. For example, you may want to categorize products in an online store in the most logical way. Or you may have a mountain of blog post categories that need refining. Whatever it is, the benefit of a card sort is that you end up with consensus of how your users expect to see information. Card sorts can even be performed remotely using tools such as OptimalSort.

Tree testing examines how easy it is for your users to find information using a stripped back, text-only representation of your website - almost like a sitemap. Rather than asking users to sort information, they are asked to perform a navigation task, for example, “where would you find today’s best deals?”. Depending on how easy or difficult users find these tasks gives you a great indication of the strengths and weaknesses of your underlying site structure.

As the base structure of your website or app, information architecture has a fundamental influence on how well users access and use your content. It makes sense then that when designing it, you should receive real-world user feedback early on in the piece. Fortunately, there are great online tools like Treejack to quickly and easily test your site structures, categorization and labels.

What is User Flow? 🌊

User flow describes the steps involved for a user to complete a certain task. It lays out what needs to happen for a user to get from starting point to a defined finish line. Why is it important? Because we want that journey to be as efficient as it can possibly be. If it’s not, the user will be left frustrated and dissatisfied, no matter how beautiful the website design is.

At the heart of user flow is, you guessed it, the user. A path that seems obvious to designers might be confusing to an end-user. It’s important to distance yourself from the project and put yourself in the user's shoes. Even better - watch the user. How do they react to a fork in the road? How do they get back on track? Where are they stumbling?

User testing is a great way to observe user flow. But what are you testing? Normally you test based on a user flow diagram. A user flow diagram is generated based on insights from your research from card sorting, tree testing, and questionnaires, for example. It visually outlines the possible paths a user can take to achieve a certain task. The basic structure of a user flow diagram considers the following:

  • A critical path
  • Entry points
  • User end goals
  • Success metrics (time to completion, number of clicks)
  • Steps the user will take in between

Once you have created a user flow diagram you can test it with your users. User testing can be remote or in person and uses a variety of techniques depending on the constraints of your projects. You may consider testing something rough and conceptual like a paper prototype before producing more detailed prototypes.

How to Use Information Architecture and User Flow Together 🤝🏻

By doing the work upfront to create great information architecture you put yourself in a great position to create great user flow. After all, information architecture is designed based on user research. Performing content audits and creating content inventories help to inform early content decisions, followed by user research techniques such as card sorting and tree testing. This research has a direct influence on user flow, since information and content has been given meaning and structure.

The foundational work in designing information architecture leads to user flow diagrams which, as we discussed, are helpful tools in creating seamless user flow. They bridge the gap between information architecture and final user experience by visualizing pathways of specific tasks. By performing user tests on prototypes, the researcher will inevitably find speed bumps, which may highlight flaws in information architecture.

Information architecture and user flow are integrated. This means there should be a constant feedback loop. Early research and categorisation when building information architecture may not translate to seamless user flow in practice. This could be due to integration factors outside of the digital ecosystem you’re designing.

User flow and information architecture are complementary components of creating exceptional website design. Designers should make a conscious decision to apply both in synchrony.

To Sum it Up 🧾

Understanding the relationship between information architecture and user flow is important for any website design. Information architecture provides the organization and structure of content, where user flow applies that structure to how users execute certain tasks in the simplest possible way. The two are intertwined and, when used effectively, provide a framework to ensure seamless, user-friendly website design.

User research and user testing heavily influence the design of both information architecture and user flow. We want users to feel a sense of accomplishment rather than frustration when using a website. Achieving this requires an investment in understanding user needs and goals, and how they consume and categorize information. This is where research techniques such as content audits, tree testing, card sorting and user testing become invaluable.

We’ve always placed high value on solid research, but don’t be put off by it. The research techniques we’ve discussed are highly scalable, and you can be as involved as you want or need to be. Sometimes you don’t even have to be in the same room! The most important thing is to get outside of your team’s bubble and gain real user insight. Check out our information architecture services to ensure you’re on the right path towards powerful, user-centric website design.

Share this article
Author
Optimal
Workshop

Related articles

View all blog articles
Learn more
1 min read

Kat King: Where is the Information?

As information professionals, we work with the “stuff” of information in our everyday work. We search for information, we spend time analyzing and synthesizing it, and we carefully create and structure it. Whether you elicit information from users and stakeholders, explore large data sets, design ‘journeys’ or interfaces, or create information architectures, understanding the information you are using and creating as information can help you do your work better.

Kat King, Business Intelligence Analyst at the University of Michigan Library, recently spoke at UX New Zealand, the leading UX and IA conference in New Zealand hosted by Optimal Workshop, about understanding exactly what information is, and where it is, in our work.

In her talk, Kat uses simple examples to teach you to “see” the information around you and understand what makes something “information” in the context of working as a human to accomplish something.

Kat King bio 🎤

Kat King is an Information Architect interested in language, meaning, and the things we make. She currently works as a Business Intelligence Analyst for the University of Michigan Library.

Contact Details:

Email: Katalogofchaos@gmail.com

Where is the information? 📍🗺️

Information theory can be dense and jargon-filled, and discussions in academic texts can feel divorced from the practice of actually working with information. We’re all told that information architecture is much more than website navigation. So, what is it? IA has a reputation for being difficult to understand, and in her talk, Kat attempts to help us understand what it is, where the information is, and what is it that we’re doing when we use IA methods.

Kat defines IA as “the practice of ensuring ontological alignment”. ‘Ontological’ relates to concepts, categories, properties, and relationships. ‘Alignment’ means arrangements into appropriate relative positions. Therefore, information architecture is “the practice of ensuring concepts, categories and their properties and relationships are arranged into appropriate relative positions.”

To align information then, you need to begin by sorting it into concepts and categories, which is difficult because information can sometimes be “slippery and abstract”. Kat argues this is the real reason that IA is sometimes hard to wrap our heads around. So, getting to the heart of the question, what is information? 

Kat defines information as “a patterned relationship between differences that reduces uncertainty”. The key word here is ‘differences’. The trick to understanding and taming information is to identify what is different about sets of information. The next trick is to identify consistencies between these differences.

This can be a little confusing, so Kat uses the example of picking fruit. We tend to use color (the difference) to identify when fruit is ripe and sweet. We know for a fact that, at some point, the fruit will be at its sweetest and, while there is a scientific way of identifying this point, we have to use the information we have at our disposal instead i.e. the colour of the fruit. The skin of the fruit in this example is like an interface - allowing a flow of information from the fruit’s ripening process to our eyes.

Information categories 🧺🧺🧺

The relationship between the information described in the fruit example can be split into two categories. “Information 1” is a factual, objective description of when the fruit is ripe (i.e. the science of why the fruit is the color that it is right now), whereas our subjective observation, based on color, is “Information 2”.

  • Information 1: Matter and energy, and their properties and interactions i.e. the laws of physics and universal truth or rules

Information 1 poses challenges for us because we have a narrow range of perception, attention, and aggregation, which means we, as humans, can’t possibly understand the laws of nature just by observing. We have evolved to be simple, efficient observers of what is important to us. In other words, we don’t need to understand everything in order to get things right. We see patterns and generalize. Going back to the fruit example – we only need to know the color of ripe fruit, not the exact chemistry of why it is ripe.

  • Information 2: This is Information 1 that is given meaning by humans. This is done via processing semantic information, or “differences and structures that create meaning for people”.

We use semantic information by processing concepts, patterns, categories, mental models, and even language as inputs to form our understanding. As social animals, we tend to reinforce general ‘truths’ about things because we’re constantly cooperating using shared information. General ‘truths’ are good enough.

Kat uses the following interaction to demonstrate the interplay of different information.

  • Person 1: If the raspberries look good, can you get some for me?
  • Person 2: How can tell is they’re good?
  • Person 1: Get the ones that are the most red.

In this interaction, the different pieces of information can be broken down by category:

  • Semantic information = Words and concepts
  • Information 1 = Meaningful signs
  • Information 2 = Perceptible differences
  • Real life information = Raspberries

Using our ability to communicate and understand concepts (words “red”, “good”, and “raspberries”) helps us to understand Information 2 (processing the words and concepts to understand that a red berry is good”), which aligns with Information 1 (the evolutionary science and ongoing consistency of red/ripe berries being sweet) that helps us decide when processing all of this information.

So, now that we understand a little more about information, how does this influence our roles as designers?

Why it matters 👀

Thanks to our individual lived experiences, people have many different inputs/concepts about things. However, Kat points out that we’re pretty good at navigating these different concepts/inputs.

Take conversations, for example. Conversations are our way of getting a “live” alignment of information. If we’re not on the same page we can ask each other questions to ensure we’re communicating semantic information accurately. 

When we start to think about technology and digital products, the interfaces that we design and code become the information that is being transmitted, rather than words in a conversation. The design and presentation become semantic information structures, helping someone to understand the information we’re putting forward. This highlights the importance of aligning the interface (structure and semantic information) and the users' ontology (concepts and categories). For the interface to work, IA practitioners and designers need to know what most people understand to be true when they interact with information, concepts, and categories. 

We need to find some sort of stability that means that most users can understand what they need to do to achieve a goal or make a decision. To do this, we need to find common ground between the semantic information (that might vary between users) so that users can have successful Information 2 style interactions (i.e. absorbing and understanding the concepts presented by the interface).

To wrap up, let’s remind ourselves that information architecture is “the practice of ensuring concepts, categories and their properties and relations are arranged into appropriate and relevant positions”. As IA practitioners and designers, it’s our job to ensure that concepts and categories are arranged in structures that can be understood by the nuance of shared human understanding and semantic information – not just in some physical diagram.

We need to present stable, local structures that help to reduce uncertainty at the moment of interaction. If we don’t, the information flow breaks and we aren’t reducing uncertainty; instead, we create confusion and disappointing user interactions with our digital products. Making sure we present information correctly is important (and difficult!) for the success of our products – and for better or worse, it’s the work of information architecture! 

Learn more
1 min read

How to develop a taxonomy for your information architecture

When I first heard the word ‘taxonomy’, I had no idea what it meant. I remember enthusiastically nodding my head at my boss about how awesome it is while frantically Googling it under the table. We’ve all been there early on in our careers. Although, what I found left me feeling even more confused — something about classifying animals? Whether you’re as confused as I was all those years ago or just in need of a refresher, this quick guide to all things taxonomy will sort you out.

What is a taxonomy in information architecture?

In information architecture, taxonomy refers to how information is grouped, classified and labeled within a shared information environment. The overarching structure of that shared information environment is the information architecture (IA) and we find our way around it using the navigation. Think of an IA as a house. The taxonomy determines which pieces of furniture belong in each room and we navigate around the house via doorways and hallways. It all fits together to create one shared environment.

For a website architecture example, think of an online shoe store. The shoes might be organized and labelled by color, size, style, season or collection — that’s the taxonomy. The overall picture of where those groups of shoes live is the IA and in our pursuit of new shoes, we might navigate that structure via a navigation bar at the top of the page. In the amazing Grand Taxonomy of Rap Names visualization below, we can see how the information is categorized, connected and labeled through the lines and the colors. There’s no structure or hierarchy to it yet; that would be the next step in the process to build the IA.

A taxonomy visualization of rapper names
Source:http://hiphopmakers.com/grand-taxonomy-of-rap-names

Creating a taxonomy

There are so many different ways to carve information up into a taxonomy and the key drivers for determining that are your content and, of course, your users. Your taxonomy needs to make sense to your users.You may be starting from scratch with a new website or you may have inherited a taxonomy that for whatever reason just isn’t fit for purpose. The first step when creating an initial taxonomy is to do a comprehensive audit of your content. Ask yourself, is your content relevant? Is it up-to-date? Is it all necessary? Are there opportunities to delete or condense content? Once you have your content sorted, you’re ready to move on to the next step of running a card sort with users.Running a card sort early in your taxonomy creation process will allow you to build it up from an evidence based foundation. There’s no point guessing then testing and potentially going back to square one, when you can co-create with your users and then test that informed approach to validate and further evolve your thinking.When you’re designing your card sort, you’ll need to decide if you’re going to do an open, closed or hybrid sort. Here’s a very high level look at what each type involves:

  • Open: participants sort cards into groups and name their own categories
  • Closed: participants sort cards into categories determined by you
  • Hybrid: participants sort cards into categories determined by you AND they can also make up their own.

This early in the taxonomy creation process, it’s best to start out with an open card sort. Not only will this tell you how your users expect your content to be grouped, but will also provide insight into the language and labels that they would expect that content to be associated with. You never know, an open card sort may even surface something you hadn’t considered. At this stage of the process, it’s important to be open to ideas and new possibilities and an open card sort will do just that.Once you’ve settled on the type of card sort you’ll be running, you’ll need to test which can be done through a tool such as Optimal Workshop’s OptimalSort. OptimalSort enables you to run unmoderated card sorts remotely (or print out cards for a moderated/in-person card sort!). After your participants have completed your card sort, you can access the benefits of OptimalSort’s powerful result analysis functions.

Learn more about running a card sort and more through our 101 guide.

After you’ve run your initial open card sort with users, you should have everything you need to create the first iteration of your taxonomy. Consider everything you learned during the card sort and cross reference that with your business goals and any tech constraints you might be facing. Don’t stress too much about nailing it this time around — remember this is the first iteration and as you test more and learn more, you can make changes. Build out your taxonomy in Post-it notes with a team and then whack it into a spreadsheet to make future testing and iteration activities easier.

How to test a taxonomy

Now that you have the first iteration of your taxonomy, it’s time to have a go at structuring those groups into an IA and running a tree test. A tree test works like a card sort but in reverse — it allows you to test your thinking by working backwards. Optimal Workshop’s Treejack is an online tree testing tool that helps you assess the findability of your content without any visual design elements. All you need are clear objectives for what you’d like to learn more about and a spreadsheet version of your draft IA (told you it would come in handy! ).

Learn more about Treejack and tree testing through our equally handy 101 guide.

Another way to test your taxonomy thinking is to run another card sort. However this time, a hybrid or a closed card sort might be more suitable. A closed card sort would be useful if you’ve got evidence to suggest that your group labels are making sense to users but you’re not 100% sure what belongs in each group. A hybrid sort will let you go one step further and tell you if your content does in fact fit within those labels and if not you’ll also pick up some new ideas to iterate your taxonomy further.

Developing a taxonomy is like any other design process. Bring users into your process as early as you can and never stop iterating, improving and learning.Oh, and about those animals — I wasn’t entirely wrong. The way we classify animals (e.g., vertebrates and invertebrates) is a taxonomy. There are taxonomies everywhere and they’re not all digital. From libraries to supermarkets, we are immersed in taxonomies. It's the role of information architects to determine how these taxonomies are presented to us and how we navigate through them — the possibilities are truly endless!

Further reading

Learn more
1 min read

Navigating the Complexities of Information Architecture vs Data Architecture

Thanks to an ever-growing digital world, businesses are spoiled for information and data. The more complex the business, the more information there is and the more complicated the business requirements are. But where there are challenges, there is opportunity. That’s where information architecture and data architecture come in.

Information and data architecture both seek to make sense of the plethora of information a business handles. However, the two have different roles to play in the way businesses use, move, maintain, and present data - both to internal and external stakeholders. So what are they and why should businesses take note?

Defining Information Architecture 🗺️

Information architecture is the structure used to organize and label content on websites, mobile applications and other digital environments. Its primary purpose is to enhance user experience by ensuring information is structured in an accessible, usable and relevant way.

Information architecture seeks to understand user needs and goals by analyzing both existing and required information, then building an information framework in a logical and user-friendly way. It deals with three main components:

  • Labels: How information is represented
  • Navigation: How users make their way through the information
  • Search: How users look for information

Whilst this information sits in the background, it’s the layer upon which you build the design of your digital products.

Information architects bring data from file systems and databases to life by building meaningful narratives and stories. Outputs can include site-mapping, information architecture diagrams and content inventories. These outputs are supported by user research techniques such as card sorting, tree testing, user surveys and first-click testing.

Defining Data Architecture 💻

Data architecture bridges the gap between business needs, goals, and system requirements related to data handling. It sets out a framework for managing data assets, the flow of data and the maintenance of data systems. As such, it has a slightly more macro view than information architecture and concerns itself with emerging technologies such as artificial intelligence, machine learning, and blockchain.

Where information architecture centers around the end-user interaction, data architecture centers around practical handling and operation of data processes i.e. collection through to transformation, distribution, and consumption. Because of this, data architecture must take into account the businesses ability to scale operations, integrate with third party systems, support real-time data processes and the reduction of operating costs. Modern data architecture may point to artificial intelligence to tackle some of these challenges.

The Importance of Enterprise Architects in Information and Data Architecture 🏗

Enterprise architects are big-picture people. Data architecture and information architecture both fall within their remit, and they often oversee other data management job specialities within an IT department.

As a leader (and often, visionary) within a business, enterprise architects shoulder the responsibility of ‘mission critical’ projects. As a result, they tend to have several years experience with IT systems, backed by a bachelor’s degree in computer science, IT management, data science or similar. Many will hold a master’s degree and specialty certifications.

The role involves collaborating with senior business leaders, solution-delivery teams and external stakeholders, and requires creative problem solving and excellent communication skills. Therefore, enterprise architects very much steer the ship when it comes to information and data architecture. Combining high-level business strategy with knowledge of ‘the nuts and bolts’ of IT data systems and processes, they command an annual salary in New Zealand between $150,000 and $200,000 per annum..

Continuous improvement within any business that has substantial IT infrastructure calls for serious investment in enterprise architecture.

Designing and Implementing an Effective Information and Data Architecture 𝞹📈🧠📚

Once overarching business goals are aligned with the scope of data and system requirements, information and data architecture design (or redesign) can begin.

Crucial to the design and implementation process is developing an architecture framework. This is a set of guidelines that lays out principles, practices, tools and approaches required to complete the design. It supports system design decisions, assigns key tasks and provides project guidance throughout the design process. The framework essentially aims to unite disparate teams and maintain business and IT alignment.

The choice of architecture design is also critical. It should consider scalability, performance, maintainability and adaptability to emerging technology. Which is why cloud platforms feature so heavily in modern data architecture. Cloud architects will navigate the architecture design and technical requirements of cloud-based delivery models, which offer the solution to those scalability and adaptability challenges. They are responsible for bridging the gaps between complex business problems and solutions in the cloud. Modern data architecture tends to involve some form of cloud delivery component.

Throughout implementation, data and information architects will work closely with designers and engineers until testable architecture is ready. User research and testing will be carried out, and a feedback loop will commence until requirements are met. Users, as always, should be at the center of your digital product.

Summing Up the Complexities of Information and Data Architecture 🧮

Whilst the difference between information and data architecture can appear nuanced on the surface, they hold unique roles when delivering a cohesive, user-friendly digital product.

Think of a sliding scale where business operations sit at one end, and users sit at the other. Data architecture addresses challenges closer to the business: aligning business requirements and goals with how data flows through the system. On the other hand, information architecture addresses the challenges related to how this data is organized and interpreted for the end user.

At the end of the day, both information and data architecture need to work in harmony to satisfy the user and the business.

Seeing is believing

Explore our tools and see how Optimal makes gathering insights simple, powerful, and impactful.