Made with 🧠 and πŸ«€ by Youssef Bouksim

Back to library
πŸ”„

Jakob's Law

Users spend most of their time on other products. They expect yours to work the same way as everything they already know β€” and when it doesn't, even small deviations feel like the product is broken.

5 min readUX Β· Product Β· AI

Before a user ever opens your product, they have already spent thousands of hours inside other products. They know where the shopping cart goes. They know what a hamburger icon does. They know the back button lives in the top-left corner and the search bar lives at the top of the screen. This accumulated knowledge is not a blank slate you can override β€” it is a set of deeply reinforced expectations that your design either aligns with or fights against.

Jakob Nielsen, co-founder of the Nielsen Norman Group, formalised this observation in what became known as Jakob's Law: users spend most of their time on other sites, so they come to your site with existing mental models built elsewhere. When your interface matches those models, users feel competent immediately. When it doesn't, even a small deviation β€” a cart icon in the wrong corner, a nav bar in an unexpected position β€” generates friction that users experience as the product feeling β€œoff” without being able to explain why.

✦ Key takeaways
βœ“
Conventions exist because they work. Patterns like the cart in the top-right, the logo linking home, and the back arrow in the top-left became conventions because users learned them and products that followed them succeeded. The convention is the accumulated UX research of an entire industry.
βœ“
Breaking conventions costs trust, not just time. When something isn't where users expect it, they don't just take longer to find it β€” they begin to doubt whether the product is reliable at all. A misplaced element feels like a signal that the rest of the interface might also behave unexpectedly.
βœ“
New interaction patterns need to earn their deviation. Sometimes the right design genuinely does break convention β€” infinite scroll, pull-to-refresh, and swipe-to-delete were all novel once. But the bar for deviation is high: the new pattern must offer a demonstrably better experience, and users must be taught it clearly the first time.

Why conventions form β€” and why they stick

Jakob Nielsen published this law in 1998, at a time when the web was still young enough that many designers treated every site as a blank canvas. His argument was deceptively simple: the majority of a user's experience happens on other people's products, not yours. Every hour a user spends on Amazon, Google, or Instagram trains a set of expectations about where elements should be and how interactions should work. Your product inherits those expectations whether you designed for them or not.

The mechanism is transfer learning β€” the same process that lets you drive a rental car without reading the manual. Steering wheel, pedals, mirrors, turn signals: they're all in the same place because every car manufacturer follows the same conventions. Imagine if one manufacturer moved the brake pedal to the right side. It might be a β€œbetter” position biomechanically, but the cost of retraining millions of drivers would be catastrophic. Interface conventions work the same way.

β€œUsers spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know.”
β€” Jakob Nielsen

The cart icon β€” users look top-right before they look anywhere else

The shopping cart in the top-right corner of an e-commerce site is one of the most consistent interface conventions on the web. Amazon, ASOS, Nike, Zara, Apple β€” every major e-commerce site on the planet puts the cart in the top-right. Users know this. When they want to check their cart, they move their eyes or cursor to the top-right without thinking.

Moving the cart β€” hiding it inside a hamburger menu, putting it on the left, or removing the icon entirely in favour of a text link β€” forces users to search for something they expect to find instantly. The cart doesn't become harder to use. But the moment of confusion, the need to visually scan the header, is enough to introduce doubt. And in a checkout flow, doubt is expensive.

Before β€” cart hidden inside menu
shopexample.com/new-arrivals
Shoppe
New inWomenMenSale
My account
My orders
Wishlist
Shopping bag (3)
Settings
New Arrivals
Just dropped β€” shop the edit
Linen Dress
$89
Canvas Sneaker
$65
Tote Bag
$45

Cart is inside the hamburger menu. Users scan the top-right first and find nothing.

After β€” cart top-right with badge
shopexample.com/new-arrivals
Shoppe
New inWomenMenSale
3
New Arrivals
Just dropped β€” shop the edit
Linen Dress
$89
Canvas Sneaker
$65
Tote Bag
$45

Cart is top-right with a badge showing item count. Zero searching required.

The cart badge is also part of the convention: a red dot or number indicating items in the bag is a pattern users recognise instantly from every other shopping site they use. Even if your visual design is completely unique, the structural position of the cart and the badge convention should remain standard. The creativity goes into everything around it β€” not into moving the cart.


Mobile navigation β€” hamburger vs bottom tab bar

The hamburger menu made sense when smartphone screens were small and navigation had to be hidden to save space. On modern phone screens with generous real estate, and after a decade of iOS and Android establishing the bottom tab bar as the standard navigation pattern for native apps, the hamburger has become an anti-convention for mobile.

