Clinical Services Dashboard
The interface has a clean layout with a clear hierarchy, making it easy to navigate through services and relevant metrics. However, the data table could benefit from stronger visual separation and more filtering options to improve data scanning and interaction efficiency.
Public
Design Score
Polish Opportunities
Design Perspectives
0To Review
Recommended Fixes by Impact
0Total
Fixes by Category
2
Color & Contrast1
Content Readability & Clarity4
Visual Consistency, Imagery & Media1
Navigation & Structure1
Conversion & Actions1
Tone, Friendliness & Delight2
Accessibility & Input Ergonomics3
Efficiency & Cognitive Load2
Flow & States Completeness2
Strategic DesignRecommended Fixes by Impact
0Critical
2Major
15Moderate
4Minor
Duration field shows invalid content for therapy sessions
Major
Strategic Design
The Problem
The 'Duration' column for 'Cognitive Behavioral Therapy' shows the text 'Therapy' instead of a time duration, which is inconsistent with other entries that show durations in minutes.
Why it Matters
Users expect consistent data formats in tables for easy scanning and comparison. Mislabeling duration as 'Therapy' instead of a time value can cause confusion about session length.
How to Fix
Replace the 'Therapy' text under the Duration column with the actual time duration for the session, e.g., '60 mins' or the correct time value.
Issue Highlights
No visible primary action after viewing or selecting a service
Major
Flow & States Completeness
The Problem
The list of services is displayed, but there is no clear call to action or next step indicated after viewing or selecting a service. It is not obvious how a user can edit, book, or manage individual services from this screen.
Why it Matters
Users may be confused about how to proceed with managing or interacting with the listed services, potentially causing delays or abandonment.
How to Fix
Add clear action buttons or links, such as 'Edit', 'View Details', or 'Book Service' on each row or when a row is selected to guide users on what to do next.
Issue Highlights
Low contrast for secondary text in the service description
Moderate
Color & Contrast
The Problem
The secondary service descriptions under 'Service Name' such as 'Individual session' and 'New patient intake' use a light gray color that appears low contrast against the white card background, likely below WCAG AA standards (4.5:1).
Why it Matters
Users with mild vision impairments or in bright environments may find this text hard to read, reducing the clarity of service details.
How to Fix
Increase the contrast by using a darker gray or black for secondary text to meet at least WCAG AA (4.5:1) contrast ratio.
Issue Highlights
Unclear timezone for current shift time
Moderate
Ambiguous Date/Time/Timezone
The Problem
The 'Current shift: 8:00 AM - 3:00 PM' label does not include any timezone information, which makes it ambiguous for users in different regions or when accessing remotely.
Why it Matters
Users might misinterpret the shift time if they are in different timezones or communicating across regions, potentially causing scheduling errors or confusion.
How to Fix
Add explicit timezone information (e.g., IST, UTC+5:30) next to the shift time to clarify the exact hours.
Issue Highlights
Weak distinction between service names and descriptions
Moderate
Content Readability & Clarity
The Problem
In the Services Catalog table, service names and their descriptions appear similar in size and weight, reducing clear scannability and hierarchy between primary and secondary information.
Why it Matters
Users may struggle to quickly identify main service names versus their descriptions, slowing comprehension and increasing cognitive load.
How to Fix
Increase the font weight or size of service names, and differentiate the description with slightly smaller or lighter text to create a clearer visual hierarchy.
Issue Highlights
Inconsistent styling of status badges in summary cards
Moderate
Visual Consistency, Imagery & Media
The Problem
The status badges on the summary cards have inconsistent background colors and labels: '+3 New' is green with a plus sign, 'Current' is gray, 'Average' is blue, and 'Top' is light gray. The badge styles and label formats vary without clear uniformity.
Why it Matters
Inconsistent styling can confuse users as they may interpret differently styled badges as having different importance or meanings, increasing cognitive load and reducing visual coherence.
How to Fix
Standardize badge colors and formats across all summary cards, defining styles for statuses such as 'New', 'Current', 'Average', and 'Top' that maintain consistent backgrounds, font weight, and label styles.
Issue Highlights
Dense Sidebar Navigation with Multiple Sections and Items
Moderate
Navigation & Structure
The Problem
The sidebar contains numerous navigation links grouped under several headings (General, Clinical Records, Finance) with limited spacing and no visual grouping other than small headings, making it appear crowded and dense.
Why it Matters
Users might find it difficult to quickly scan and select desired navigation options, leading to slower task completion and potential misclicks or navigation errors.
How to Fix
Increase spacing between items and headings, add more distinct visual grouping or collapsible sections to reduce clutter and improve scanability.
Issue Highlights
No trust signal near 'Add Service' button
Moderate
Tone, Friendliness & Delight
The Problem
The + Add Service button is a critical action that could significantly change clinical offerings but lacks trust signals such as confirmation prompts, security indicators, or reassurances about data handling.
Why it Matters
Users may hesitate or feel uncertain about adding new services if they do not see reassurance or confirmation, potentially leading to errors or reduced platform confidence.
How to Fix
Add trust signals such as tooltips explaining safe data handling, confirmation dialogs, or small reassuring text near the button emphasizing secure and reversible actions.
Issue Highlights
Therapist avatars have small tap targets
Moderate
Accessibility & Input Ergonomics
The Problem
Therapist profile images in the Services Catalog column are small circular icons, likely smaller than recommended tap target size (about 24x24px or less), requiring precise tapping.
Why it Matters
Small tap targets can make it difficult for users, especially on touch devices, to select the intended avatar without error, leading to frustration or missed interactions.
How to Fix
Increase the size of the therapist avatar icons to at least 44x44 pixels or provide additional padding around them to facilitate easier tapping.
Issue Highlights
Multiple Filters and Search Field Require Frequent Separate Interactions
Moderate
Efficiency & Cognitive Load
The Problem
The Services Catalog includes three separate controls for filtering and searching: a search input and two dropdown filters (All Categories and All Status). Each requires a separate click and decision, increasing micro-steps to find specific services.
Why it Matters
Users need to perform multiple small actions to narrow down their search, which increases cognitive load and time spent on finding relevant items.
How to Fix
Combine search and filter options into a single, integrated control or provide an immediate filtering mechanism that reduces the need to apply multiple separate filters.
Issue Highlights
Empty or inconsistent rate for 'Cognitive Behavioral Therapy'
Moderate
Strategic Design
The Problem
The 'Rate' column for 'Cognitive Behavioral Therapy' shows no price, making it inconsistent with other services that have a monetary value.
Why it Matters
Lack of price information leads to incomplete details for users trying to understand service costs, potentially causing frustration or hesitation in booking.
How to Fix
Add the correct rate for the 'Cognitive Behavioral Therapy' service to the Rate column for consistency and clarity.
Issue Highlights
Misaligned therapist avatars and names in services table
Moderate
Visual Consistency, Imagery & Media
The Problem
The therapist avatar images and corresponding names in the 'Therapist' column are not consistently aligned vertically, with some avatars appearing slightly offset or misaligned relative to the names or to each other.
Why it Matters
Misalignment of avatar and text reduces readability and visual balance, making the table look less professional and harder to scan quickly.
How to Fix
Ensure vertical alignment of therapist avatar images and their corresponding names using consistent spacing and baseline alignment within table cells.
Issue Highlights
No Clear Active Navigation Indicator for Current Page
Moderate
Orientation Missing (Environment/Role/Location)
The Problem
The left sidebar navigation highlights 'Appointments' as active, but the main content is clearly showing 'Services' page with no active state on 'Services' in the sidebar. This creates confusion about the user's current location in the app.
Why it Matters
Users may not understand which section they are in, increasing cognitive load and causing frustration or disorientation during navigation.
How to Fix
Update the sidebar to clearly highlight the 'Services' menu item when the user is on the Services page, using consistent active states and possibly breadcrumbs or page title.
Issue Highlights
Secondary CTAs lack clear hierarchy against primary action
Moderate
Conversion & Actions
The Problem
The page has a prominent blue '+ Add Service' button as the primary CTA, but other interactive elements like pagination and category filters do not visually distinguish secondary CTAs clearly, which may confuse users about the main action path.
Why it Matters
Users might hesitate or be unsure about the primary next step to take on this screen, potentially reducing conversion or timely actions.
How to Fix
Use visual hierarchy cues such as color, size, or placement to separate the primary CTA from secondary controls like filters and pagination links.
Issue Highlights
Days of week buttons in Available Day column too close
Moderate
Accessibility & Input Ergonomics
The Problem
The day buttons (e.g., Mon, Wed, Tue, Thu) under the Available Day column are small and spaced closely horizontally, likely less than 8px gap between controls.
Why it Matters
Closely spaced small buttons increase the risk of accidental taps on the wrong day, causing user errors and frustration during scheduling or selection.
How to Fix
Increase horizontal spacing between day buttons or increase padding inside each button to achieve larger tap targets and clear separation.
Issue Highlights
User Must Remember Service Booking Details From Summary Cards
Moderate
Efficiency & Cognitive Load
The Problem
Summary cards at the top show metrics like Most Booked service and Avg. Session Rate but do not link or highlight how these relate to individual service entries below, causing the user to recall this info mentally when scanning the catalog.
Why it Matters
Users need to hold these summary figures in memory while reviewing the detailed table, increasing cognitive load and risk of errors or missed insights.
How to Fix
Link summary data with the service list using visual highlights or inline annotations to provide immediate context.
Issue Highlights
No call to action after 'Showing 1-6 of 24 services' pagination
Moderate
Flow & States Completeness
The Problem
Pagination controls exist to navigate between pages of services, but there is no indication of what happens after page selection or if additional actions are available for selected services.
Why it Matters
Users may expect an additional step or functionality after navigating pages but find no clear instructions or options, leading to uncertainty.
How to Fix
Provide tooltips or hints about what users can do after pagination or enable quick actions on service rows.
Issue Highlights
Low contrast for pagination text and controls
Minor
Color & Contrast
The Problem
The pagination control text and inactive page numbers use a light gray that is low contrast against the white background, likely below WCAG AA contrast ratio 4.5:1.
Why it Matters
Users with low vision or in poor lighting conditions might struggle to clearly identify pagination controls.
How to Fix
Use a darker color for inactive page numbers and ensure all pagination controls meet the contrast standard of at least 4.5:1.
Issue Highlights
Missing unit label for 'Active Services' percentage
Minor
Visual Consistency, Imagery & Media
The Problem
The 'Active Services' summary card shows '75% of total services' below the count 18, but the meaning of this percentage is not clearly labeled or contextually explained as either a proportion or rate.
Why it Matters
Users could misinterpret the percentage value or be unsure what it refers to, diminishing clarity in dashboard metrics.
How to Fix
Add a clear unit or description near the percentage, such as 'Percentage of total services active' or include a legend to clarify the metric.
Issue Highlights
Pagination control and bottom text left alignment mismatch
Minor
Visual Consistency, Imagery & Media
The Problem
The text 'Showing 1-6 of 24 services' is aligned left near the bottom of the catalog, whereas the pagination controls are aligned to the right side, not vertically aligned with the summary text.
Why it Matters
Misaligned elements at the bottom of the table can create visual tension and make navigation controls feel disconnected from relevant data text, reducing fluidity in user experience.
How to Fix
Align the pagination controls and summary text horizontally with consistent margins or group them visually to create a balanced footer area.
Issue Highlights
Multiple Small Status Tags and Labels Add Visual Complexity
Minor
Efficiency & Cognitive Load
The Problem
Each service card and summary card has many small status badges (e.g., 'New', 'Current', 'Top', 'Average'), which require users to interpret multiple micro-status indicators at a glance.
Why it Matters
These small tags create subtle visual competition and add unnecessary decisions about their importance, which can distract from the primary task of reviewing service data quickly.
How to Fix
Consolidate or remove less critical tag labels, focusing on only the most important status indicators to reduce visual noise.
Issue Highlights