第1章
The Art of Intuitive Design: A Journey Through "Don't Make Me Think"
In the fast-paced digital world where attention spans shrink by the day, Steve Krug's "Don't Make Me Think, Revisited" stands as a beacon of clarity. First published in 2000 and thoughtfully updated for the mobile era, this book has become the silent force behind countless successful websites and apps. What makes it extraordinary? Unlike many technical manuals gathering dust on shelves, Krug's work has been embraced by tech giants like Google and Amazon, with copies dog-eared and highlighted in design studios worldwide.
The book's influence extends beyond professional circles-it's rumored that Mark Zuckerberg keeps a copy on his desk, and it's required reading in design programs at Stanford and MIT. Its genius lies in distilling complex usability concepts into practical wisdom that feels like common sense once revealed. When Jony Ive, Apple's former design chief, was asked about influences on his approach to user experience, he mentioned Krug's philosophy of removing unnecessary thinking from user interactions-a principle that helped shape the intuitive interfaces we now take for granted.
Let's explore the brilliance behind this usability classic that changed how we think about digital design, transforming the web from a place of frustration to one of intuitive interaction.
第2章
Don't Make Me Think: The Golden Rule of Web Design
The cornerstone of Krug's philosophy is brilliantly simple: good design shouldn't make users think. When we visit a website, we shouldn't pause to decipher how it works or what we're supposed to do next. Every moment of confusion, every second spent figuring out navigation or purpose, diminishes our confidence and enjoyment.
Imagine walking into a store where you can't tell what's for sale or where the checkout counter is. You'd likely leave in frustration. The same principle applies online. When users land on your page, they should immediately understand what it is, how it works, and what they can do there.
Consider Amazon's evolution. Their early designs required users to think about categories, navigation paths, and how to find products. Today, their interface is so intuitive that even first-time visitors can find and purchase items within minutes. This transformation wasn't accidental-it came from understanding that users don't read pages; they scan them looking for anything relevant to their task.
This scanning behavior leads to what Krug calls "satisficing"-users don't look for optimal solutions but grab the first reasonable option. They don't read instructions or carefully weigh all choices. They muddle through, clicking whatever seems close enough to what they want.
Have you ever clicked on the first Google result without scrolling down? Or chosen a menu option that seemed "close enough" rather than reading all options? That's satisficing in action. We're all cognitive misers, conserving mental energy whenever possible.
What does this mean for design? Every question mark in the user's mind adds to their cognitive workload. Is this clickable? Where am I supposed to go next? What does this button do? Each question creates friction that might drive users away.
The most effective designs anticipate and eliminate these questions before they arise. They use familiar conventions, clear visual hierarchies, and obvious calls to action. They don't try to be clever or unique at the expense of clarity. They make the experience so smooth that users can navigate without conscious thought-like driving a familiar route on autopilot.
Isn't it remarkable how the most elegant solutions often appear the simplest? Yet achieving this simplicity requires deep understanding of human psychology and behavior.
第3章
Billboard Design: Creating for Scanners, Not Readers
When designing for the web, think of your pages as billboards on a highway. Users zoom by at high speed, giving you mere seconds to communicate your message. This reality demands a fundamental shift in how we approach content and layout.
Users don't read pages-they scan them. Eye-tracking studies reveal that people's eyes move across web pages in F-shaped patterns, focusing on headings, beginnings of paragraphs, and highlighted elements. This scanning behavior means every pixel must work harder to convey meaning quickly.
How do we design for scanners? First, embrace conventions. Web conventions are like traffic signs-they help users navigate without thinking. When a shopping cart icon appears in the top right corner, users know exactly what it means. When text is blue and underlined, they recognize it as a link. These patterns become so ingrained that deviating from them forces users to stop and figure things out-exactly what we want to avoid.
Remember when Apple first removed physical buttons from phones? Users initially struggled because the convention was broken. Now touchscreens are the convention. The lesson? Innovation is valuable, but recognize when conventions serve a crucial purpose.
Visual hierarchy is another essential tool. Just as newspapers use different font sizes to signal importance, web pages need clear hierarchies that guide the eye. Important elements should stand out through size, color, position, or white space. Related items should be visually grouped. This organization helps users quickly identify what matters to them.
Consider how Netflix organizes content into clearly defined areas-"Continue Watching," "New Releases," "Because You Watched..." Each section has its own visual identity but fits into a coherent whole, allowing users to scan for what interests them without reading every title.
Making clickable elements obvious is particularly crucial. Nothing frustrates users more than hunting for ways to interact with a page. Buttons should look like buttons. Links should be distinguishable from regular text. Touch targets on mobile devices should be large enough to tap accurately.
Have you ever visited a website where you couldn't tell what was clickable? That frustration exemplifies failed design. Users shouldn't have to hover over elements to discover functionality.
Reducing visual noise is equally important. Every unnecessary element on a page competes for the user's attention. Bold colors, animations, pop-ups, and dense text create cognitive overload. The most effective designs embrace strategic simplicity, removing everything that doesn't serve the user's goals.
Finally, format text for scanning by using headings, short paragraphs, bulleted lists, and highlighted keywords. Compare these two paragraphs:
*"Our return policy allows customers to return items within thirty days of purchase with a receipt. Items must be in original condition with tags attached. Refunds will be issued to the original payment method. Special orders and clearance items cannot be returned."*
Versus:
Returns & Refunds
• Return within 30 days with receipt
• Items must have original tags
• Refunds to original payment method
• No returns on special orders or clearance
Which is easier to scan? The second version communicates the same information but requires significantly less cognitive effort.
Isn't it fascinating how structure and visual cues can dramatically change how we process information?
第4章
Navigation: Creating Confidence Through Clarity
Imagine walking into an unfamiliar building without signs, directories, or logical layout. The disorientation you'd feel mirrors what users experience on websites with poor navigation. Navigation isn't just about helping users find specific pages-it's about creating confidence and trust in the entire experience.
Navigation serves three critical purposes. First, it helps users find what they're looking for. Second, it tells users what's available, revealing the site's scope and possibilities. Third, it shows users where they are, providing context within the larger structure.
This third purpose is particularly important online, where physical cues like size and location are absent. In a physical store, you naturally know where you are-you can see the entrance behind you, the departments around you, and the checkout ahead. Websites lack these inherent orientation cues, making good navigation essential.
Effective navigation follows established conventions that have evolved over time. Just as we expect exit signs to be red and near doors, users expect certain navigation elements to appear in predictable locations:
1. The site ID (logo) belongs in the top-left corner and should link to the homepage
2. Primary navigation should be prominent across the top or along the left side
3. Search functionality should appear in the top-right area
4. Utilities like account access and shopping cart should be easily accessible
Breaking these conventions forces users to stop and think-exactly what we want to avoid.
Persistent navigation-elements that appear consistently across all pages-creates stability and reliability. Users need to know they can always get home, search, or access key functions no matter where they are. This consistency builds confidence that they won't get lost or stuck.
Page names act as street signs in the digital landscape. Each page should have a clear, prominent name that exactly matches the link the user clicked to get there. When a link promises "Shipping Policies" but leads to a page titled "Delivery Information," users momentarily question whether they're in the right place.
"You are here" indicators-visual cues showing the current location within the site hierarchy-help users maintain their bearings. These might be highlighted navigation items, breadcrumb trails, or other visual distinctions that answer the question, "Where am I?"
Breadcrumbs-showing the path from home to the current page-are particularly valuable on large, hierarchical sites. They provide context and easy navigation to higher levels without cluttering the interface.
Tabs represent one of the most successful physical metaphors in digital design. They instantly communicate their purpose and behavior because they mimic something familiar from the physical world. When designed properly-with the active tab visually connected to its content-tabs create an intuitive way to organize related information.
Have you noticed how the best websites make navigation feel invisible? You move through them effortlessly, always knowing where you are and how to get where you want to go. That invisibility is the hallmark of excellent design-it supports without calling attention to itself.
第5章
The Home Page: Making a Powerful First Impression
The home page carries a burden unlike any other page on your site. It must simultaneously welcome visitors, explain what the site offers, show how to use it, establish credibility, and entice users to explore-all while competing with countless other demands for attention and space.
Think of your home page as a first date. You have minutes, perhaps seconds, to make a good impression before your visitor decides whether to stick around or look elsewhere. This brief window makes clarity paramount. Users should immediately grasp what your site is about and why they should care.
The most effective way to communicate this is through a clear, compelling tagline positioned near your site ID. A good tagline is brief (preferably 8 words or fewer), clear about what you offer, and differentiates you from competitors. It's not a mission statement or a slogan-it's a concise explanation of your value proposition.
Compare these taglines:
• "We provide integrated solutions for strategic advantage" (vague, meaningless)
• "The fastest way to compare mortgage rates online" (clear, specific value)
The second immediately tells users what the site does and why they might want to use it.
Beyond the tagline, your home page must clearly indicate where users should start for different activities. Whether they want to search, browse, or register, the entry points should be obvious and inviting. Too often, home pages become battlegrounds where different departments fight for prominence, resulting in cluttered, confusing experiences.
This phenomenon resembles what ecologists call "The Tragedy of the Commons"-when a shared resource (in this case, home page space) is overused by individuals acting in their self-interest, the resource becomes depleted and less valuable for everyone. Every promotional banner, feature announcement, and special offer competes for attention, potentially overwhelming users.
The solution isn't to eliminate these elements but to prioritize ruthlessly. Ask yourself: What are the few most important things users need to know or do? Make those unmissable, then organize everything else with clear visual hierarchy.
Remember that users don't need to see everything on their first visit. A clean, focused home page that helps them accomplish their immediate goals will bring them back to discover more later.
Have you ever visited a website and felt immediately lost in a sea of competing messages? That sensation-the opposite of "Don't make me think"-is precisely what effective home page design works to prevent.
What if we approached home pages not as showcases for everything we offer, but as thoughtful introductions that respect users' time and attention? How might that shift in perspective transform our digital first impressions?
第6章
Usability Testing: Simple Methods for Profound Insights
One of the most revolutionary aspects of Krug's approach is his democratization of usability testing. Traditionally viewed as expensive, complex, and requiring specialized facilities, Krug reimagines testing as something any team can and should do regularly.
The essence of this approach is simple: watch real people try to use what you're creating. Not focus groups discussing what they might do, but actual individuals attempting tasks while thinking aloud. This direct observation reveals usability issues that no amount of internal discussion or expert review can uncover.
Contrary to conventional wisdom, you don't need many participants. Testing with just three users will identify the most significant problems in each round. Since you'll test monthly (ideally), those small samples quickly add up to substantial insights. The goal isn't statistical validation but qualitative improvement-finding and fixing the most obvious problems before testing again.
Who should you test with? While matching your target audience is ideal, don't let perfect be the enemy of good. Almost anyone who uses the web can help identify basic usability issues. The fundamental problems-confusing navigation, unclear labels, buried information-will trip up most users regardless of demographics.
Setting up tests doesn't require elaborate facilities. A quiet room, a computer with screen-sharing software, and a way to record sessions are sufficient. The process is straightforward:
1. Welcome the participant and explain that you're testing the site, not them
2. Ask a few background questions to establish rapport
3. Have them explore the home page, sharing their initial impressions
4. Assign specific tasks relevant to your site's purpose
5. Observe without interfering, encouraging them to think aloud
6. Follow up with probing questions about their choices and expectations
After testing, gather observers to discuss what they saw. Focus on identifying the most serious issues-those that confused multiple users or prevented task completion. Prioritize problems that appear frequently, affect critical functions, or have easy fixes.
The beauty of this approach is its sustainability. By making testing smaller, faster, and cheaper, it becomes something teams can integrate into their regular workflow rather than a special event that happens rarely, if ever.
What makes this method so powerful? It combines two essential elements: direct observation of behavior (what people actually do) and insight into thought processes (what they're thinking while doing it). This combination reveals not just where users struggle but why, providing the context needed for effective solutions.
Consider how different this is from typical approaches to website improvement, which often rely on analytics, best practices, or internal opinions. Those methods have value but miss the human element-the confusion, frustration, or delight that real users experience.
Have you ever watched someone use a website you know well and been surprised by how they approached it? That moment of surprise-when you realize your assumptions about user behavior were wrong-is the gift that usability testing offers.
第7章
Mobile Design: Embracing Constraints for Better Experiences
The explosion of mobile devices fundamentally changed how people access and interact with digital content. What began as a limited, frustrating experience has evolved into the primary way many people use the web. This shift presents unique challenges and opportunities for designers committed to usability.
Mobile design is fundamentally about tradeoffs. The constraints are real: smaller screens, variable connectivity, touch interfaces instead of precise mouse pointers, and contexts ranging from quiet offices to noisy coffee shops. Every design decision must balance competing needs within these limitations.
The most obvious constraint is screen size. When moving from desktop to mobile, you can't simply shrink everything proportionally. You must ruthlessly prioritize, deciding what truly matters for mobile users. This necessity led to the "Mobile First" approach-designing for mobile before desktop-which forces designers to focus on core content and functionality.
However, Krug cautions against oversimplification. Mobile users still want access to everything, just organized appropriately for their device. Rather than removing features, consider reorganizing them. Mobile interfaces can be "deeper" with more levels of navigation, provided users can confidently find what they need.
Another challenge is creating interfaces that scale across devices. Responsive design-where layouts adapt to different screen sizes-has become the standard approach. But true responsiveness goes beyond flexible layouts to consider how content and interactions should transform across contexts.
Perhaps the most subtle yet critical mobile usability issue involves affordances-visual cues that indicate how something works. On desktop interfaces, hover effects help users identify clickable elements. Mobile touch interfaces lack this capability, requiring clearer visual distinctions between interactive and non-interactive elements.
This challenge has been exacerbated by the trend toward flat design-minimalist interfaces with less visual distinction between elements. While aesthetically pleasing, flat designs can hide affordances, making it harder for users to know what they can interact with. The best mobile designs balance visual simplicity with clear interaction cues.
Speed remains another crucial factor in mobile usability. Mobile networks vary dramatically in performance, and users are particularly sensitive to delays when on mobile devices. Every image, script, and style element adds weight that can slow loading times. Optimizing for speed isn't just a technical concern-it's a fundamental usability issue that directly impacts user satisfaction.
What makes mobile design fascinating is how these constraints can drive innovation. When forced to prioritize and simplify, designers often create more elegant solutions that benefit all users, regardless of device. The discipline required for effective mobile design often leads to clearer thinking about what truly matters in the user experience.
Have you noticed how the best mobile experiences don't feel limited despite the smaller screen? They focus your attention on what's important right now while making everything else accessible when needed. That balance-between immediate focus and comprehensive access-exemplifies thoughtful mobile design.
第8章
Usability as Common Courtesy: Building and Maintaining Goodwill
Usability isn't just about efficiency or effectiveness-it's about respect for users' time, attention, and dignity. Krug frames this aspect through the concept of goodwill, visualized as a reservoir that fills or empties based on user experiences with your site.
Every user arrives with some initial goodwill-a willingness to give your site a chance. This reservoir varies in size depending on many factors: how they found you, their previous experiences, their current needs, and their general temperament. Some arrive with deep reservoirs, others with barely a drop. Your job is to preserve and, ideally, increase whatever goodwill they bring.
What depletes this precious resource? Hiding information users want, like pricing or contact details, in an attempt to force them deeper into your site. Asking for personal information before providing value or requiring unnecessary form fields. Formatting text in ways that make it difficult to scan or read. Breaking promises about delivery times or product availability. Each of these actions draws down the goodwill reservoir.
Conversely, certain practices replenish goodwill: Making important actions obvious and easy. Being honest about costs, limitations, or requirements. Saving users steps whenever possible. Putting their interests ahead of your marketing goals. Acknowledging and apologizing when things go wrong.
Consider Amazon's approach to order tracking. They could require users to log in, navigate to their orders, and click through several pages to find tracking information. Instead, they include direct tracking links in confirmation emails and send updates automatically. This small convenience demonstrates respect for users' time and builds goodwill.
Or think about error handling on forms. When users make mistakes, do you highlight exactly what needs correction with clear instructions, or do you simply state "Error" and force them to figure it out? The former builds goodwill; the latter depletes it.
What makes this concept powerful is its emotional truth. Users may not articulate their experience in terms of "goodwill," but they certainly feel the cumulative effect of how a site treats them. And when the reservoir runs dry, they leave-often permanently.
The business implications are significant. In competitive markets, where alternatives are a click away, goodwill can be the difference between loyalty and abandonment. Even in less competitive spaces, depleted goodwill leads to frustrated users who complete tasks begrudgingly and spread negative word-of-mouth.
Have you ever abandoned a purchase because a site made it too difficult to complete? Or felt a surge of appreciation when a website anticipated your needs and made something unexpectedly easy? Those moments-when goodwill is either drained or replenished-shape our relationships with digital products more profoundly than we often realize.
第9章
Accessibility: Doing the Right Thing
Accessibility in web design ensures that people with disabilities can perceive, understand, navigate, and interact with websites. Far from being a technical checkbox or legal requirement, it represents a fundamental commitment to inclusion and equal access.
When designers and developers first hear about accessibility, they often react with skepticism or concern. They worry about added workload, design limitations, or the perceived small percentage of users who benefit. These reactions miss the profound impact accessibility has on real people's lives.
Consider what the web means to someone who is blind. Before the digital revolution, accessing printed information required assistance or specialized translations like Braille. The web offered unprecedented independence-the ability to read news, shop, bank, and communicate without relying on others. But this promise is fulfilled only when sites are designed with accessibility in mind.
The concerns about accessibility constraints on design are largely misconceptions. Well-implemented accessibility rarely compromises visual design for sighted users. In fact, many accessibility practices-like clear structure, good contrast, and thoughtful navigation-benefit everyone. They're simply good design principles applied consistently.
The complexity of accessibility standards can be intimidating. Documents like the Web Content Accessibility Guidelines (WCAG) contain hundreds of success criteria and technical requirements. Automated testing tools flag issues without clear guidance on their importance or how to fix them. This complexity can make accessibility seem overwhelming.
But perfect shouldn't be the enemy of good. Krug suggests four practical steps anyone can take immediately:
1. Fix the usability problems that affect everyone, including those with disabilities
2. Learn how people with disabilities use the web by observing them or watching videos
3. Read a book about accessibility to understand the fundamental principles
4. Address the most common issues: add alt text to images, use proper heading structure, ensure forms work with screen readers, and check color contrast
These steps won't solve every accessibility challenge, but they'll make significant improvements that benefit real users immediately.
The ethical dimension of accessibility cannot be overstated. The web has become essential infrastructure for modern life-for education, employment, government services, commerce, and social connection. Excluding people with disabilities from this infrastructure perpetuates inequality and limits human potential.
What if we reframed accessibility not as a burden but as an opportunity? An opportunity to reach more users, to demonstrate our values through action, and to create more thoughtful, robust designs that work better for everyone.
Have you ever tried to use a website with temporary limitations-perhaps with bright sunlight on your screen, or while holding a child, or with a sprained wrist? Those moments give glimpses into the everyday experiences of users with disabilities. Designing with accessibility in mind helps everyone navigate such challenges more easily.
第10章
Bringing Usability to Your Organization: Practical Strategies
Knowing usability principles is one thing; implementing them in organizations resistant to change is another challenge entirely. Many passionate individuals find themselves wondering how to advocate for usability in environments where it's not valued or understood.
The landscape has evolved significantly. User Experience (UX) has gained prominence, with dedicated roles and departments in many organizations. Yet challenges remain, particularly in distinguishing between related specialties like Information Architecture, Interaction Design, and Usability Testing. These distinctions matter because they affect how work is assigned and valued.
When advocating for usability, conventional advice suggests translating benefits into business terms: increased conversion rates, reduced support costs, higher customer satisfaction. While valid, this approach requires data you might not have and business vocabulary you might not command. It also assumes rational decision-making in organizations that often operate on momentum and emotion.
More practical approaches begin with showing rather than telling. Invite stakeholders to observe usability testing sessions-even informal ones. The direct experience of watching real users struggle with interfaces often creates more immediate conviction than any presentation or report.
If you can't secure formal support, start small. Test interfaces informally with colleagues or friends. Document the issues you find and propose specific improvements. When those improvements yield positive results, share the success stories. Build credibility through demonstrated value rather than theoretical arguments.
Testing competitors' sites can be particularly effective. It removes the defensiveness that often arises when critiquing internal work while still revealing usability principles relevant to your own products.
Understanding management's perspective is crucial. They face competing priorities, limited resources, and pressure for immediate results. Frame usability in terms that acknowledge these realities. Position it not as an additional burden but as a way to achieve existing goals more efficiently.
When facing resistance to user-centered approaches, consider the ethical dimensions. Some organizations deliberately employ dark patterns-deceptive interfaces that trick users into actions they wouldn't choose knowingly. While persuasion techniques based on understanding human psychology can be ethical when aligned with user goals, manipulation that serves only business interests at users' expense crosses an important line.
Amid the complexities and compromises of organizational life, certain usability principles remain non-negotiable: text must be legible with sufficient contrast; form labels should be visible during completion; visited links should be distinguishable from unvisited ones; headings should accurately reflect content hierarchy. These fundamentals transcend style preferences or business models-they're about basic respect for users.
Have you noticed how the most successful digital products often come from organizations where usability is valued at all levels? Companies like Apple, Google, and Amazon may differ in their specific approaches, but they share a fundamental commitment to user experience that permeates their cultures. That alignment-between stated values and actual practices-is what advocates ultimately work toward.
第11章
The Enduring Wisdom of Simplicity
"Don't Make Me Think" endures because it captures a timeless truth about human interaction with technology: we want tools that extend our capabilities without demanding our constant attention. Whether navigating websites in 2000 or mobile apps today, users consistently prefer experiences that feel effortless and intuitive.
The principles Krug articulates-clarity over cleverness, convention over innovation when appropriate, testing with real users-transcend specific technologies or design trends. They're grounded in human psychology and behavior, which evolve much more slowly than the interfaces we create.
What makes these principles powerful is their focus on reducing cognitive load-the mental effort required to use an interface. Every unnecessary decision, unclear label, or hidden function taxes users' limited cognitive resources. By eliminating these burdens, we create experiences that feel not just usable but liberating.
This approach doesn't mean designing for the lowest common denominator or avoiding sophistication. Rather, it means ensuring that complexity serves users' needs instead of reflecting organizational structures or technical implementations. The most elegant solutions often appear simple to users while solving complex problems behind the scenes.
As technology continues to evolve-through voice interfaces, augmented reality, artificial intelligence, and developments we can't yet imagine-the fundamental question remains: Does this make users think unnecessarily? The interfaces may change, but the human need for clarity, efficiency, and respect remains constant.
What if we approached all design challenges with this question at the forefront? How might our digital landscapes transform if reducing unnecessary thinking became the universal standard? The vision Krug presents isn't just about better websites-it's about technology that truly serves human needs and capabilities.
The next time you encounter a frustrating interface-whether digital or physical-ask yourself: What's making me think here? The answer reveals not just a design flaw but an opportunity to create something better-something that disappears into the background, allowing you to focus on what truly matters.
Isn't that, after all, what great design should do?
