Taxi Operations Dashboard
The dashboard excels in presenting complex data through clear visualizations and well-structured KPI cards, making it easy to interpret high-level insights at a glance. However, improvements could be made to reduce visual clutter and enhance the contrast and readability of smaller text elements for better accessibility.
Public
Design Score
Polish Opportunities
Design Perspectives
0To Review
Recommended Fixes by Impact
0Total
Fixes by Category
2
Color & Contrast2
Content Readability & Clarity4
Visual Consistency, Imagery & Media1
Navigation & Structure0
Conversion & Actions0
Tone, Friendliness & Delight4
Accessibility & Input Ergonomics4
Efficiency & Cognitive Load0
Flow & States Completeness2
Strategic DesignRecommended Fixes by Impact
0Critical
2Major
15Moderate
4Minor
High Density of Data Visualizations and Text Without Clear Visual Hierarchy
Major
Efficiency & Cognitive Load
The Problem
The dashboard displays many graphs, charts, tables, and KPI metrics in a compact space with minimal whitespace separating elements, making it visually busy and harder to scan quickly.
Why it Matters
Users may experience cognitive overload and slower data comprehension, reducing overall efficiency and increasing error risk when interpreting information.
How to Fix
Introduce stronger grouping and whitespace around related elements, simplify visuals where possible, and prioritize key data with clearer hierarchy and emphasis.
Issue Highlights
Multiple Overlapping Filter Options Increase Complexity
Major
Efficiency & Cognitive Load
The Problem
The filters for Date Range, Payment Method, Vendor, and Borough each provide multiple options and controls that require users to make several small decisions to narrow down data.
Why it Matters
Users face a higher cognitive load from processing many filtering controls, which can slow down task completion and cause frustration.
How to Fix
Consolidate filtering controls by using hierarchical or grouped filters, or offer preset filter combinations to reduce the number of individual selections users must make.
Issue Highlights
Sidebar Menu Icons and Text Contrast Too Low
Moderate
Color & Contrast
The Problem
The sidebar menu items have white icons and text on a dark blue (#132840 approx.) background. The contrast appears borderline and may fall below WCAG AA for normal text, especially for visually impaired users.
Why it Matters
Low contrast between text/icons and background can make navigation difficult for users with low vision or color vision deficiencies.
How to Fix
Increase the brightness or whiteness of the text and icons or darken the sidebar background. Ensure contrast ratio meets or exceeds 4.5:1 for normal text and icons.
Issue Highlights
Small date picker icons in Date Range filter
Moderate
Accessibility & Input Ergonomics
The Problem
The calendar icons next to the start and end date inputs appear quite small, likely below recommended minimum touch sizes of 44x44 pixels.
Why it Matters
Small tap targets make it difficult for users, especially those with motor impairments or using touch devices, to accurately select the icon without errors or frustration.
How to Fix
Increase the size of the calendar icons to meet recommended touch target minimum sizes, and add sufficient padding around the icons.
Issue Highlights
Small icons in Reporting Period section
Moderate
Accessibility & Input Ergonomics
The Problem
The calendar and reset icons/buttons in the Reporting Period filter are small and may require precise tap.
Why it Matters
Users might have difficulty tapping these small icons accurately, causing frustration or increased error rate.
How to Fix
Increase the size and touch area of these icons to at least 44x44 pixels, adding padding if needed.
Issue Highlights
Unclear timezone for Reporting Period and Last Refresh
Moderate
Ambiguous Date/Time/Timezone
The Problem
Dates for the 'Reporting Period' and the 'Last Refresh' time are provided without any timezone information, making it unclear in which timezone the times apply.
Why it Matters
Users in different timezones might misinterpret the exact date range or the recency of the data refresh, leading to incorrect conclusions about data freshness.
How to Fix
Add clear timezone indicators (e.g., EST, UTC) next to the date/time labels or provide a tooltip that explains the timezone used.
Issue Highlights
Top Borough Routes Table Text Columns Not Vertically Aligned
Moderate
Visual Consistency, Imagery & Media
The Problem
In the 'Top Borough Routes by Total Rides' table, the text in the columns (Pickup Borough, Dropoff Borough, Total Rides, % of Total) is not perfectly aligned in vertical order, some text elements appear slightly vertically off compared to their column headers.
Why it Matters
Misalignment in tabular data reduces readability and can cause users to misread important data points, increasing cognitive load.
How to Fix
Adjust padding and margins to align column text precisely under each header using consistent baseline grids and spacing.
Issue Highlights
Date Range Input Placeholder Text Contrast Too Low
Moderate
Color & Contrast
The Problem
The placeholder text inside the date range input boxes is a light gray on a white background, likely failing WCAG AA contrast ratio of 4.5:1 for normal text.
Why it Matters
Users may have difficulty reading placeholder text, leading to usability and data entry errors.
How to Fix
Darken the placeholder text color to improve contrast while maintaining the placeholder style.
Issue Highlights
Executive Summary text lacks emphasis
Moderate
Content Readability & Clarity
The Problem
The Executive Summary paragraph text is relatively small and uses a similar font weight to other texts nearby, which diminishes its prominence as a summary.
Why it Matters
Users may overlook this key summary text and miss critical insights synthesized from the data.
How to Fix
Increase the font size or weight of the Executive Summary text or use a distinct color or background highlight to create a clear visual hierarchy.
Issue Highlights
Dashboard Header Filters Vertically Misaligned
Moderate
Visual Consistency, Imagery & Media
The Problem
The filters for Date Range, Payment Method, Vendor, and Borough are not aligned along the same vertical baseline or horizontal grid, causing a slightly inconsistent appearance across the top controls.
Why it Matters
Misalignment in controls makes it harder for users to scan and compare filter groups visually, reducing the professional polished look.
How to Fix
Use consistent vertical and horizontal gutters and align all filter containers uniformly in the grid.
Issue Highlights
Unlabeled Icon Buttons Near Chart Controls
Moderate
Visual Consistency, Imagery & Media
The Problem
Next to the 'Daily Revenue by Payment Method' chart, there are two icon buttons without any visible text label or tooltip indication, making their function unclear.
Why it Matters
Unlabeled icons increase cognitive load as users must guess their purpose, potentially leading to misuse or avoidance.
How to Fix
Add descriptive tooltips or visible text labels to each icon button or provide clear ARIA labels for accessibility and clarity.
Issue Highlights
Dense filter options create many close click targets
Moderate
Navigation & Structure
The Problem
The filter section for Payment Method, Vendor, and Borough contains many adjacent button options with minimal spacing between them, increasing the risk of clicking the wrong filter.
Why it Matters
Users might select the wrong filter option unintentionally, causing confusion or frustration while trying to analyze the data.
How to Fix
Increase spacing between filter buttons or group filters differently to reduce the density of clickable elements.
Issue Highlights
Filter options in Payment Method filter spaced too tightly
Moderate
Accessibility & Input Ergonomics
The Problem
The payment method buttons (such as All, Cash, Credit Card, Dispute, etc.) appear placed closely with minimal horizontal spacing, increasing chance of mis-clicks.
Why it Matters
Close proximity of clickable buttons raises risk of users tapping the wrong filter option accidentally, reducing usability.
How to Fix
Increase horizontal spacing between filter option buttons to ensure distinct separation and reduce accidental taps.
Issue Highlights
Filter options in Borough filter are very close horizontally
Moderate
Accessibility & Input Ergonomics
The Problem
Options such as 'All', 'Manhattan', 'Queens', 'Brooklyn' are placed side by side with limited spacing, increasing the risk of inaccurate taps.
Why it Matters
Users on touch devices may accidentally select adjacent buttons due to insufficient spacing.
How to Fix
Add more horizontal spacing or padding between each borough filter button.
Issue Highlights
Executive Summary Requires Users to Recall Previous Period Numbers
Moderate
Efficiency & Cognitive Load
The Problem
The Executive Summary compares current period changes to the previous 59 days without showing prior period absolute values on-screen, relying on user memory or assumption.
Why it Matters
Users may struggle to contextualize percent changes without seeing baseline data, reducing confidence in interpreting the summary.
How to Fix
Display the previous period absolute numbers alongside percent changes in the summary or provide easy access to that historical data nearby.
Issue Highlights
Payment Method Filter Includes 'Unknown' and 'No Charge' Options Unclear to Most Users
Moderate
Efficiency & Cognitive Load
The Problem
The Payment Method filter includes several options that may be confusing or irrelevant for many users, such as 'No Charge' and 'Unknown', which requires extra effort to understand their meaning and relevance.
Why it Matters
Users might hesitate or be unsure which filters to apply, increasing task friction and decision fatigue.
How to Fix
Remove or hide less meaningful options by default and provide explanatory tooltips or documentation for these uncommon filter choices.
Issue Highlights
Overview tab highlight lacks strong visual emphasis
Moderate
Strategic Design
The Problem
The currently selected 'Overview' tab in the left navigation panel is indicated by a subtle background highlight and a yellow vertical bar, which may not be visually strong enough to immediately signal the active state compared to other navigation icons.
Why it Matters
Users may struggle to quickly identify which section they are viewing, reducing clarity and increasing cognitive load when navigating between sections.
How to Fix
Increase the contrast and prominence of the Overview tab's active state, such as using a stronger background color or larger indicator, to create a more distinctive and memorable highlight.
Issue Highlights
Different Accent Styles on Info Cards
Minor
Visual Consistency, Imagery & Media
The Problem
The four key metric cards below the Executive Summary use inconsistent shadow and glow effects behind their line charts and icons; the revenue card uses a yellow accent, trips is blue, passengers is purple, and average fare is green with different shadow densities and highlight styles.
Why it Matters
Inconsistent styling within a related set can distract and confuse users regarding the relationship and hierarchy of information.
How to Fix
Standardize the icon background colors and chart glow styles with a consistent approach for each metric card.
Issue Highlights
Ambiguous 'Daily' dropdown label
Minor
Content Readability & Clarity
The Problem
The dropdown labeled 'Daily' adjacent to the revenue chart does not specify what dimension or data aspect it controls (e.g., grouping frequency, chart granularity).
Why it Matters
Users may be unsure what changing this dropdown will affect, reducing clarity and effectiveness of filtering.
How to Fix
Add a more descriptive label such as 'Time Granularity' or 'Frequency' near the dropdown to clarify its purpose.
Issue Highlights
No clear active navigation state beyond 'Overview'
Minor
Orientation Missing (Environment/Role/Location)
The Problem
Only the 'Overview' menu item on the sidebar is highlighted, while there is no other visual indication or breadcrumb to confirm the current environment or deeper navigation context.
Why it Matters
Users may have difficulty understanding their exact location or role within the broader application without additional navigation context.
How to Fix
Add active state indicators or breadcrumbs for deeper navigation levels and provide contextual information about current environment or user role.
Issue Highlights
Reset Filters button is visually underemphasized
Minor
Strategic Design
The Problem
The 'Reset Filters' button in the top right has subdued styling which could be mistaken for a secondary label or info text rather than an interactive control.
Why it Matters
Users might overlook or not realize that they can quickly reset all filter selections, making it less efficient to manipulate data views.
How to Fix
Use a stronger button style such as a filled primary color or distinct outline to clearly communicate that this is a clickable CTA for resetting filters.
Issue Highlights