Visual Design Effectively Highlights Key Information
What this criterion checks
Evaluates whether the use of colors, shapes, and sizes effectively prioritizes information across menus, tabs, sections, subsections, modals, and forms. Assesses whether colors highlight top-priority information, whether element shapes are consistent and support visual flow when scanning, and whether the sizes of buttons, icons, text, boxes, and tags help users identify the most important elements in a given area. Text correctness, loading times, and technical aspects of features are excluded.
How it's assessed
The agent navigates through the application following realistic user journeys, capturing screenshots at each step. Using AI-powered vision analysis, it evaluates how information is prioritized visually and checks whether high-value information is obscured by low-value content, whether visual design principles such as scale, hierarchy, balance, contrast, and Gestalt grouping are applied effectively, and whether decorative-only elements reduce the signal-to-noise ratio. It also checks whether excessive font or color variation reduces clarity, whether labels and navigation provide sufficient information scent, whether symbols and iconography are used consistently, and whether users can see system status needed to decide their next action.
How reliable it is
This criterion is currently scoring below its expected accuracy range, so confirm each finding before acting on it. See Accuracy & confidence for how the confidence tags are set.