Mobile Professional Login

The 'Crear cuenta' tab is visible but there is no placeholder or content shown when it is tapped.

New users may try to create an account but may not see what steps to follow, causing confusion or preventing sign-up.

Provide visible form fields or instructions when the 'Crear cuenta' tab is selected.

The inactive tab text 'Crear cuenta' is displayed in a light grey color on a light pink background, resulting in insufficient contrast and difficulty distinguishing this option.

Users may find it difficult to identify or read this inactive tab option, which can reduce usability and navigation clarity.

Use a darker grey or another color with higher contrast against the background for inactive tab text.

The subtitle text 'Acceso profesional' appears grey on a light pink background, likely below WCAG AA contrast ratio of 4.5:1 for normal text.

Increase the color contrast between the subtitle text and the background by darkening the text color or lightening the background behind it.

The placeholder text '[REDACTED]' in the email input field is shown as a medium grey on a white background, with contrast likely below the WCAG AA minimum ratio of 4.5:1.

Low contrast placeholder text can be hard to read, especially for users with low vision, making form completion more difficult.

Increase the darkness of the placeholder text or change the background color to improve text visibility.

The text 'Facebook se activará más adelante.' is shown in a very light grey on a pale pink background, resulting in visibly low contrast that likely fails WCAG AA.

Low contrast text is difficult to read for all users, especially those with visual impairments, reducing accessibility and comprehension.

Choose a darker text color or provide a stronger background contrast for this text.

The label 'Acceso profesional' below the app name 'Gloumi' is visually similar in size and weight to input labels like 'Correo electrónico' and 'Contraseña', which weakens the distinction between the app section title and form field labels.

Users may have difficulty quickly understanding the information structure of the screen, causing slower comprehension.

Make the section title 'Acceso profesional' visually distinct by increasing its font size, weight, or spacing relative to other smaller labels.

The 'Ingresar' button in the tab navigation uses a hot pink text on white background with a rounded container, while 'Crear cuenta' is light gray text on a pale pink background. The difference in styling between these two buttons is visually jarring and lacks clear indication of active state beyond background and text color.

Inconsistent button styles can confuse users about which tab is active and impair the overall visual coherence of the interface.

Use a consistent style pattern for all tab buttons, such as distinct background color with clear text color contrast for the active tab and a uniform style for inactive tabs with appropriate contrast.

The UI states 'Acceso profesional' but does not clearly indicate the current environment, user role, or app context, which could confuse users switching roles or environments.

Users may not be sure if they are on the correct login screen or app section, increasing the chance of errors or frustration.

Add clear, more prominent contextual information or breadcrumbs showing the current role or environment.

The tab buttons 'Ingresar' and 'Crear cuenta' appear placed side-by-side with insufficient spacing, which might cause accidental taps when users try to select one.

Users may accidentally trigger the wrong tab due to targets being too close, leading to confusion or frustration.

The pink link text '¿Olvidaste tu contraseña?' on a light pink background appears low contrast and may not meet WCAG AA contrast ratios.

Users may have trouble identifying and reading the link, reducing accessibility and potentially missing important functionality.

Use a darker shade of pink or add a contrasting text shadow or background to increase readability.

The separator text 'O CONTINUÁ CON' is displayed in a light grey on a pale pink background, likely failing WCAG AA contrast standards for readability.

Insufficient contrast may cause difficulty for users to notice and read this separator, impacting navigation and overall experience.

Darken the separator text color or lighten the background behind it to improve contrast.

The segmented control forcing users to choose between 'Ingresar' and 'Crear cuenta' at the top requires a decision before any credential entry.

Needing to decide upfront can slow users who might expect a simpler combined entry or alternative paths, adding friction at start.

Consider a unified screen allowing both login and registration in a simpler manner or present separate flows more clearly after input.

The 'Crear cuenta' tab is visually muted and appears disabled, but it is presumably meant to switch to account creation. This ambiguous visual treatment can confuse users whether it's active or interactable.

Users might not realize they can switch to a different mode to create an account, limiting their ability to access key features.

Restyle the 'Crear cuenta' tab to have clear affordance as a selectable option in the segmented control, maintaining consistent active and inactive states.

The text 'Facebook se activará más adelante.' at the bottom uses very small font size, smaller than typical body text in the interface.

Very small text can be difficult for users to read, especially on small mobile screens or for users with visual impairments.

The tab 'Crear cuenta' used as a secondary action has low contrast and lacks clear button styling, which could reduce its perceived clickability. Also, the form buttons use generic text 'Ingresar' rather than more descriptive CTAs indicating the action or benefit.

Users might not notice the option to create an account or might be ambivalent on the login action, lowering engagement.

Use stronger styling and clearer labels on secondary CTAs like 'Crear cuenta' and consider clarifying the login button label with more benefit-focused text.

The social login option 'Continuar con Google' comes with a subtitle stating 'Facebook se activará más adelante,' which is vague and might confuse users about Facebook login availability or next steps.

Users might be unsure if they can or should wait for Facebook login or if Google login alone suffices, impacting sign-in choices and satisfaction.

Clarify the area by either removing the ambiguous Facebook text or explicitly stating Facebook login is 'coming soon' or available elsewhere.