NYC Taxi Analytics Dashboard
The dashboard excels in displaying key metrics with clear visual hierarchy and intuitive filtering options that enhance data comprehension. However, improving color contrast for accessibility and adding more contextual tooltips or explanations could make the data insights easier to interpret for a wider range of users.
Public
Design Score
Polish Opportunities
Design Perspectives
0To Review
Recommended Fixes by Impact
0Total
Fixes by Category
3
Color & Contrast3
Content Readability & Clarity3
Visual Consistency, Imagery & Media2
Navigation & Structure0
Conversion & Actions0
Tone, Friendliness & Delight3
Accessibility & Input Ergonomics3
Efficiency & Cognitive Load2
Flow & States Completeness3
Strategic DesignRecommended Fixes by Impact
1Critical
5Major
14Moderate
4Minor
No visible primary navigation menu
Critical
Navigation & Structure
The Problem
There is no visible primary navigation menu such as tabs, side menu, or top navigation bar to navigate between different sections or views. Only filters and data widgets are visible, making it unclear how users should move through the app or dashboard.
Why it Matters
Without clear primary navigation, users may be unable to easily explore the application or access other relevant features, leading to high bounce risk or abandonment.
How to Fix
Implement a visible, clearly labeled primary navigation menu in the header or sidebar area to allow users to move between different dashboard views or modules.
Issue Highlights
Missing clear user context or role indication
Major
Orientation Missing (Environment/Role/Location)
The Problem
The dashboard displays the project title but lacks explicit information or visual cues indicating the user's current location, environment, or role within the application. There is no breadcrumb or highlighted navigation to clarify where the user is or their permissions or role context.
Why it Matters
Users may feel disoriented or uncertain about where they are within the broader application, increasing cognitive load and potential confusion, especially if this is part of a larger system.
How to Fix
Add clear navigational indicators such as breadcrumbs or highlighted menu states and include role or environment context if relevant, placed consistently in the header or a sidebar.
Issue Highlights
Date picker sliders have small draggable handles
Major
Accessibility & Input Ergonomics
The Problem
The circular handles on the date range slider appear small, likely below the recommended 44-48px tap target size for touch devices.
Why it Matters
Small touch targets increase the chance of input errors and user frustration when adjusting the date range, especially on mobile or tablet devices.
How to Fix
Increase the touch target size of the slider handles to at least 44-48px diameter by expanding the interactive area without necessarily increasing the visual size.
Issue Highlights
Lack of Clear Next Step or Call to Action
Major
Flow & States Completeness
The Problem
The dashboard presents multiple filters, data metrics, and charts, but there is no clear next step or call to action on how to proceed after reviewing the data. No buttons or guidance suggest filtering again, exporting data, or drilling down on metrics.
Why it Matters
Users may be confused about what to do next after viewing the dashboard, leading to potential drop-off or inefficient use of the interface.
How to Fix
Add clear actionable buttons or guidance such as 'Apply Filters', 'Export Report', 'View Details', or tutorial hints for next steps after analyzing the data.
Issue Highlights
Lack of Visual Hierarchy to Emphasize Key Insights
Major
Strategic Design
The Problem
The dashboard presents several metrics and charts with similar visual weight, making it difficult to quickly identify the most important insight or trend.
Why it Matters
Users may struggle to prioritize information efficiently, reducing their ability to quickly act on the most critical data.
How to Fix
Enhance visual hierarchy by emphasizing top-level KPIs with larger fonts, distinct colors, or placement and consider summarizing key insights at the top.
Issue Highlights
Missing units on line chart sparkline trend indicators
Major
Visual Consistency, Imagery & Media
The Problem
The small line charts in the metric cards show trend data without units or labelled axes, so the exact meaning of the values is unclear.
Why it Matters
Without units or clear labels, users may misinterpret the data trends or be unsure of their significance, reducing trust and comprehension.
How to Fix
Add units or axis labels to clarify what the trend lines represent.
Issue Highlights
Low contrast on date labels in date range selector
Moderate
Color & Contrast
The Problem
The text 'Jan 1' and 'Feb 29' in the date range selector use a light blue color on a light gray background, resulting in low contrast that likely fails WCAG AA for normal text.
Why it Matters
Low contrast text is harder to read, especially for users with visual impairments or in poor lighting conditions, which may cause them to miss important date range information.
How to Fix
Use a darker color for the date labels or increase the background darkness to ensure the text-to-background contrast ratio meets at least WCAG AA (4.5:1 for normal text).
Issue Highlights
Reporting period date range lacks timezone context
Moderate
Ambiguous Date/Time/Timezone
The Problem
The reporting period is clearly labeled with dates "Jan 1 - Feb 29, 2024" but provides no timezone or time context, which could be important for interpreting when data was captured or is current to.
Why it Matters
Users may misinterpret the exact timing or currency of data if time zone considerations impact data cut-off or update times.
How to Fix
Add explicit timezone or timing context (e.g., 'All times in EST') next to the date range to reduce ambiguity.
Issue Highlights
Inconsistent vertical alignment of the three metric cards
Moderate
Visual Consistency, Imagery & Media
The Problem
The three key metric cards for Total Revenue, Number of Trips, and Passengers Carried are slightly misaligned vertically, causing visual imbalance in the layout.
Why it Matters
Misalignment reduces visual harmony and can distract users, making the dashboard appear less polished and professional.
How to Fix
Adjust the vertical positioning or margins of the metric cards to ensure they align on a consistent baseline.
Issue Highlights
Unlabeled icons in filter selectors and metric cards
Moderate
Visual Consistency, Imagery & Media
The Problem
Icons used in the filter sections (calendar, payment, vendor) and metric cards (dollar sign, car, passengers icon) lack text labels or tooltips to explain their meaning.
Why it Matters
Users unfamiliar with these icons may have difficulty understanding their purpose or associating them accurately with the metric or filter.
How to Fix
Provide visible text labels or accessible tooltips for all icons to improve clarity.
Issue Highlights
Payment method filter buttons have small tap targets
Moderate
Accessibility & Input Ergonomics
The Problem
The payment method buttons such as 'Cash', 'Credit Card', etc., have small padding and limited vertical height, likely smaller than recommended comfortable touch sizes.
Why it Matters
Small tap targets make it harder for users to accurately select payment methods, resulting in errors or frustration on touch devices.
How to Fix
Increase vertical padding and width of buttons to ensure tap targets are at least 44-48px in both dimensions.
Issue Highlights
Vendor filter buttons have small tap targets
Moderate
Accessibility & Input Ergonomics
The Problem
The vendor selection buttons like 'Creative Mobile Tech.', 'VeriFone', and 'Unknown' are visually small and have limited padding, likely below recommended touch target size.
Why it Matters
Small tap targets increase difficulty for users to accurately select filter options, especially on mobile or touch screens.
How to Fix
Increase padding and overall size of these buttons to meet minimum size guidelines for touch targets (44-48px).
Issue Highlights
Too many filter options for Payment Method and Vendor
Moderate
Efficiency & Cognitive Load
The Problem
Users must choose between multiple payment methods (Cash, Credit Card, Dispute, No Charge, Unknown) and vendors (Creative Mobile Tech., VeriFone, Unknown), increasing cognitive load with many similar decision points in a single view.
Why it Matters
Having multiple similar filters displayed side-by-side forces users to evaluate many options at once, which can increase cognitive load and delay decision-making.
How to Fix
Combine or simplify filter options, or use progressive disclosure to show less frequently used choices only upon interaction.
Issue Highlights
Low contrast for light gray metadata text below total revenue
Moderate
Color & Contrast
The Problem
The text '$159,529,175 across all fares' below total revenue uses a light gray color on a white background, resulting in low contrast that likely fails WCAG AA for normal text.
Why it Matters
Users with low vision or color deficiencies may struggle to read this supporting data, reducing comprehension of revenue context.
How to Fix
Darken the text color to increase contrast or use a slightly darker background behind the metadata text to ensure at least WCAG AA contrast.
Issue Highlights
Row labels in 'Rides by Borough Pair' table resemble data values
Moderate
Content Readability & Clarity
The Problem
The pickup and dropoff borough names use a typeface and weight similar to numeric ride counts, with minimal differentiation or spacing, causing lower text hierarchy and potential confusion between label and data columns.
Why it Matters
Poor hierarchy can cause users to slow down and expend extra effort differentiating labels from data, impacting usability.
How to Fix
Increase font weight or use a distinct style (e.g., italics or color) for row labels, or add more cell padding to clearly separate labels from numeric data.
Issue Highlights
Dense cluster of small filter options with unclear grouping
Moderate
Navigation & Structure
The Problem
Several filter option groups (Payment Method, Vendor) display multiple small clickable pills tightly packed together. The pills have mixed highlight states and similar sizes, which may cause users difficulty in quickly scanning or selecting filters.
Why it Matters
Dense and visually similar controls can slow user interaction and increase errors in selecting filters, reducing usability and efficiency.
How to Fix
Increase spacing between filter pills, clarify grouping with stronger visual separation, or consider alternative UI components like dropdowns or multi-select controls.
Issue Highlights
User must remember previous filter choices applied
Moderate
Efficiency & Cognitive Load
The Problem
The UI shows selected date range and filters but does not summarize how these filters impact the data visuals below, requiring users to remember which filters are active as they interpret complex charts and tables.
Why it Matters
Users may forget which filters are active while analyzing multiple data sections, leading to confusion or misinterpretation of the data.
How to Fix
Add clear, persistent summaries or highlights of active filters near data visualizations to maintain context.
Issue Highlights
Low contrast in table column headings 'PICKUP', 'DROPOFF', 'RIDES'
Moderate
Color & Contrast
The Problem
The table column headings use a medium gray color that blends with the white background, resulting in text contrast likely below WCAG AA standards for headings.
Why it Matters
Low contrast headers make scanning table content more difficult, reducing usability for users with visual impairments.
How to Fix
Increase the darkness or saturation of the header text color or add a subtle background shade behind the header row to improve text contrast.
Issue Highlights
No Interaction or Feedback Mechanism After Filter Selection
Moderate
Flow & States Completeness
The Problem
Filter selections like Date Range, Payment Method, and Vendor are visible but there is no visible button or mechanism to apply or reset these filters explicitly, which can make users unsure if changes took effect or how to finalize them.
Why it Matters
Users might repeatedly change filters without knowing if the dashboard updates, causing frustration or confusion.
How to Fix
Provide clear interactive controls such as 'Apply', 'Reset Filters', or instant visual feedback confirming filter application.
Issue Highlights
Date Range Filter Placement Not Aligned with Reporting Period Context
Moderate
Strategic Design
The Problem
The 'Date Range' selector is at the top left, but the fixed 'Reporting Period' text is separated and on the right side at the header level, possibly causing confusion about which filter is active or how they relate.
Why it Matters
Users might misinterpret the reporting period, leading to mistakes in reading or filtering data.
How to Fix
Place the reporting period information closer to or integrated with the date range selector to clarify the current reporting timeframe.
Issue Highlights
Date range slider labels lack clear emphasis and hierarchy
Minor
Content Readability & Clarity
The Problem
The date range slider labels "Jan 1" and "Feb 29" appear similar in font weight and size to other less important labels, causing them to blend visually and reducing the user's ability to quickly scan the selected date range.
Why it Matters
Users may struggle to quickly identify or understand the active date range filter, impacting ease of use and reducing clarity.
How to Fix
Increase font weight or size for the slider date labels or use a distinct color to create stronger visual hierarchy compared to surrounding text.
Issue Highlights
Vendor Filter Uses Truncated Text with Ellipsis
Minor
Strategic Design
The Problem
The selected vendor filter button shows truncated text ('Creative Mobile Tech.'), making the full name unclear.
Why it Matters
Users may not understand which vendor is selected fully, which can cause confusion in filtering and interpreting data.
How to Fix
Allow full vendor names to display or provide tooltip/hover text to reveal truncated content.
Issue Highlights
Unknown vendor option label is vague
Minor
Content Readability & Clarity
The Problem
The 'Unknown' vendor button is labeled simply as 'Unknown' without additional context, making it unclear if it refers to unknown vendors, unassigned, or other categorizations.
Why it Matters
Ambiguous labels can confuse users when interpreting filter or data groupings, reducing comprehension of the data selection and results.
How to Fix
Clarify the label to something more specific such as 'Vendor Unknown' or 'Unassigned Vendor'.
Issue Highlights
Multiple small charts and tables visually compete for attention
Minor
Efficiency & Cognitive Load
The Problem
The screen contains several small line charts, bar charts, and detailed tables densely packed, which can create visual clutter and distract user focus from key data points.
Why it Matters
Visual clutter increases cognitive effort to prioritize information, potentially slowing task completion.
How to Fix
Prioritize and simplify visual elements by increasing whitespace or progressively disclosing less critical data.
Issue Highlights