Flag

We stand with Ukraine and our team members from Ukraine. Here are ways you can help

Get exclusive access to thought-provoking articles, bonus podcast content, and cutting-edge whitepapers. Become a member of the UX Magazine community today!

The Book Metaphor

by Adrian Zumbrunnen
4 min read
Share this post on
Tweet
Share
Post
Share
Email
Print

Save

When designing using metaphors like books, it’s important to remember to use the strengths of the source material and let the weaknesses fall by the wayside.

When we design interfaces, we often rely on metaphors as a starting point and source of inspiration. If we are to choose a metaphor for reading, we quickly think about the most obvious of all: the book.

While the web isn’t exactly new, it’s certainly not old compared to print. Therefore it makes sense to borrow design decisions that have proven valuable for centuries and apply them to a digital counterpart. This very act of adaptation is often referred to as designing with metaphors.

In his popular post “What screens want”, designer Frank Chimero describes designing with metaphors this way: “In the case of software on a screen, the metaphors visually explain the functions of an interface, and provide a bridge from a familiar place to a less known area by suggesting a tool’s function and its relationship to others.”

If you put a trash bin on a screen, the person might not know what technical implications it has. But they already have a pretty clear picture on how it might work without having used it before. It’s understandable that designers feel inclined to use metaphors, but they don’t come without flaws.

Let’s have a look at the book. Compared to a magazine or any other printed material, a book is usually linear, has a one-column layout, barely any advertising, and a clearly understandable flow of information. But it goes beyond that.

As Hans Peter Willberg, author from the German book Lesetypografie so beautifully put it: “The book is a thing for the senses.”

White by Kenya Hara

White by Kenya Hara

We can’t mimic the smell, feeling, and atmosphere of a book. Despite that, companies like Apple and Amazon did such a great job in creating devices and apps that mimic most design characteristics of books so perfectly, that it changed the conceptual meaning of the word—and it’s at this point that new problems usually sneak in our user interfaces.

Shortcomings of the book experience have serious implications on the way we think about interfaces

One of the key problems of metaphor-based design is that you can’t replicate the original object without raising new design issues. You have to choose reasonably which characteristics you need and which ones to leave out. While the book does have many benefits, it is certainly not flawless from a UX perspective.

An open book always gives you two columns

You need to remember which page you were on before. A short interruption and you might easily forget on which page you were reading.

It can get bumpy

The reader’s eyes have to make a considerable effort to change focus from the left side to the right, which can be tiring, especially for beginning readers.

It’s sliced in pieces

In a book, content is sliced in arbitrary parts. When you’re writing a book, you don’t think about pages, you think about content. A professional typographer can solve this issue to some extent, but pages are, in fact, a reading impediment from a UX point of view.

Enforced interaction

You need to turn pages. This leads to interruptions and a possible loss of context each time the reader turns the page. When we are reading a scientific book with formulas or source code, and the code is spread across several pages, it’s much harder to understand it. You end up leafing back and forth, in order to make sense of the things you read—a really frustrating experience.

Search and retrieval

In the beginning, using sticky notes might be a good way to keep your notes together and bookmark individual pages, but at some point it won’t work out anymore because of the book’s static nature, which brings us to the next point.

It’s static

Have you ever ordered a book and then found that the type is set too small? Since there is no way to change it, you’re usually stuck with it. (Maybe a good occasion to finally get those reading glasses you were thinking about buying.)

Conclusion

As you can see, the book isn’t as perfect a metaphor as we might think. The shortcomings of the book experience can have serious implications on the way we think about interfaces. It’s not so much about if we want to go skeumorphic, dimensional, or flat, it’s about combining the advantages of the metaphor without incorporating it’s limitations.

Apple did a great job in the new iBooks App on iOS7. While certainly influenced by their anti-skeumporph approach to design, the new version now allows you to change the reading mode from page flips to scrolling. So instead of implementing page flip effects that unnecessarily expose the user to the limitations of the book, they harness the advantages and possibilities of technology to create something that combines the best of both worlds.

When was the last time you used a metaphor in design? Please share the strengths and shortcomings you encountered in the comments section below.

 

Mirrored image of Marylin Monroe reading Ulysses adapted from an original photo by Eve Arnold

post authorAdrian Zumbrunnen

Adrian Zumbrunnen

Adrian Zumbrunnen is a user experience, UI, and web designer working at Information Architects (iA) in Zurich. He loves the Web, well formed type & transitional interfaces. In his free time he brews coffee and writes about UX design on his blog.

Tweet
Share
Post
Share
Email
Print

Related Articles

AI is reshaping the role of designers, shifting them from creators to curators. This article explores how AI tools are changing design workflows, allowing designers to focus more on strategy and user experience. Discover how this shift is revolutionizing the design process and the future of creative work.

Article by Andy Budd
The Future of Design: How AI Is Shifting Designers from Makers to Curators
  • This article examines how AI is transforming the role of designers, shifting them from creators to curators.
  • It explores how AI tools are enhancing design processes by automating routine tasks, allowing designers to focus on strategic decision-making and curating user experiences.
  • The piece highlights the growing importance of creativity in managing AI-driven systems and fostering collaboration across teams, ultimately reshaping the future of design work.
Share:The Future of Design: How AI Is Shifting Designers from Makers to Curators
5 min read

Are you overthinking your research process? This article explores how to determine when research is essential and when it might be holding you back. Learn a practical framework to prioritize studies, align with stakeholders, and maximize impact without wasting time or resources. Unlock strategies to focus your efforts on what truly matters.

Article by Carol Rossi
Are You Doing Too Much Research?
  • The article questions the common practice of conducting extensive research, suggesting that not all projects require it. Instead, it highlights the importance of discerning when research is truly necessary.
  • It introduces a framework to prioritize research efforts based on clarity, risk, and cost, ensuring impactful results without unnecessary delays.
  • The author emphasizes the role of stakeholder involvement in the research process, fostering better collaboration and alignment with organizational goals.
  • Practical strategies are provided for tracking and communicating the post-research impact, making the value of research more transparent and measurable.
Share:Are You Doing Too Much Research?
7 min read

Learn how to design and facilitate impactful co-creation sessions that inspire collaboration, spark creativity, and align diverse perspectives for meaningful outcomes.

Article by Aalap Doshi
Designing and Facilitating a Co-Creation Session
  • This article delves into the process of designing and facilitating effective co-creation sessions to foster collaborative innovation.
  • It outlines key steps, including planning, creating a structured agenda, and using tools to engage participants meaningfully.
  • The piece highlights how co-creation sessions can drive creativity, align diverse stakeholders, and generate actionable outcomes for complex challenges.
Share:Designing and Facilitating a Co-Creation Session
3 min read

Join the UX Magazine community!

Stay informed with exclusive content on the intersection of UX, AI agents, and agentic automation—essential reading for future-focused professionals.

Hello!

You're officially a member of the UX Magazine Community.
We're excited to have you with us!

Thank you!

To begin viewing member content, please verify your email.

Tell us about you. Enroll in the course.

    This website uses cookies to ensure you get the best experience on our website. Check our privacy policy and