Comparativa Escritorio: Canadá y Irlanda del Norte UX Accesible
| Caso de Estudio | |
| Nombre | Comparativa Escritorio: Canadá y Irlanda del Norte UX Accesible |
|---|---|
| Autor | Daniel Rojas |
| Período | 2022-2022 |
| Período | Primero |
| Palabras Clave | accesibilidad, UXaccesible, UX |
| Relacionado | Proyecto UX Accesible |
| Estudiado en | Taller de Título: Accesibilidad e Inclusión 2022 |
| Estudiado por | Daniel Rojas |
| Materialidad | Web |
Comparativa Escritorio: Canadá y Irlanda del Norte
Diagramación: La organización de la página se ve perjudicada cuando se alargan los elementos dejando espacio inutilizado y alargando los tamaños de columna de texto, esto hace que la página pierda equilibrio visual. Comparando ambos ejemplos de la página inicial del formulario se puede notar el enfoque y atención a la diagramación y cuidado con la alineación de elementos en la página. En el segundo ejemplo la disposición de elementos es correcta y se evita rellenar la página con elementos haciendo el trámite mucho más placentero al usuario.
Tipografía: En el primer caso ( Canadá) se puede apreciar una falta de cuidado por el texto y el tamaño de este ya que resulta poco legible y casi imposible de leer para personas que poseen discapacidades visuales debido a la edad o bien a otras condiciones. El contraste de texto y jerarquía está correcto sin embargo debido al tamaño es poco comprensible. En el segundo ejemplo (Irlanda del Norte) se puede leer desde una posición cómoda lo que dice el texto además de tener pocos estilos de texto en una misma pantalla favorece la distinción de estilos para indicar jerarquía.
Pausas Visuales: Debido a la gran cantidad de información mostrada en el caso del gobierno de canadá, complejiza que existan pausas o zonas de descanso visual para las personas ya que la información aparece en seguida y requiere acciones continuas de la persona.
Esto no ocurre en el caso del gobierno de Irlanda del Norte ya que gracias a su simplicidad y el hecho de que explica las cosas con poco texto hace que sea mucho más efectivo y la tarea se ejecute en menos tiempo. Las pausas visuales en este caso están consideradas debido a la fluidez con la cual se entrega la información para que el usuario no se agobie. Lo cual beneficia al tiempo del trámite y minimiza los errores al haber menos fatiga visual. El ancho de columna y diagramación influye mucho en este aspecto debido a que el recorrido visual es mucho menos.
Imágenes: La resolución y tamaño de las imágenes crea una discordancia entre estos elementos y el texto ya que al observarlas presentan baja resolución debido a esto puede incomodar al usuario, sin embargo puede ayudar a personas con discapacidad de aprendizaje a reconocer la categoría a cual corresponde la imágen, a la cual se asocia el elemento mostrado. Esto aplica para el gobierno de Canadá.
Ahora con respecto a las imágenes mostradas por el gobierno de la república de irlanda sólo cumplen la función de identificación y logotipos, sin encontrar ninguna imágen a lo largo del formulario. Las imágenes cumplen otra función en este sitio web. La resolución es óptima y la ubicación es correcta dentro de la página ( Ver diagramación para saber donde está ubicada dentro de la página).
Color: Otro aspecto a considerar es el color debido a su importancia para destacar jerarquías y la posibilidad que se abre para acompañar al usuario en su proceso de completar el formulario, indicando ciertos elementos dentro de la interfaz. En el primer caso sólo es un elemento que está sobre los títulos y no se utiliza mucho a favor de la interfaz, es cierto que indica jerarquía y diferenciación de elementos pero no ayuda en nada al usuario durante su proceso en el formulario. En cambio en la página web del gobierno de irlanda del norte, se utiliza para eso y más debido a que utiliza otro recurso para destacar en que paso va el usuario del formulario, además de usarse en los botones para indicar si el usuario avanza o retrocede. A lo cual la barra numérica de arriba reacciona y hace sentir al usuario ese progreso o retroceso.
Botones:Los botones son una parte crucial de la navegación, ayudan al usuario a poder avanzar o retroceder por las páginas que se disponen para realizar una tarea concreta. Es clave la buena jerarquización y tamaño de un botón para hacer más amigable la experiencia del usuario especialmente pensando en personas mayores o con discapacidad, ya que facilita el proceso de completar tareas. Por un lado tenemos al gobierno de Canadá el cual presenta un botón desproporcionado en cuanto a espacio de texto y la caja del botón. Además complica las cosas en dispositivos móviles ya que no es lo suficientemente grande para ser presionado por un dedo. El color en el botón o mejor dicho entre los botones, no favorece ni agrega valor a este ya que es una tonalidad oscura sobre letras blancas no existe ningún juego o característica diferenciadora.
Por otro tenemos al gobierno de Irlanda del Norte que ha puesto un botón dinámico el cual cambia dependiendo de su ubicación en la interfaz y que hace. Ya que para navegar hacia atrás el botón es gris y para progresar es azul el cual se complementa con la barra superior lo que confiere un sentimiento de progreso o retroceso al usuario dependiendo de lo que haga.
Campos de Información: Los campos de información y su ancho donde permite situar el mouse son importantes a la hora de crear una web accesible ya que permite la mejor interacción con la interfaz para completar los datos. Es clave el orden de estos ya que mientras más lineal mejor debido a la capacidad de interactuar sin el teclado que permiten los formularios de una forma mucho más rápida y efectiva en caso de no poseer un mouse o la capacidad para usarlo.
En el primer recuadro podemos ver un formulario el cual posee un ancho de campo de completitud amplio en contraste con el de abajo, que posee un ancho de campo más bien escaso, el cual dificultaría el proceso para alguien que no puede usar un mouse. La opción de controlar el formulario con el teclado es válida para ambas páginas.
