Audit Workflow Dashboard
The interface presents a clean, organized layout with clear use of color-coded progress bars that enhance readability and quick status comprehension. However, it could improve navigation clarity by differentiating active and inactive elements more distinctly and adding better contrast for some text elements to enhance accessibility.
Public
Design Score
Polish Opportunities
Design Perspectives
0To Review
Recommended Fixes by Impact
0Total
Fixes by Category
2
Color & Contrast2
Content Readability & Clarity0
Visual Consistency, Imagery & Media2
Navigation & Structure0
Conversion & Actions0
Tone, Friendliness & Delight2
Accessibility & Input Ergonomics2
Efficiency & Cognitive Load2
Flow & States Completeness2
Strategic DesignRecommended Fixes by Impact
0Critical
4Major
8Moderate
3Minor
Low contrast for sidebar menu item labels
Major
Color & Contrast
The Problem
The sidebar menu item labels such as 'Audit Engagements', 'Dashboard', 'Requests', and 'Uploaded Files' use white text on a medium blue background which appears to have contrast below WCAG AA (4.5:1) for normal text.
Why it Matters
Low contrast text is difficult for users with low vision or color deficiencies to read, causing accessibility barriers and making navigation difficult.
How to Fix
Increase the text contrast by using a lighter text color or a darker background color to meet at least 4.5:1 contrast ratio for normal text.
Issue Highlights
Small circular status indicator touch targets in sidebar
Major
Accessibility & Input Ergonomics
The Problem
The small circular indicators to the left of sidebar items (e.g., Home, Dashboard, Requests, Uploaded Files) appear to be less than the recommended minimum touch target size of 44x44 pixels.
Why it Matters
Small touch targets increase the risk of user input errors and frustration, especially on touch devices or for users with limited dexterity.
How to Fix
Increase the size of the circular status indicators to at least 44x44 pixels or add padding around them to expand the clickable area without changing visual size.
Issue Highlights
Insufficient contrast for light gray paragraph text
Major
Color & Contrast
The Problem
The descriptive text below 'Evidence status across selected sections' uses a light gray color on a white background, likely failing WCAG AA contrast standards for normal text.
Why it Matters
Users with low vision or in bright environments may struggle to read low contrast body text, reducing comprehension and usability.
How to Fix
Use a darker gray text color to increase contrast against the white background to at least 4.5:1 ratio.
Issue Highlights
No Confirmed Action or Progression in Dashboard Panel
Major
Flow & States Completeness
The Problem
The sidebar and main dashboard panel show status counts and navigation but do not provide any visible controls or calls to action to continue or update the audit workflow.
Why it Matters
Users reaching this screen could be blocked if they don't know how to move forward or interact with the listed items, causing friction in task completion.
How to Fix
Incorporate clear next step actions such as buttons labeled 'Review Items,' 'Start Audit,' or contextual links within the dashboard to guide users forward.
Issue Highlights
Lack of Clear Hierarchy Between Status Labels and Descriptions
Moderate
Content Readability & Clarity
The Problem
The status labels such as 'In Progress', 'Open', 'Submitted', etc., are bold and larger, but the accompanying explanation text below each label has similar font size and weight, making it harder to quickly scan and differentiate key statuses from descriptive text.
Why it Matters
Users might struggle to quickly comprehend the status categories at a glance, potentially slowing down their ability to understand the audit status overview.
How to Fix
Increase the contrast in font weight and size between the status labels and their descriptive text, or use color or spacing to better differentiate the two text types.
Issue Highlights
Sidebar navigation button spacing too narrow
Moderate
Accessibility & Input Ergonomics
The Problem
The vertical spacing between clickable buttons in the sidebar (like Dashboard, Requests, Uploaded Files) appears to be less than recommended for comfortable touch interaction, likely under 8-10 pixels.
Why it Matters
Insufficient spacing between clickable elements can lead users to accidentally tap the wrong link, increasing errors and frustration.
How to Fix
Increase vertical spacing or padding between sidebar navigation buttons to at least 8-10 pixels to support reliable touch interactions.
Issue Highlights
Redundant visual indicators for workflow statuses
Moderate
Efficiency & Cognitive Load
The Problem
Each workflow status (In Progress, Open, Submitted, Accepted, Rejected) is represented twice side by side: once with progress bars and counts on the left, and again with colored dots and text descriptions on the right, resulting in repeated visual information.
Why it Matters
This redundancy increases visual clutter and cognitive load, making it harder for users to quickly process status information.
How to Fix
Consolidate the status indicators to a single, unified representation combining progress bars, counts, and descriptions to reduce repetition.
Issue Highlights
Explanation Text Below Status Labels is Too Small
Moderate
Content Readability & Clarity
The Problem
The smaller description text under each status label uses a small font size that may be difficult to read for some users, especially those with visual impairments.
Why it Matters
Smaller body text can cause strain or skipped information, impairing comprehension of the details and reducing overall accessibility.
How to Fix
Increase the font size of the explanatory text slightly (e.g., to at least 14px or equivalent), and consider boosting contrast for better visibility.
Issue Highlights
Submenus lack clear expand/collapse indicators
Moderate
Navigation & Structure
The Problem
The left sidebar menu includes nested items under 'Audit Engagements' but only shows a small downward arrow without clear indication of expanded/collapsed state or active submenu.
Why it Matters
Users may be uncertain about which submenu items belong to which main category and which section is currently active, causing confusion during navigation.
How to Fix
Use clearer visual indicators such as arrows that rotate or change on submenu expansion, and highlight active submenu items distinctly.
Issue Highlights
No clear page or section orientation above content area
Moderate
Orientation Missing (Environment/Role/Location)
The Problem
The main content area lacks a clear heading or breadcrumb that explicitly states the current location or context beyond a small 'Overview' heading which could be missed.
Why it Matters
Users may not quickly understand their exact location within the app, reducing confidence and causing disorientation.
How to Fix
Add a prominent page title, breadcrumb trail, or contextual indicator above or within the main content area showing current section and subsection.
Issue Highlights
Lack of Clear Action or Navigation from Overview Section
Moderate
Flow & States Completeness
The Problem
The evidence status section presents multiple workflow states with counts but does not indicate any actionable buttons or links to drill into these categories or proceed with tasks.
Why it Matters
Users unsure how to act on the status overview may experience confusion or impede flow progression, reducing productivity or leading to abandonment of the audit process.
How to Fix
Add clear interactive elements such as buttons or links on each status category that allow users to view detailed lists or next steps related to those items.
Issue Highlights
Lack of visual emphasis on the main audit metric overview
Moderate
Strategic Design
The Problem
The main status overview with progress bars and counts is visually flat and blends with the rest of the content, lacking a strong focal point or hierarchy.
Why it Matters
Users may find it hard to quickly identify the most important data or metrics when scanning the dashboard, reducing immediate comprehension and user satisfaction.
How to Fix
Increase contrast, use more distinct visual elements or dynamic widgets to highlight key statistics and create a clear primary focus on the audit progress and statuses.
Issue Highlights
Active navigation states use subtle indicators
Minor
Navigation & Structure
The Problem
Active navigation items in the sidebar have a subtle circle and background highlight that might be difficult to detect quickly, especially for less visually sensitive users.
Why it Matters
Users may have to spend extra time confirming which section they are in, reducing efficiency.
How to Fix
Increase contrast and size of active indicators or use bolder highlights to improve clarity.
Issue Highlights
Dropdown with unclear purpose and redundant options
Minor
Efficiency & Cognitive Load
The Problem
There is a dropdown labeled 'All Sections 1' near the top center which appears unclear in function and might cause additional clicking without clear justification visible on screen.
Why it Matters
Extra micro-steps slow down user workflow and can cause confusion about which sections are being reviewed or need action.
How to Fix
Clarify the purpose of this dropdown and consider defaulting to the most common selection or automatically reflecting user context to reduce clicks.
Issue Highlights
Ambiguous dropdown interaction for section filtering
Minor
Strategic Design
The Problem
The 'All Sections' dropdown is visually subtle and the count '1' inside it might confuse users about whether filtering or selection is active.
Why it Matters
This ambiguity can hinder quick filtering or understanding of what subset of data is displayed, impacting user confidence and efficiency.
How to Fix
Make the dropdown and the active state more visually distinct and provide clearer interaction feedback (like highlight or separate filter tags).
Issue Highlights