Design · List
Signs of Taste in Web UI
A checklist of interface details that indicate high design quality
A curated reference list outlining specific UX and UI details that reflect thoughtful product design. It covers performance thresholds, navigation depth, visual restraint, and user-respecting patterns like honest cancellation and state persistence.
The list
signs of taste in web UI:
- every interaction happens in 100ms
- no product tours
- url/slugs are short and simple, no UIDs
- persistent resumable state
- not more than 3 colors
- no visible scrollbars
- all navigation is under 3 steps
- copyable svg logo + brandkit
- skeleton loading states
- copy paste from clipboard
- larger hit targets for buttons/inputs
- honest one click cancel
- cmd + k
- very minimal tooltips
- copy is active voice, max 7 words per sentence
- optical alignment vs geometric
- optimized for L to R reading
- reassurance about loss
What it's for
- Audit an existing web application for UX and visual polish
- Establish frontend design standards for a new product
- Review copywriting and interaction latency before launch
Key points
- Sub-100ms interaction response targets
- Shallow navigation structures limited to three steps or fewer
- Minimal color palettes restricted to three hues
- Persistent, resumable state across sessions
- Honest cancellation flows and minimal user interruptions
- Keyboard shortcuts including universal command palette support
- Concise active-voice copywriting standards
Pricing
Free
Details
- Type
- List
- Category
- Design
- Topic
- UI Design Guidelines
- Open source
- No
- Platforms
- Web
- For
- UI/UX designers, frontend developers, and product builders
- Tags
- ui, ux, design, checklist, frontend, best practices
Why it was saved
- @ybhrdwj: A concise quality checklist for auditing or designing web interfaces.
Related
Curated gallery of modern app visual interface design trends
Curated library of real-world mobile and web UX design flows.
Curated library of bite-sized UX examples and micro-interactions from real products
Curated design portfolios from interns and designers at major tech companies.
Curated collection of niche web, UI, and component design galleries
Curated directory of handpicked design assets, tools, and inspiration.
Updated