Loading source
Pulling the file list, source metadata, and syntax-aware rendering for this listing.
Source from repo
Living wiki of UI design patterns and best practices built with Fumadocs, Next.js, and Base UI components.
Files
Skill
Size
Entrypoint
Format
Open file
Syntax-highlighted preview of this file as included in the skill package.
rules/ux-jakobs-familiar-patterns.md
1---2title: Use Familiar UI Patterns3impact: HIGH4tags: ux, jakobs, familiarity, patterns5---67## Use Familiar UI Patterns89Users spend most of their time on other sites. They expect yours to work the same way (Jakob's Law).1011**Incorrect (custom unconventional navigation):**1213```tsx14function Nav() {15return (16<nav>17<button onClick={() => navigate("/")}>⬡</button>18<button onClick={() => navigate("/search")}>⬢</button>19</nav>20);21}22```2324**Correct (standard recognizable patterns):**2526```tsx27function Nav() {28return (29<nav>30<Link href="/">Home</Link>31<Link href="/search">Search</Link>32</nav>33);34}35```3637Reference: [Jakob's Law](https://lawsofux.com/jakobs-law/)38