Appointment Booking Form

The section for selecting payment method and displaying the total price does not include any trust signals such as secure payment badges, encryption notices, or refund/cancellation policies.

Users may feel uncertain or concerned about the security and reliability of the payment process, potentially reducing their confidence in completing the transaction.

Add clear trust signals near the payment section, such as security badges, privacy assurances, or a brief note about secure processing and refund options.

The individual time slot buttons in the 'VIERNES 15 DE MAYO' section appear small and closely packed, likely less than the recommended 44x44 pixels for touch targets.

Small tap targets increase the risk of user errors and frustration, especially on touch devices, making it harder for users to select the intended time slot.

Increase the size of these buttons to at least 44x44 pixels and add consistent spacing between them to ensure comfortable touch interaction.

The UI shows a 'Solicitar turno' (Request appointment) button but there is no visible hint about what happens after it is pressed. There is no confirmation message, loading state, or error handling visible on this screen.

Users may be uncertain if their appointment request was successfully submitted or if it is still processing. This can lead to confusion or repeated submissions.

Add clear feedback after pressing the button, such as a loading indicator, success confirmation, or an error message if submission fails.

Poor readability of dates can slow down user interactions and cause misclicks or confusion when selecting appointment dates.

The 'Solicitar turno' (Request appointment) button does not show any visible reassurance or next-step information indicating what happens after submission or what users should do if problems occur.

Without confirmation or guidance after clicking, users might be anxious if their request was processed correctly or how to handle errors.

Provide a confirmation message, loading indicator, or a supportive help link immediately upon appointment request submission.

The calendar day numbers that are in light gray appear to have low contrast against the white background, likely below WCAG AA standards.

Users with low vision or color blindness may have difficulty distinguishing these dates, impacting calendar usability.

Increase the contrast of the calendar day numbers by using a darker gray or black color to meet WCAG AA contrast ratio (4.5:1 or higher).

The price section shows '$50.000' with a small adjacent label 'Precio particular' which may not clearly identify what the price is for or if it’s final.

Users might be uncertain if the price is a total, estimate, or specific to their selection, potentially causing confusion or mistrust.

Clarify the price context with a more descriptive label such as 'Total Price to Pay' or 'Price for Selected Service'.

Misalignment reduces visual harmony and can subtly distract users, affecting overall user experience.

The rectangular time slot buttons show inconsistent horizontal spacing and alignment across several rows.

Inconsistent spacing interrupts visual rhythm and can diminish user confidence in interface quality.

The UI does not display any breadcrumb, page title, or clear role/environment indicator other than the header 'RESERVÁ TU TURNO CON'. There is no additional orientation to confirm the user's current step or location within a broader process or website hierarchy.

Users may feel uncertain about their current stage in the appointment reservation flow or where they are within the application, which can reduce trust and increase cognitive load.

Add a clear breadcrumb or explicit step indicator to show the user's current location within the booking process or app environment.

The total amount to pay is shown as '$50.000' with a small note 'Precio particular' but lacks clarity whether this is final or if changes apply based on selected options. The primary button 'Solicitar turno' is clear but the payment context is vague.

Users might hesitate or abandon the process if they are unsure about the final price or payment conditions before confirming an appointment.

Clarify payment details more explicitly near the button, such as confirming final amount, any conditions, or including a tooltip with more info.

The modality tabs labeled 'Presencial' and 'Virtual' appear quite small and closely positioned, possibly under the recommended touch size.

Small tabs reduce touch accuracy and can frustrate users who want to switch modality quickly.

Increase the size of the modality tabs and add spacing to separate them physically for easier touch interaction.

The time selection is divided into many individual small buttons for each 30-minute slot, creating a large number of discrete clickable elements.

Users must scan and consider many small options, increasing the time and effort needed to choose a time and potentially causing decision fatigue.

Group time slots into fewer, broader categories or allow direct input of a time with validation to reduce the number of micro-steps.

The placeholder text inside the input fields (e.g., 'Franco', phone number) uses a light gray color that likely has insufficient contrast with the white input background.

Users with visual impairments may struggle to read the placeholder text, reducing clarity on what input is expected.

Use a darker color for placeholder text that meets WCAG AA contrast requirements (4.5:1 minimum).

Time selection buttons are placed close together vertically and horizontally with minimal spacing, making it likely users may tap the wrong button.

Insufficient spacing creates difficulty for users with motor impairments or larger fingers, raising error rates when selecting appointment times.

Add padding or margins between adjacent buttons to increase spacing and prevent accidental touches on neighboring targets.

The modality toggle (Presencial / Virtual) is implemented as two adjacent buttons with only background fill changes, which may confuse users about the current selection especially for users with color perception issues.

Unclear modality selection can cause users to mistakenly choose the wrong appointment type, leading to user frustration or errors in booking.

Use a clearer selection pattern such as radio buttons with strong focus states or a more obvious toggle switch that clearly indicates selected option.

The text on unselected buttons such as 'Virtual' modality and 'Transferencia' payment option uses medium gray on a white background, likely failing several contrast standards.

Users with low vision or color blindness may have difficulty perceiving these interactive options clearly, reducing discoverability.

Use a darker shade for the text on unselected buttons to meet the minimum WCAG AA contrast ratio.

The calendar and time slot sections are distinct, requiring users to hold the selected date in memory while selecting an exact time slot shown below.

This separation forces users to maintain context mentally, increasing the risk they might choose a wrong time or lose track of the day initially selected.

Highlight the selected date more clearly near the time slots or show a persistent summary of the appointment date alongside time options.

The top green header contains the user name, role, and location but does not visually differentiate the most important information or brand clearly, making the header feel flat and less engaging.

Users may have difficulty quickly identifying the purpose of the screen or their current session context, reducing overall clarity and confidence.

Increase visual hierarchy by emphasizing key elements like the user name or screen title; consider using branding elements for more distinct recognition.

The time selection buttons show the selected time with a green background but non-selected times have a faint border and low contrast text, which may reduce visibility and make it hard to scan many available slots quickly.

Difficulties in time selection can cause hesitation or errors in booking, lowering usability for users choosing an appointment time.

Use stronger borders or contrasting backgrounds for unselected times and ensure selected states are clearly distinct and recognizable at a glance.

Text inside the 'OBRA SOCIAL' dropdown and possibly 'MÉTODO DE PAGO' options appear smaller than body text, potentially impacting readability.

Small text can cause strain and slow down information processing, especially for users with visual impairments.

Increase the font size in dropdown menus to match or closely align with body text size for better readability.

The time selection area contains many clickable half-hour time slots visible as a large collection without any search, grouping, or filtering mechanism.

Users must manually scan many options which can increase cognitive load and slow down the selection process, making it harder to find a preferred slot quickly.

Implement filtering, grouping (e.g., by morning/afternoon/evening), or a quick jump function for time slots to improve ease of navigation.

Two separate toggle controls require users to decide modality (Presencial or Virtual) and method of payment (Efectivo or Transferencia) separately on the same screen.

While not complex, these multiple binary decisions add micro-steps that slightly increase cognitive load and make the overall scheduling process longer.

Consider combining related options or defaulting one option with an easy way to adjust later to reduce initial decision points.