Cognitive Load |
No avatars, all text-based — user has to read every name. |
Uses initials/avatars for customer identification. |
Supports recognition over recall — faster decisions. |
Emotional Design |
Feels sterile and technical. |
Friendly, a clean Structured Visual |
Positive emotion improves usability and engagement. |
Color Contrast |
Some text (like red and Green Color ) may have low contrast. |
Improved Color Contrast |
Higher contrast = better readability + WCAG compliance. |
Button |
Usable but flat |
Increase hight to improve Touch Target Sizes |
Easier for users with motor disabilities or big thumbs. |
User Flow (Search > Filter > Action) |
Add Customer at bottom, but flow unclear. |
Clear top-down flow: Search → Filter → List → Add. |
Mimics natural scanning behavior. Reduces friction. |