Flag

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

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

Curious about the next frontier in AI design? Discover how AI can go beyond chatbots to create seamless, context-aware interactions that anticipate user needs. Dive into the future of AI in UX design with this insightful article!

Article by Maximillian Piras
When Words Cannot Describe: Designing For AI Beyond Conversational Interfaces
  • The article explores the future of AI design, moving beyond simple chatbots to more sophisticated, integrated systems.
  • It argues that while conversational interfaces have been the focus, the potential for AI lies in creating seamless, contextual interactions across different platforms and devices.
  • The piece highlights the importance of understanding user intent and context, advocating for AI systems that can anticipate needs and provide personalized experiences.
Share:When Words Cannot Describe: Designing For AI Beyond Conversational Interfaces
21 min read

Discover how Flux.1, with its groundbreaking 12 billion parameters, sets a new benchmark in AI image generation. This article explores its advancements over Midjourney and Dall-E 3, showcasing its unmatched detail and prompt accuracy. Don’t miss out on seeing how this latest model redefines what’s possible in digital artistry!

Article by Jim Clyde Monge
Flux.1 is a Mind-Blowing Open-Weights AI Image Generator with 12B Parameters
  • This article examines Flux.1’s 12 billion parameters and its advancements over Midjourney and Dall-E 3. Highlights its superior image detail and prompt adherence.
  • The piece explores the shift of developers from Stability AI to Black Forest Labs and how this led to Flux.1. Analyzes the innovation impact.
  • It compares Flux.1 with Midjourney V6, Dall-E 3, and SD3 Ultra, focusing on visual quality, prompt coherence, and diversity.
  • The guide explains how to access Flux.1 via Replicate, HuggingFace, and Fal. Covers the different models—Pro, Dev, Schnell—and their uses.
  • The article investigates Flux.1’s capabilities in generating photorealistic and artistic images with examples of its realism and detailed rendering.
Share:Flux.1 is a Mind-Blowing Open-Weights AI Image Generator with 12B Parameters
5 min read

Is true consciousness in computers a possibility, or merely a fantasy? The article delves into the philosophical and scientific debates surrounding the nature of consciousness and its potential in AI. Explore why modern neuroscience and AI fall short of creating genuine awareness, the limits of current technology, and the profound philosophical questions that challenge our understanding of mind and machine. Discover why the pursuit of conscious machines might be more about myth than reality.

Article by Peter D'Autry
Why Computers Can’t Be Conscious
  • The article examines why computers, despite advancements, cannot achieve consciousness like humans. It challenges the assumption that mimicking human behavior equates to genuine consciousness.
  • It critiques the reductionist approach of equating neural activity with consciousness and argues that the “hard problem” of consciousness remains unsolved. The piece also discusses the limitations of both neuroscience and AI in addressing this problem.
  • The article disputes the notion that increasing complexity in AI will lead to consciousness, highlighting that understanding and experience cannot be solely derived from computational processes.
  • It emphasizes the importance of physical interaction and the lived experience in consciousness, arguing that AI lacks the embodied context necessary for genuine understanding and consciousness.
Share:Why Computers Can’t Be Conscious
18 min read

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