Users on mobile expect primary navigation at the bottom of the screen, reachable with the thumb, always visible. A hamburger at the top requires an extra tap to reveal navigation, breaks the thumb-zone principle from Fitts's Law, and forces users to mentally model a hidden structure. The bottom tab bar is always visible, always reachable, and matches every major app users already spend their time in.

Before β€” hamburger, navigation hidden
9:41
Finance
Home
Portfolio
Transfers
Markets
Settings
Overview
Total balance
$24,812.40
Portfolio
+12.4% this month
Last transfer
-$450 Β· 2 days ago

Navigation hidden behind a tap. The structure is invisible by default.

After β€” bottom tabs, always visible
9:41
Finance
Overview
Total balance
$24,812.40
Portfolio
+12.4% this month
Last transfer
-$450 Β· 2 days ago
Home
Portfolio
Transfers
Markets
Settings

All 5 sections always visible. Navigation is one tap from anywhere.

The bottom tab bar isn't just about visibility β€” it communicates the structure of the entire product at a glance. Users can see how many sections there are, understand what the product covers, and navigate to any of them without first having to discover that navigation exists. The hamburger hides this information, making the product feel more complex than it actually is.


AI chat β€” the convention established in three years

In the time since ChatGPT launched in late 2022, an entire generation of AI chat interfaces has converged on a single layout: model selector at the top, conversation in the middle scrolling upward, input field pinned at the bottom with suggestions above it. This pattern has been repeated across ChatGPT, Claude, Gemini, Copilot, Perplexity, and dozens of smaller AI products.

It is, in Jakob's Law terms, already a convention. Users who use AI products regularly have built a mental model of where the input is. Placing the input at the top β€” or removing the bottom input in favour of a different layout β€” breaks that expectation immediately. The interface doesn't feel innovative. It feels wrong.

Before β€” input at the top
9:41
AI Assistant
Ask anything...
Scroll down to read the conversation
Explain the difference between RAM and storage
RAM is short-term memory β€” holds data currently in use for instant access.

Storage (HDD/SSD) is long-term memory β€” holds everything when powered off, but slower.
Which should I upgrade first?
Slow apps/many tabs? Upgrade RAM. Out of space? Upgrade storage. For most users, 16GB RAM is the sweet spot.

Users look at the bottom for the input β€” it's not there. New messages push the conversation further down.

After β€” input at the bottom
9:41
AI Assistant
Explain the difference between RAM and storage
RAM is short-term memory β€” holds data currently in use for instant access.

Storage (HDD/SSD) is long-term memory β€” holds everything when powered off, but slower.
Which should I upgrade first?
Depends on your bottleneck. Slow apps? Upgrade RAM. Out of space? Upgrade storage. 16GB RAM is the sweet spot.
What's a good RAM amount?SSD vs HDD?Budget options?
Ask a follow-up...

Input is exactly where muscle memory from ChatGPT, Claude, and Gemini has trained users to look.

The AI input-at-bottom pattern is only three years old β€” far younger than most interface conventions. But it has been reinforced by an unusual density of usage: AI chat is now a daily tool for hundreds of millions of people. Three years of daily use creates stronger mental models than ten years of occasional use. If you're building an AI product today, the bottom input is not a stylistic choice β€” it's an expectation.


Applying this to your work

Jakob's Law doesn't mean every product should look identical. Visual design, tone, branding, and personality can all be radically different. What should remain consistent are the structural positions and interaction patterns that users have internalised from thousands of hours of use elsewhere. The logo links home. Search is at the top. The cart is top-right. The back button is top-left. Primary mobile navigation is at the bottom. These aren't limitations on creativity β€” they're the invisible scaffolding that lets users get comfortable quickly enough to appreciate everything you've done differently.

βœ“ Apply it like this
β†’Keep structural positions conventional β€” cart top-right, logo top-left linking home, back arrow top-left, primary mobile nav at the bottom
β†’Differentiate through visual design and content, not through layout position β€” users should never have to learn where things are
β†’For new interaction patterns, onboard users explicitly β€” tooltips, first-use animations, or empty states that teach the pattern
β†’Monitor the dominant apps in your category for emerging conventions and adopt them before they calcify as expectations
βœ— Common mistakes
β†’Moving the cart, logo, or search bar to an unexpected position in the name of original design β€” originality at the cost of usability is just confusion
β†’Using a hamburger for primary mobile navigation when a bottom tab bar would fit β€” hiding structure makes the product feel more complex
β†’Assuming users will tolerate learning your layout from scratch because it looks better β€” they won't, and they'll experience friction as a quality problem
β†’Ignoring emerging conventions in new categories like AI β€” patterns can become standard in months when usage is daily and intense