Research finding
Can people find the next step?
Make the next decision understandable. Removing useful choices is only one possible way to do that.
Hick's LawIndependent reviews. IonBin has no partnerships with the tools on this page and was not paid for these listings. Our evaluations are our own, based on public documentation and our research. Product names are trademarks of their owners and are used for identification only. How disclosure works.
UI & UX / The field guide
Make the interface
make sense.
Find a useful starting point. Understand the design decision. Know what still needs testing.
UI resources help you build the surface. UX principles help you question how it works. This guide connects both to practical examples, source evidence and the details that can change the answer.
Two ways in
What are you working on?
Browse by the material you need or the decision you want to improve.
The toolkit133resources
Give the work
a better starting point.
Design systems, references, components and visual tools. What each one does, when it helps, and what to check before you use it.
Browse UI resourcesThe reasoning19principles
Make a decision
you can explain.
Choice, attention, feedback and visual organization. See where the evidence applies, where a rule is a heuristic, and how to try it.
Explore UX principlesFrom decision to screen
A few useful questions.
These are starting points for investigation, with examples and boundaries attached.
Research finding
Is the action easy to select?
Give controls enough room to hit and put related actions within a sensible reach.
Fitts's Law and target distancePerceptual principle
Do related things look related?
Spacing should tell the same story as the content: related things belong together.
ProximityChoose your material
Explore the resource shelves.
Categories organize the directory. Placement and order are not quality rankings.
New in the field guide
Choose what the work needs.
Components
Base UI
Build a distinct interface without rebuilding dialog, menu and focus behavior from scratch.
Read the use case and caveatsMotion & effects
Motion
Describe state changes with animation code, then keep the movement subordinate to the task.
Read the use case and caveatsBrand & assets
Lucide
Give interface actions a consistent visual vocabulary without turning icons into the only explanation.
Read the use case and caveatsDesign systems
Storybook
Make difficult UI states easy to open, discuss and test without navigating the whole application.
Read the use case and caveatsEvidence
WebAIM Contrast Checker
A focused way to check a foreground/background pair before an attractive color choice becomes unreadable text.
Read the use case and caveatsDesign systems
Penpot
Bring interface design and implementation conversations into a workspace built around open web concepts.
Read the use case and caveatsRead the evidence with the advice
A field guide with its limits in view.
Each resource now has an account-free evaluation record: the public interaction or local fixture checked, the observations, security boundaries and what remains untested. Coverage varies by entry. Principle examples remain proposals; local application checks do not validate a behavioral law.
How this guide is reviewed
Collection review: