Source from repo

User Interface Wiki

Living wiki of UI design patterns and best practices built with Fumadocs, Next.js, and Base UI components.

raphaelsalajaGitHub raphaelsalajaSource repo Original GitHub link Publisher page

Files

157

Skill

n/a

Size

184.3 KB

Entrypoint

SKILL.md

Format

git-repo

Open file

rules/ux-serial-position.md

Syntax-highlighted preview of this file as included in the skill package.

Rendered Source

markdown32 linesFree

rules/ux-serial-position.md

1---
2title: Place Key Items First or Last
3impact: MEDIUM
4tags: ux, serial-position, navigation, order
5---
6 
7## Place Key Items First or Last
8 
9Users best remember the first and last items in a sequence. Place the most important actions at these positions.
10 
11**Incorrect (important action buried in middle):**
12 
13```tsx
14<nav>
15  <Link href="/settings">Settings</Link>
16  <Link href="/">Home</Link>
17  <Link href="/about">About</Link>
18</nav>
19```
20 
21**Correct (key items at edges):**
22 
23```tsx
24<nav>
25  <Link href="/">Home</Link>
26  <Link href="/about">About</Link>
27  <Link href="/settings">Settings</Link>
28</nav>
29```
30 
31Reference: [Serial Position Effect](https://lawsofux.com/serial-position-effect/)
32

User Interface Wiki

rules/ux-serial-position.md

Preparing the source view

User Interface Wiki

rules/ux-serial-position.md