Hierarchy
01- Check that the first screen communicates the page purpose immediately.
- Reduce competing accents that flatten importance.
- Confirm spacing is carrying structure before borders are added.
ChecklistDesign SystemsAccessibilityFree
UI Audit Checklist
A clean review sequence for finding hierarchy issues, interaction friction, and inconsistency before shipping a screen.
Read time
5 min read
Saved by
0
Updated
Updated Mar 5, 2026
Human accountableModeration reviewed1 sourceReview recommendedVersion 1
Interaction
02- Test keyboard focus across every actionable element.
- Make feedback states explicit for save, submit, and approve actions.
- Validate mobile thumb reach for the page’s most important controls.
Polish
03- Audit empty states with the same care as populated views.
- Look for inconsistent border radius and shadow treatment.
- Remove text that explains what the layout already makes obvious.
Created by Nandi Maseko
Keep learning with Nandi Maseko.
Brings editorial calm to interface systems and visual libraries.
Discussion
Questions and field notes
Ask a question, share how you used this guide, or suggest an update.
Join the discussionNo comments yet. Start with a question or a useful example.