| A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | UI AUDIT CHECKLIST | |||||||||||||||||||||||||
2 | Based on the DevSquad UI Audit Framework — devsquad.com | |||||||||||||||||||||||||
3 | ||||||||||||||||||||||||||
4 | Product / App: | Auditor: | Date: | Version: | ||||||||||||||||||||||
5 | ||||||||||||||||||||||||||
6 | # | Checklist Item | Status | Notes / Findings | Severity | |||||||||||||||||||||
7 | 01 Layout & Structure | |||||||||||||||||||||||||
8 | 1 | Is the layout visually clear and easy to scan? | ✗ Fail | High | ||||||||||||||||||||||
9 | 2 | Are high-priority elements placed where users naturally look first? | ✓ Pass | |||||||||||||||||||||||
10 | 3 | Is spacing between elements consistent and purposeful? | ✓ Pass | |||||||||||||||||||||||
11 | 4 | Are components grouped logically by function? | ||||||||||||||||||||||||
12 | 02 Navigation & User Flow | |||||||||||||||||||||||||
13 | 5 | Can users complete key actions (signup, purchase, etc.) without getting lost? | ||||||||||||||||||||||||
14 | 6 | Are menus intuitive, with clear labels and hierarchy? | ||||||||||||||||||||||||
15 | 7 | Are there dead ends or screens where users have no clear next step? | ||||||||||||||||||||||||
16 | 8 | Are breadcrumbs or progress indicators used where helpful? | ||||||||||||||||||||||||
17 | 03 Responsiveness & Mobile Usability | |||||||||||||||||||||||||
18 | 9 | Does the interface adapt effectively across mobile, tablet, and desktop? | ||||||||||||||||||||||||
19 | 10 | Are touch targets appropriately sized for finger navigation? | ||||||||||||||||||||||||
20 | 11 | Are important functions preserved or optimized on smaller screens? | ||||||||||||||||||||||||
21 | 12 | Is horizontal scrolling avoided except where intentionally designed? | ||||||||||||||||||||||||
22 | 04 Color & Visual Contrast | |||||||||||||||||||||||||
23 | 13 | Do colors follow a consistent system (brand palette, semantic meaning)? | ||||||||||||||||||||||||
24 | 14 | Is there sufficient contrast between text and background for readability? | ||||||||||||||||||||||||
25 | 15 | Are colors used intentionally to draw attention or indicate action? | ||||||||||||||||||||||||
26 | 16 | Can users rely on more than just color to understand meaning (accessibility)? | ||||||||||||||||||||||||
27 | 05 Typography & Readability | |||||||||||||||||||||||||
28 | 17 | Are fonts legible at all screen sizes and resolutions? | ||||||||||||||||||||||||
29 | 18 | Is there a clear visual hierarchy across headings, body text, and labels? | ||||||||||||||||||||||||
30 | 19 | Are line lengths and spacing optimized for reading ease? | ||||||||||||||||||||||||
31 | 20 | Are font styles and weights consistent across the product? | ||||||||||||||||||||||||
32 | 06 UI Components & Visual Consistency | |||||||||||||||||||||||||
33 | 21 | Are buttons, forms, and icons used consistently across all pages? | ||||||||||||||||||||||||
34 | 22 | Are interactive elements easily distinguishable from static content? | ||||||||||||||||||||||||
35 | 23 | Are icon meanings intuitive and supported by labels where necessary? | ||||||||||||||||||||||||
36 | 24 | Are microinteractions and animations purposeful, not distracting? | ||||||||||||||||||||||||
37 | 07 Interaction Feedback & System States | |||||||||||||||||||||||||
38 | 25 | Do buttons, forms, and inputs provide real-time feedback (success, loading, error)? | ||||||||||||||||||||||||
39 | 26 | Are error states informative and easy to recover from? | ||||||||||||||||||||||||
40 | 27 | Is user progress communicated during multi-step tasks? | ||||||||||||||||||||||||
41 | 28 | Are confirmation/warning messages used before critical actions? | ||||||||||||||||||||||||
42 | 08 Performance & Perceived Speed | |||||||||||||||||||||||||
43 | 29 | Does the UI load quickly and respond without lag? | ||||||||||||||||||||||||
44 | 30 | Are transitions and animations optimized for performance? | ||||||||||||||||||||||||
45 | 31 | Are skeleton screens or loading indicators used to reduce perceived wait times? | ||||||||||||||||||||||||
46 | 32 | Are images and assets appropriately compressed and served at correct resolutions? | ||||||||||||||||||||||||
47 | 09 Accessibility & Inclusive Design | |||||||||||||||||||||||||
48 | 33 | Can users navigate using only a keyboard and/or screen reader? | ||||||||||||||||||||||||
49 | 34 | Are alt texts provided for all important images? | ||||||||||||||||||||||||
50 | 35 | Is content structured using semantic HTML elements? | ||||||||||||||||||||||||
51 | 36 | Can all users complete key actions without assistance? | ||||||||||||||||||||||||
52 | 10 Testing & Validation | |||||||||||||||||||||||||
53 | 37 | Have you reviewed session recordings or heatmaps (e.g., Hotjar, FullStory)? | ||||||||||||||||||||||||
54 | 38 | Have you conducted usability testing with real or representative users? | ||||||||||||||||||||||||
55 | 39 | Have you analyzed support tickets or feedback for recurring UI complaints? | ||||||||||||||||||||||||
56 | 40 | Has your design been QA-tested on real devices and browsers? | ||||||||||||||||||||||||
57 | ||||||||||||||||||||||||||
58 | TOTALS | 3 | 2 passed | 1 failed | |||||||||||||||||||||||
59 | ||||||||||||||||||||||||||
60 | ||||||||||||||||||||||||||
61 | ||||||||||||||||||||||||||
62 | ||||||||||||||||||||||||||
63 | ||||||||||||||||||||||||||
64 | ||||||||||||||||||||||||||
65 | ||||||||||||||||||||||||||
66 | ||||||||||||||||||||||||||
67 | ||||||||||||||||||||||||||
68 | ||||||||||||||||||||||||||
69 | ||||||||||||||||||||||||||
70 | ||||||||||||||||||||||||||
71 | ||||||||||||||||||||||||||
72 | ||||||||||||||||||||||||||
73 | ||||||||||||||||||||||||||
74 | ||||||||||||||||||||||||||
75 | ||||||||||||||||||||||||||
76 | ||||||||||||||||||||||||||
77 | ||||||||||||||||||||||||||
78 | ||||||||||||||||||||||||||
79 | ||||||||||||||||||||||||||
80 | ||||||||||||||||||||||||||
81 | ||||||||||||||||||||||||||
82 | ||||||||||||||||||||||||||
83 | ||||||||||||||||||||||||||
84 | ||||||||||||||||||||||||||
85 | ||||||||||||||||||||||||||
86 | ||||||||||||||||||||||||||
87 | ||||||||||||||||||||||||||
88 | ||||||||||||||||||||||||||
89 | ||||||||||||||||||||||||||
90 | ||||||||||||||||||||||||||
91 | ||||||||||||||||||||||||||
92 | ||||||||||||||||||||||||||
93 | ||||||||||||||||||||||||||
94 | ||||||||||||||||||||||||||
95 | ||||||||||||||||||||||||||
96 | ||||||||||||||||||||||||||
97 | ||||||||||||||||||||||||||
98 | ||||||||||||||||||||||||||
99 | ||||||||||||||||||||||||||
100 | ||||||||||||||||||||||||||