Definition: Things that are being arranged or sequenced.
Also referenced as:
Related to: Access, Channel, Chart, Communication, Controlled Vocabulary, Data, Facade, Information, List, Mental Model, Mess, Noun, Object, Perception, Thing
Chapter 1: Identify the Mess | Page 21
Data is facts, observations, and questions about something. Content can be cookies, words, documents, images, videos, or whatever you’re arranging or sequencing.
The difference between information, data, and content is tricky, but the important point is that the absence of content or data can be just as informing as the presence.
For example, if we ask two people why there is an empty spot on a grocery store shelf, one person might interpret the spot to mean that a product is sold-out, and the other might interpret it as being popular.
The jars, the jam, the price tags, and the shelf are the content. The detailed observations each person makes about these things are data. What each person encountering that shelf believes to be true about the empty spot is the information.
Chapter 1: Identify the Mess | Page 23
If you rip out the content from your favorite book and throw the words on the floor, the resulting pile is not your favorite book.
If you define each word from your favorite book and organize the definitions alphabetically, you would have a dictionary, not your favorite book.
If you arrange each word from your favorite book by gathering similarly defined words, you have a thesaurus, not your favorite book.
Neither the dictionary nor the thesaurus is anything like your favorite book, because both the architecture and the content determine how you interpret and use the resulting information.
For example, “8 of 10 Doctors Do Not Recommend” and “Doctor Recommended” are both true statements, but each serves a different intent.
Chapter 1: Identify the Mess | Page 27
Carl is a design student getting ready to graduate. But first, he has to produce a book explaining his design work and deliver a ten-minute presentation.
While Carl is a talented designer, public speaking makes him queasy and he doesn’t consider himself much of a writer. He has drawers and boxes full of notes, scribbles, sketches, magazine clippings, quotes, and prototypes.
Carl has the pieces he needs to make his book and presentation come to life. He also has a momentum-killing fear of the mess he’s facing.
To help Carl identify his mess, we could start by asking questions about its edges and depths:
Chapter 1: Identify the Mess | Page 28
This chapter outlines why it’s important to identify the edges and depths of a mess, so you can lessen your anxiety and make progress.
I also introduced the need to look further than what is true, and pay attention to how users and stakeholders interpretlanguage, data, and content.
To start to identify the mess you’re facing, work through these questions:
Chapter 3: Face Reality | Page 63
You can tell complex stories in a diagram with boxes and arrows. A box represents a thing; an arrow represents a relationship between things.
These relationships can be one-way (e.g., dropping a package into a mailbox) or two-way (e.g., calling the postal service to see if it was delivered).
We use a diamond shape to represent a decision point. This allows us to diagram relationships that change depending on the circumstances.
When you’re making a diagram, keep the structure pliable. Give yourself room to play with the boxes, move them around, and see what happens.
Start by creating a box for each concept, each piece of content, and each process. Arrange the boxes based on how they relate to each other. Play. See what reveals itself as you move things around. Try a few different arrangements before you add the arrows.
Keep it simple. The more you add styling and polish, the less you’ll feel comfortable changing and collaborating on the diagram.
Chapter 3: Face Reality | Page 76
Chapter 4: Choose a Direction | Page 100
When we talk about what something has to do, we sometimes answer with options of what it could do or opinions of what it should do.
A strong requirement describes the results you want without outlining how to get there.
A weak requirement might be written as: “A user is able to easily publish an article with one click of a button.” This simple sentence implies the interaction (one click), the interface (a button), and introduces an ambiguous measurement of quality (easily).
When we introduce implications and ambiguity into the process, we can unknowingly lock ourselves into decisions we don’t mean to make.
As an example, I once had a client ask for a “homepage made of buttons, not just text.” He had no idea that, to a web designer, a button is the way a user submits a form online. To my client, the word button meant he could change the content over time as his business changes.
Chapter 5: Measure the Distance | Page 110
Many projects are more manageable if you cut them into smaller tasks. Sequencing those tasks can mean moving through a tangled web of dependencies.
A dependency is a condition that has to be in place for something to happen. For example, the links throughout this book are dependent on me publishing the content.
How you choose to measure progress can affect the likelihood of your success. Choose a measurement that reinforces your intent. For example:
Chapter 6: Play with Structure | Page 125
A structure is a configuration. An unorganized pile is a structure. So is a table of contents or a house of cards. Every thing has a structure.
To choose a good structure for what you are making, you need to find one that:
There will always be several structures you can use.
Allowing your content to try on a structure you believe to be bad or wrong can be helpful. When we determine what something won’t be, we often reveal a little more about what it will be.
Don’t settle for the first structure you come up with. Take the same things and arrange them, not in one way, but in two or three ways. Compare them. Iterate. Test. Refine. Combine. Change. Argue.
Chapter 6: Play with Structure | Page 126
When you set out to arrange something, how do you decide where the pieces go? Is it based on what looks right to you, what you believe goes together, or what someone told you to do? Or maybe you let gravity or the alphabet determine the order?
To effectively arrange anything, we have to choose methods for organizing and classifying content in ways that convey the intended information to our intended users.
Structural methods for organization and classification are called taxonomy.
Common examples of taxonomies include:
Chapter 6: Play with Structure | Page 127
Taxonomies shape our experience at every level. We use taxonomies to make sense of everything from systems to objects. It often takes multiple taxonomic approaches to make sense of a single form.
A Form is the visual shape or configuration something takes. The form is what users actually experience.
Even a simple form like this book uses several taxonomies to help you read through the content, understand it, and use it.
A few taxonomies in this book:
Chapter 6: Play with Structure | Page 128
Sorting is the act of arranging content according to established rules. The act of deciding how to sort something within a taxonomy is called classification.
If you have a large pile of things, it may take a lot of time to sort through them. But sorting isn’t the hard part. Classification is.
Think about sorting a bag of groceries into a pre-arranged pantry. Everything has a place. You’re simply following the plan. Easy, right?
Now unload that same bag into a kitchen without rules for where things go. How much longer would it take you? How much more frustrating a task would it be? How much variation would you get when the next person unloads groceries?
Sorting is easy when clear rules are in place. But without those rules, assumptions take over and things end up in places where they can be harder to find.
The most challenging part of classification is working with other people to agree on a set of rules.
Chapter 6: Play with Structure | Page 141
We use hypertext to connect things without necessarily placing them together.
Hypertexts are fundamentally different from hierarchical, heterarchical, and sequential taxonomies, because they don’t change where things are located, just how they’re found.
We use hyperlinks to allow users to jump between taxonomies instead of duplicating or moving content. For example, we might hyperlink the bolded words throughout this book. If a user clicks on one of them, we could take them to a definition in the lexicon. We’re moving the user to the content instead of repeating it.
A signpost directing you to a store around the corner is also hypertextual, because it sends you to a specific location without changing the location of the store.
Similarly, websites use hypertext to link to content without needing to repeat it.
Chapter 6: Play with Structure | Page 142
The world is organized in seemingly endless ways, but in reality, every form can be broken down into some taxonomic patterns.
Hierarchy, heterarchy, sequence, and hypertext are just a few common patterns. Most forms involve more than one of these.
A typical website has a hierarchical navigation system, a sequence for signing up or interacting with content, and hypertext links to related content.
A typical grocery store has a hierarchical aisle system, a heterarchical database for the clerk to retrieve product information by scanning a barcode, and sequences for checking out and other basic customer service tasks. I was even in a grocery store recently where each cart had a list of the aisle locations of the 25 most common products. A great use of hypertext.
A typical book has a sequence-based narrative, a hierarchical table of contents, and a set of facets allowing it to be retrieved with either the Dewey Decimal system at a library, or within a genre-based hierarchical system used in bookstores and websites like Amazon.com.
Chapter 6: Play with Structure | Page 144
Because your structure may change a hundred times before you finish making it, you can save time and frustration by thinking with boxes and arrows before making real changes. Boxes and arrows are easier to move around than the other materials we work with, so start there.
Try structuring the mess with common patterns of boxes and arrows as shown on the next page. Remember that you’ll probably need to combine more than one pattern to find a structure that works.