Appointment Scheduling Dashboard
The interface provides a clean, well-organized calendar view with clearly distinguishable statuses and action buttons, facilitating easy management of appointments. However, the design could improve on visual hierarchy for buttons and contextual clarity for notification badges, as well as increasing accessibility by enhancing contrast and spacing.
Public
Design Score
Polish Opportunities
Design Perspectives
0To Review
Recommended Fixes by Impact
0Total
Fixes by Category
2
Color & Contrast1
Content Readability & Clarity3
Visual Consistency, Imagery & Media2
Navigation & Structure1
Conversion & Actions2
Tone, Friendliness & Delight3
Accessibility & Input Ergonomics3
Efficiency & Cognitive Load3
Flow & States Completeness3
Strategic DesignRecommended Fixes by Impact
1Critical
5Major
16Moderate
4Minor
No visible primary navigation menu
Critical
Navigation & Structure
The Problem
The interface lacks a visible primary navigation menu or sidebar for accessing main app sections beyond 'Ajustes' and 'Cerrar sesión' at the top right, limiting discoverability and ease of navigation.
Why it Matters
Users can struggle to navigate across different app parts, leading to confusion and increased time to complete tasks or even abandonment.
How to Fix
Implement a persistent primary navigation menu or sidebar with clearly labeled sections and active state indicators.
Issue Highlights
Missing clear role and environment indicators in header
Major
Orientation Missing (Environment/Role/Location)
The Problem
The top header only shows the app name and user greeting, but lacks explicit indicators of the user's role or environment context such as 'Doctor View', 'Admin Panel', or similar.
Why it Matters
Users may become confused about their current role or environment context, especially if they have access to multiple roles or environments, leading to mistakes or lost time.
How to Fix
Add clear role and environment labels or breadcrumbs in the header or sidebar to signal where the user is and what role they are operating in.
Issue Highlights
Blocking a day lacks confirmation or undo
Major
Destructive Action Without Safeguard (Confirm/Undo)
The Problem
The 'Bloquear día' (Block day) button is visible at the bottom, but no visible confirmation dialog or undo option is shown before or after this destructive action.
Why it Matters
Users might accidentally block a day, disrupting scheduling and causing frustration without a clear recovery method.
How to Fix
Implement a confirmation prompt before blocking a day and/or provide an undo option immediately after the action is taken.
Issue Highlights
No confirmation or undo option after confirming or rejecting requests
Major
Tone, Friendliness & Delight
The Problem
The Confirmar and Rechazar buttons for appointment requests do not show any visible confirmation or undo options immediately after being clicked, which can undermine user trust when taking important actions.
Why it Matters
Users may feel uncertain or anxious about making irreversible decisions due to lack of reassurance, potentially causing hesitation or mistakes.
How to Fix
Add visible confirmation messages, undo options, or state changes after confirming or rejecting a request to reassure the user their action was registered.
Issue Highlights
Small clickable dots on calendar dates
Major
Accessibility & Input Ergonomics
The Problem
The small circular dots under the calendar dates are clickable and appear very small, likely under 24x24 pixels, making them hard to tap accurately.
Why it Matters
Small touch targets are harder for users to tap, especially on mobile or for users with motor impairments, increasing frustration and error rate.
How to Fix
Increase the size of the clickable dots to at least 24x24 pixels and add adequate spacing around them to support easy tapping.
Issue Highlights
No immediate affordance for generating a new appointment link
Major
Strategic Design
The Problem
The screen's primary purpose is to share appointment links, but the only displayed link appears fixed with no obvious way to generate a new one except by tapping free time on the calendar which is not explicitly indicated.
Why it Matters
Users may be confused about how to create or refresh the appointment link, potentially hindering workflow and reducing clarity in the user goal of sharing a new link.
How to Fix
Add a clear, visible button or call-to-action labeled 'Generate new link' or equivalent near the link area to explicitly support this key interaction.
Issue Highlights
Low contrast for subtitle text below greeting
Moderate
Color & Contrast
The Problem
The subtitle text 'Tu agenda. Tocá un horario libre para generar un link de turno.' appears as a light gray on a very light background, likely below WCAG AA contrast ratio of 4.5:1 for normal text.
Why it Matters
Users with moderately low vision or in poor lighting conditions may have difficulty reading the subtitle text, reducing comprehension of instructions.
How to Fix
Increase the contrast by using a darker text color or a slightly darker background behind the text to meet at least a 4.5:1 contrast ratio.
Issue Highlights
Low contrast for placeholder days in calendar
Moderate
Color & Contrast
The Problem
The calendar weekday initials (D, L, M, X, J, V, S) are rendered in a very light gray on white background, resulting in low contrast likely below WCAG AA for normal text.
Why it Matters
Users with visual impairments or in bright environments may have difficulty distinguishing the day labels, reducing usability and clarity of the calendar.
How to Fix
Use a darker color for the weekday labels or increase the background contrast behind these letters to achieve at least 4.5:1 contrast ratio.
Issue Highlights
Appointment times lack timezone indication
Moderate
Ambiguous Date/Time/Timezone
The Problem
The appointment times (e.g., '2 May · 17:00') do not include any timezone information, making it unclear which time standard they refer to.
Why it Matters
Users in different timezones may misinterpret the appointment time, leading to missed or late attendances.
How to Fix
Add a clear timezone indicator or use standardized time formats that include timezone or offset information.
Issue Highlights
Date numbers and dots in calendar are vertically misaligned
Moderate
Visual Consistency, Imagery & Media
The Problem
In the calendar view, some date numbers and their associated dots are not vertically aligned precisely in a consistent grid pattern, causing a slightly uneven appearance.
Why it Matters
Misalignment can distract users and reduce visual clarity, causing cognitive load when scanning dates quickly.
How to Fix
Adjust the calendar date cells so that both the date numbers and colored dots are centered consistently within each cell.
Issue Highlights
Right side floating black circular button icon unclear
Moderate
Visual Consistency, Imagery & Media
The Problem
The black circular floating button on the right side with a filter or funnel icon does not have any label or tooltip to explain its function.
Why it Matters
Users may not understand the purpose of this icon quickly, reducing discoverability and usability.
How to Fix
Add a visible label, tooltip, or hover text to clearly describe the icon's action or purpose.
Issue Highlights
Multiple confirm, reject, and details buttons per request clutter decision-making
Moderate
Efficiency & Cognitive Load
The Problem
Each appointment request has three distinct action buttons (Confirmar, Rechazar, Detalles), forcing users to decide immediately among three options for each item.
Why it Matters
This arrangement increases cognitive load and can slow down processing of requests due to repeated decisions.
How to Fix
Consolidate actions by presenting a simpler primary choice per request or batch process confirmations, and provide details as an optional expandable panel.
Issue Highlights
No Clear Instruction or Prompt After Selecting a Date
Moderate
Flow & States Completeness
The Problem
The calendar allows selecting a date (e.g., May 14th), but there is no visible indication of what the user should do next to create a new appointment or perform any related action besides the ‘+ Cargar turno’ button at the top which is not explicitly tied to the selected date.
Why it Matters
Users might be unsure how to proceed after selecting a date, leading to confusion or hesitation and potential drop-off at the scheduling step.
How to Fix
Add clear guidance or a visible button near the date selection to confirm the selected date before proceeding to create a new appointment or automatically link the ‘+ Cargar turno’ action to the selected date.
Issue Highlights
Link for patients is not prominently differentiated
Moderate
Strategic Design
The Problem
The patient link is displayed in a simple text box with a copied link button, but it visually blends in with the rest of the UI and does not attract immediate attention.
Why it Matters
Users may overlook the patient link or have difficulty quickly identifying the action they need to share the appointment link, which can reduce efficiency and user satisfaction.
How to Fix
Use more distinctive styling such as a larger font, prominent colors, or an icon to make the patient link area stand out clearly above other dashboard elements.
Issue Highlights
Small arrow controls for calendar navigation
Moderate
Accessibility & Input Ergonomics
The Problem
The previous and next month arrow buttons on the calendar header are small and close to each other, likely below recommended touch target size of 24x24 pixels.
Why it Matters
Small and closely spaced navigation arrows increase the chance of tapping the wrong arrow, causing navigation errors and user frustration.
How to Fix
Make the arrow buttons larger and add more spacing between them to support clear and comfortable interaction.
Issue Highlights
Different button styles for Confirmar and Rechazar actions
Moderate
Visual Consistency, Imagery & Media
The Problem
The 'Confirmar' buttons have a filled green style, while the 'Rechazar' buttons have a subtle gray outline style, which causes inconsistency in action prominence.
Why it Matters
Inconsistent button styles may confuse users about which actions are primary and can fragment the UI's professional appearance.
How to Fix
Standardize button styles for all action buttons or clearly define a hierarchy (e.g. primary vs secondary) with consistent styling guidelines.
Issue Highlights
Crowded action buttons in 'Solicitudes' panel
Moderate
Navigation & Structure
The Problem
'Solicitudes' section lists multiple items each with three horizontally-aligned buttons (Confirmar, Rechazar, Detalles) that appear similarly sized and closely spaced, making it easy to misclick.
Why it Matters
Users may accidentally click the wrong action due to tight spacing and similar visual weight, causing frustration or errors.
How to Fix
Increase spacing, group related actions, or use icon-only buttons with tooltips to reduce visual competition and improve target distinguishability.
Issue Highlights
Buttons in requests list are tightly spaced horizontally
Moderate
Accessibility & Input Ergonomics
The Problem
In the 'Solicitudes' list, the Confirmar, Rechazar, and Detalles buttons are placed directly next to each other with minimal horizontal spacing, making accidental taps more likely.
Why it Matters
Buttons that are too close lead to mis-taps and user frustration, especially on touch devices where precision is limited.
How to Fix
Increase horizontal spacing between the Confirmar, Rechazar, and Detalles buttons to at least 8-10 pixels.
Issue Highlights
Separate Confirm and Reject buttons produce redundant micro-decisions
Moderate
Efficiency & Cognitive Load
The Problem
Having both Confirm and Reject buttons visible for every request creates two separate positive and negative response actions, requiring the user to switch between two buttons repeatedly.
Why it Matters
It causes extra clicking and decision confirmations, thereby slowing user task completion and increasing mental overhead.
How to Fix
Use a toggle or a single action button with confirmation prompts to reduce the number of micro-decisions per request.
Issue Highlights
No Next Steps After Confirming or Rejecting Appointment Requests
Moderate
Flow & States Completeness
The Problem
Each appointment request has options to 'Confirmar', 'Rechazar', or view 'Detalles', but there is no visible feedback or guidance suggesting what happens after confirming or rejecting or how to handle next pending requests.
Why it Matters
Users may be unclear about what to do next or whether their action was successful, leading to uncertainty in managing appointment requests.
How to Fix
Provide clear feedback messages and next step prompts after confirming or rejecting a request, and suggest or highlight the next appointment request to handle.
Issue Highlights
Confirm and Reject buttons are too close together on requests
Moderate
Strategic Design
The Problem
The 'Confirmar' and 'Rechazar' buttons for appointment requests are visually placed very closely side-by-side, increasing the likelihood of misclicks.
Why it Matters
Users might accidentally confirm when they meant to reject, or vice versa, causing frustration and potential scheduling errors.
How to Fix
Increase spacing between 'Confirmar' and 'Rechazar' buttons or use distinct styling to better differentiate their actions and prevent accidental taps.
Issue Highlights
Warning about phone registered as Franco uses low-contrast yellow and minimal iconography
Moderate
Tone, Friendliness & Delight
The Problem
The warning message about the phone being registered as Franco uses a pale yellow background with a small warning icon that may not strongly convey the importance of the message.
Why it Matters
Users could overlook or underestimate the severity of the warning, which might lead to confusion or errors in managing appointments.
How to Fix
Use a higher contrast color for the warning background or border, increase the warning icon size, and consider adding clearer explanatory copy to improve visual emphasis.
Issue Highlights
Weak distinction between primary and secondary text in appointments
Minor
Content Readability & Clarity
The Problem
Appointment entries have similar font sizes and weights for names, dates, and action buttons, causing visual clutter and reducing clarity for scanning.
Why it Matters
Users may find it harder to quickly identify the most important information (e.g., patient names vs actions vs dates) which can reduce efficiency.
How to Fix
Use stronger font weight or size differences or colors to clearly differentiate patient names, appointment times, and action buttons.
Issue Highlights
Vague button label 'Copiar link' may confuse users
Minor
Conversion & Actions
The Problem
The 'Copiar link' button is the only call to action for copying the patient link but uses a vague label that may not be clearly recognized as a primary action by some users.
Why it Matters
Unclear or less prominent CTAs can reduce user interaction and make completing important tasks less intuitive.
How to Fix
Use a clearer label such as 'Copiar link para pacientes' or combine with a tooltip indicating the action copies the URL for sharing.
Issue Highlights
No Instructions or Guidance on Copying the Patient Link
Minor
Flow & States Completeness
The Problem
There is a patient link with a 'Copiar link' button, but no instruction or hint explaining what to do with the link after copying it or why it is important.
Why it Matters
Users might copy the link without understanding its purpose, leading to confusion about the next actions to take or how to share it with patients effectively.
How to Fix
Add a brief tooltip or text explaining what the link is for and confirming when the link is copied successfully.
Issue Highlights
Warning about phone registered as Franco lacks details on resolution
Minor
Efficiency & Cognitive Load
The Problem
The warning about 'Teléfono registrado como Franco' appears without context or suggestions, requiring users to remember or research how to address it.
Why it Matters
It may cause confusion and slow decision-making as users must recall or investigate what the warning means and how to proceed.
How to Fix
Provide an inline help tooltip or link with additional context and resolution steps next to the warning.
Issue Highlights