Client Management Dashboard
The interface excels in clear organization and concise presentation of client data, combining summary metrics with detailed tables for efficient navigation. However, improvements can be made in enhancing the visual differentiation of actions and statuses, as well as optimizing space usage to reduce cognitive load on users managing extensive client information.
Public
Design Score
Polish Opportunities
Design Perspectives
0To Review
Recommended Fixes by Impact
0Total
Fixes by Category
5
Color & Contrast2
Content Readability & Clarity4
Visual Consistency, Imagery & Media2
Navigation & Structure1
Conversion & Actions1
Tone, Friendliness & Delight3
Accessibility & Input Ergonomics4
Efficiency & Cognitive Load3
Flow & States Completeness2
Strategic DesignRecommended Fixes by Impact
1Critical
3Major
21Moderate
5Minor
Delete Client Action Lacks Confirmation
Critical
Destructive Action Without Safeguard (Confirm/Undo)
The Problem
The 'Delete Client' action is accessible directly from a dropdown menu without any visible confirmation or undo safeguard.
Why it Matters
Users might accidentally delete client records, leading to loss of important data which can be difficult or impossible to recover.
How to Fix
Add a modal confirmation step or an undo option after deletion to prevent accidental permanent removal of client data.
Issue Highlights
Metrics cards missing unit labels for key data points
Major
Visual Consistency, Imagery & Media
The Problem
The metrics cards for 'Total Clients', 'Appointments Today', 'Active Clients', and 'Upcoming Sessions' present numeric values without clear indication of units or context for percentage indicators.
Why it Matters
Lack of units or explanatory labels can create ambiguity about the nature or scale of the numbers, reducing user confidence in interpreting the data properly.
How to Fix
Add clear unit labels or tooltips next to each metric showing what the numbers and percentages represent.
Issue Highlights
Lack of Confirmation or Warning for Deleting Client
Major
Tone, Friendliness & Delight
The Problem
The 'Delete Client' action is shown as a dropdown menu option without visible confirmation or reassurance prompts in the screenshot.
Why it Matters
Deleting a client is a sensitive action that could lead to data loss. Lack of confirmation or trust signals may cause user anxiety or accidental deletion.
How to Fix
Add clear confirmation dialogs and reassuring messages before the delete action is executed to ensure the user understands the implications.
Issue Highlights
No Indication of Loading State Between Clients List and Client Detail
Major
Flow & States Completeness
The Problem
When transitioning from the clients list to a client's detailed view, there is no visible loading or transition state, which could cause uncertainty if the detail data takes time to load.
Why it Matters
Without a loading indicator, users may think the app is unresponsive or broken, causing unnecessary waiting, confusion, or repeated actions.
How to Fix
Implement a loading spinner or skeleton placeholder in the client detail area when fetching client data.
Issue Highlights
Unclear timezone context for session times in Last Session and Next Session
Moderate
Ambiguous Date/Time/Timezone
The Problem
Session times such as 'Mar 18, 2026' and 'Mar 25, 2026' in Quick Stats and Last Session sections do not specify the timezone, while the top header shows 'Current shift: 8:00 AM - 3:00 PM' without explicit timezone. This creates ambiguity about the exact timing of scheduled sessions.
Why it Matters
Users may misinterpret session times, causing scheduling errors or missed appointments if timezone context is unclear.
How to Fix
Include explicit timezone info next to session times or clearly define timezone context in the session detail areas.
Issue Highlights
Small ellipsis menu button on client details page
Moderate
Accessibility & Input Ergonomics
The Problem
The three-dot ellipsis button for the dropdown menu located top right on the client details page is visually small and may be difficult to tap comfortably.
Why it Matters
Small buttons require more precise taps, which can frustrate users and cause mis-taps on touchscreens.
How to Fix
Increase button size to meet minimum target size recommendations and add padding around the icon.
Issue Highlights
Low contrast for secondary sidebar menu text
Moderate
Color & Contrast
The Problem
The sidebar menu text such as 'Appointments', 'Calendar', 'Services', and other menu items appear in a light gray color on a white background, resulting in low contrast likely below WCAG AA ratio of 4.5:1 for normal text.
Why it Matters
Users with mild visual impairments or in brightly lit environments may find the sidebar menu items difficult to read, reducing usability and accessibility.
How to Fix
Increase the text color contrast by using a darker gray or black for sidebar menu items to meet at least WCAG AA contrast ratio of 4.5:1 for normal text.
Issue Highlights
Low contrast for action icons in client list
Moderate
Color & Contrast
The Problem
The action icons for 'View details', 'Therapy notes', and 'View invoices' in the client list are small and use a light gray tone on a white background, likely resulting in insufficient contrast below WCAG AA 3:1 for graphical objects.
Why it Matters
Users may have difficulty identifying or activating these icon controls, limiting access to important functions.
How to Fix
Use a darker gray or a contrasting color for icons to improve visibility and meet the minimum contrast ratio of 3:1 for non-text elements.
Issue Highlights
Low contrast for inactive pill status labels
Moderate
Color & Contrast
The Problem
The status pills labeled 'Inactive' in soft red and other light pastel colors have text contrast that appears insufficient against their background colors, likely failing WCAG AA contrast ratio 3:1 for UI components.
Why it Matters
Users may not easily distinguish status labels, leading to confusion about client status.
How to Fix
Adjust text or background colors of pills to ensure at least 3:1 contrast ratio between text and background, enhancing readability.
Issue Highlights
Inconsistent vertical alignment of table rows in Client Database
Moderate
Visual Consistency, Imagery & Media
The Problem
Rows in the Client Database table on the left screen show inconsistent vertical alignment between text and avatar/profile icons, causing a visually off-grid appearance.
Why it Matters
Improper alignment can cause visual confusion and reduce readability, making it harder for users to compare and scan information efficiently.
How to Fix
Ensure that the text and avatar/profile components within each table row are vertically centered and aligned consistently.
Issue Highlights
Dense client database table with closely spaced action icons
Moderate
Navigation & Structure
The Problem
The client database table presents many rows and columns with small action icons tightly spaced in the 'Actions' column, which can lead to difficulty distinguishing and accurately clicking the correct action.
Why it Matters
Users may struggle to quickly and accurately perform actions on clients, leading to frustration and errors.
How to Fix
Increase spacing between action icons or group them into a single dropdown menu to reduce visual clutter and misclicks.
Issue Highlights
Action menu items are too close together
Moderate
Accessibility & Input Ergonomics
The Problem
The dropdown menu under Actions in the client list contains multiple small clickable items that appear tightly spaced vertically, requiring precise taps.
Why it Matters
Users may have difficulty accurately tapping the desired option, leading to errors or frustration.
How to Fix
Increase vertical spacing or padding between menu items to ensure easier and more accurate tapping on touch devices.
Issue Highlights
Multiple Small Action Buttons In Client List Add Micro-Steps
Moderate
Efficiency & Cognitive Load
The Problem
Each client row has separate view details and actions buttons that open overlays with further actions (Therapy notes, View invoices), causing multiple micro-steps to access key functions.
Why it Matters
Users must perform multiple clicks just to access important client information, increasing time and cognitive effort to complete tasks.
How to Fix
Consolidate actions into a single dropdown or expand-in-place panel to reduce micro-steps while maintaining access to all functions.
Issue Highlights
Large Info Cards and Excess Visual Grouping Clutter Screen
Moderate
Efficiency & Cognitive Load
The Problem
The client overview screen contains multiple visually prominent info cards and grouped sections (Personal Information, Quick Stats, Last Session Status, Upcoming Appointments), creating visual clutter and multiple focal points.
Why it Matters
This visual density can distract users and make it harder to focus on primary actionable tasks, reducing efficiency.
How to Fix
Simplify by collapsing less critical info, using tabs, or reducing card sizes to focus user attention on key next steps.
Issue Highlights
Unclear Action After Viewing Client Details
Moderate
Flow & States Completeness
The Problem
On the Clients page, after clicking 'View details' for a client, the user is taken to the client detail page which does not provide an obvious next step to proceed further such as editing client info or starting a new session without exploring menus.
Why it Matters
Users may get stuck or confused about what they should do next after viewing the details, leading to inefficiency or frustration in managing client information.
How to Fix
Add prominent primary actions such as 'Edit Client Info', 'Schedule Session', or 'Return to Clients List' clearly visible on the client detail screen to guide users.
Issue Highlights
Client List Page Lacks Visual Hierarchy
Moderate
Strategic Design
The Problem
The client list page presents many data points in a uniform table style without clear visual hierarchy or highlighting of key actionable items, making it harder for users to quickly scan and prioritize.
Why it Matters
Users may struggle to quickly process important information on clients such as status changes or upcoming sessions, which can reduce efficiency and increase cognitive load.
How to Fix
Use stronger visual differentiation like bold headings, colored status badges, or actionable buttons prominent above less critical information to guide user focus.
Issue Highlights
Low contrast for placeholder text in search input
Moderate
Color & Contrast
The Problem
The placeholder text 'Search patients, appointments...' in the search box near the top center is rendered in a light gray color on a white background, resulting in low contrast likely below WCAG AA ratio for placeholder text.
Why it Matters
Users with visual impairments or low vision may not easily see the placeholder text, reducing discoverability of the search function.
How to Fix
Increase the contrast of placeholder text by using a darker gray or a blue shade that passes at least WCAG AA contrast requirements for placeholder text.
Issue Highlights
Lack of clear text hierarchy in Client Overview section
Moderate
Content Readability & Clarity
The Problem
In the Client Overview section on the right panel, the labels such as DATE OF BIRTH, EMERGENCY CONTACT, BLOOD TYPE, ADDRESS, etc., are visually similar in size and weight to their corresponding values, making it hard to quickly distinguish between label and content. The font size appears uniform, without clear emphasis hierarchy.
Why it Matters
Users may struggle to quickly scan and differentiate important labels from their values, reducing efficiency when looking for specific client information.
How to Fix
Use a clear visual hierarchy with label text styled smaller, lighter, or in uppercase, and values in a more prominent font weight or size for easy scanning.
Issue Highlights
Unlabeled vertical ellipsis icons in Client Database Actions column
Moderate
Visual Consistency, Imagery & Media
The Problem
Each row in the Client Database has a vertical ellipsis icon that opens contextual menu options on hover/click, but there is no visible label or tooltip on the icon itself indicating its function.
Why it Matters
Users may not immediately understand the purpose of the icon, leading to confusion or missed functionality.
How to Fix
Add visible labels or tooltips to the vertical ellipsis icons to clarify their function as action menus.
Issue Highlights
Lack of clear location orientation on client detail page
Moderate
Orientation Missing (Environment/Role/Location)
The Problem
On the client detail page, while the sidebar highlights 'Clients', the main content area lacks a clear breadcrumb or page title to convey precise location within the client details or session history.
Why it Matters
Users may become unsure about their current context or where they are within the application, especially when navigating back and forth across sections.
How to Fix
Add a clear breadcrumb trail or a distinct page header showing the exact current location, e.g. 'Clients > Saina Patel > Overview'.
Issue Highlights
Vague Label on Export Button
Moderate
Conversion & Actions
The Problem
The 'Export' button label does not specify the type or format of data that will be exported.
Why it Matters
Users might hesitate or be confused about what will happen when clicking 'Export', reducing clarity and potentially causing hesitation or errors.
How to Fix
Use a more descriptive button label such as 'Export Clients CSV' or add a tooltip explaining the export details.
Issue Highlights
Small icon buttons without adequate padding in client list row
Moderate
Accessibility & Input Ergonomics
The Problem
The small icon buttons for 'View details' actions have small dimensions with minimal spacing around the icon inside the clickable area.
Why it Matters
Small tap targets increase the likelihood of missed taps or accidental activation of nearby functions.
How to Fix
Increase the size of these buttons to at least 44x44 pixels with adequate padding to meet accessibility touch target guidelines.
Issue Highlights
Treatment Goals Require User To Recall Details Across Page
Moderate
Efficiency & Cognitive Load
The Problem
Treatment goals are listed as separate bullet points with radio buttons, but no context or explanation is given on-screen about who is selecting or changing these goals or their current status.
Why it Matters
Users may have to remember prior session details or treatment discussions off-screen, increasing cognitive load and chance of errors.
How to Fix
Provide visible labels or tooltips explaining purpose of selection or show current goal status to reduce memory reliance.
Issue Highlights
Client Detail Page Sidebar Stats Lack Distinction
Moderate
Strategic Design
The Problem
The quick stats and last session status boxes on the right sidebar appear visually similar and lack strong differentiation or prominent call to actions for deeper exploration or next steps.
Why it Matters
Users may not intuitively identify the next important actions or insights from these stats, reducing proactive engagement and efficient workflow.
How to Fix
Add stronger visual hierarchy or contextual buttons on these cards to drive user actions or make key takeaways stand out clearly.
Issue Highlights
No Guidance or Placeholder for Empty Client List
Moderate
Flow & States Completeness
The Problem
The Clients section shows a full list here, but there is no visible UI or guidance for what would appear if there were no clients registered.
Why it Matters
New or empty installations may confuse users or think the system is broken if no clients appear and no instructions or calls to action are visible.
How to Fix
Add an empty state screen or message with clear guidance and a call to action like 'Add New Client' when the client list is empty.
Issue Highlights
Low contrast for secondary info text under main headings
Minor
Color & Contrast
The Problem
Supporting texts such as 'Manage and track all client information' and 'All registered patients' below the main headings are using a light gray font on white background, resulting in low contrast likely below WCAG AA 4.5:1.
Why it Matters
Users might overlook or misread descriptive secondary information, reducing clarity.
How to Fix
Darken the secondary text color to meet minimum WCAG AA contrast ratios against the white background.
Issue Highlights
No clear distinction between client status labels and values
Minor
Content Readability & Clarity
The Problem
The 'Active', 'Inactive', and 'Graduated' status labels in the client database table are visually similar in size and formatting to other text elements, lacking clear emphasis to help users quickly identify client status at a glance.
Why it Matters
Users may need more time to scan the client list and differentiate statuses, impacting quick data interpretation.
How to Fix
Enhance the status labels with distinctive colors and bold or background styling, and ensure consistent sizing relative to surrounding text.
Issue Highlights
Misaligned controls in Client Detail action buttons
Minor
Visual Consistency, Imagery & Media
The Problem
Action buttons in the client detail pane on the right screen ('Schedule Session', 'Edit', and the three-dot menu) are not horizontally aligned, creating a slightly unbalanced header section.
Why it Matters
Misalignment creates a less polished professional appearance and can distract users when focusing on key controls.
How to Fix
Align the action buttons horizontally so they are flush along the same baseline.
Issue Highlights
Lack of visible active states in primary sidebar navigation
Minor
Navigation & Structure
The Problem
The sidebar navigation highlights the active section 'Clients' but does not clearly differentiate active states for subsections or nested items that might exist, limiting clear orientation.
Why it Matters
Users may find it harder to understand which subsection or detailed page they are on within a main category, increasing cognitive load.
How to Fix
Implement distinct active states or expanded highlights for nested subsections in the sidebar navigation.
Issue Highlights
Multiple Status Filters Without Clear Priority
Minor
Efficiency & Cognitive Load
The Problem
Client list has separate 'All Client' and 'All Status' filter buttons visible simultaneously, presenting multiple filter options without clarifying which filters apply or their priority.
Why it Matters
Users may feel uncertainty or hesitation about which filter to use or the current filtering scope, increasing cognitive load.
How to Fix
Combine or clarify filter controls to reduce on-screen decision points or offer a single combined filter control for clients and statuses.
Issue Highlights