Lección 10El proceso de diseño: ¿cómo encajar la accesibilidad web?
- Noción 67 - Ten en cuenta la distribución de la página
- Noción 68 - Cómo usar el diseño para optimizar el contenido
- Noción 69 - Crea el primer borrador y maqueta
- Noción 70 - ¡La facilidad de uso es clave!
- Noción 71 - Estructura el HTML correctamente
- Noción 72 - Su uso del lenguaje importa
- Noción 73 - Cómo trabajar con contenido visual
- Noción 74 - La importancia de la navegación con teclado
- Noción 75 - Consejos de diseño útiles para todo el mundo
- Noción 76 - Tipos de contenido que hay que evitar a toda costa
- Noción 77 - Comprobar la conformidad con los estándares de accesibilidad y las mejores prácticas
- Noción 78 - Repaso de los conceptos principales
Noción 70
¡La facilidad de uso es clave!
Competencias objetivo
La “usabilidad” aplicada a un sitio web indica hasta qué punto se puede utilizar de forma eficaz, eficiente y satisfactoria. No se trata sólo de una cuestión de accesibilidad, sino de un enfoque más amplio de la experiencia del usuario (UX).
¿Usabilidad y accesibilidad?
La usabilidad forma parte del diseño UX y mejora la experiencia en línea, mientras que la accesibilidad se refiere al nivel de acceso a una experiencia en línea. La accesibilidad podría considerarse una prioridad, mientras que la usabilidad es un toque agradable para nuestro contenido. En la práctica, la Accesibilidad consiste en prácticas de Usabilidad que se pueden mejorar. Veamos cómo.
La simplicidad mejora la Usabilidad
Proporcionar al usuario elementos sencillos con los que interactuar puede mejorar la eficacia de la UX en una página web. Por otro lado, las situaciones complejas requieren que los usuarios consideren cuidadosamente los resultados, el contexto, la ubicación de los elementos en una página ocupada, etc.
Para determinar los elementos interactivos de una página, pregúntese: ¿Cuáles son las principales acciones que necesita realizar el usuario en esta página? A partir de ahí, puedes proponer elementos que permitan a los usuarios completar estas acciones.
Por ejemplo, los menús, las tablas de contenido y los formularios son elementos que deben estar separados del contenido principal. Esto se debe a que son elementos interactivos que necesitan espacio. Por lo tanto, ¡hazlos fácilmente identificables!
La simplicidad también significa una mejor legibilidad. Seguir las pautas de accesibilidad del texto, como por ejemplo: el uso de color, tamaño, fuente y nivel de lenguaje adecuados para así crear un contenido más pulido y comprensible. Para obtener consejos sobre cómo mejorar la legibilidad general de tus páginas web, permanece atento al grano 72 de esta noción.
Enfoque "Mobile-first
El diseño Mobile-first es la idea de diseñar una interfaz para móviles antes de pensar en su versión para ordenador. Como el número de visitas desde el móvil es cada vez mayor, diseñar para el móvil se convierte en un primer paso natural. Una pantalla de móvil es, por definición, más pequeña, por lo que un diseño que se adapte a una pantalla tan pequeña requiere que sea más sencillo. Además, la usabilidad es aún más crítica en estos dispositivos debido al espacio limitado y a la navegación táctil.
La accesibilidad móvil también está contemplada en las directrices WCAG. La accesibilidad móvil permite que todos los usuarios de teléfonos puedan navegar por su contenido en sus teléfonos inteligentes estén donde estén, lo cual es, como sabes, una actividad cotidiana hoy en día, y también una necesidad esencial para algunas personas con discapacidad cuando no tienen su ordenador cerca. Tener en cuenta los nuevos parámetros técnicos ligados al diseño de interfaces móviles supone responder a los mismos retos de usabilidad que los contenidos que se consultan en un ordenador y, además, ofrecer la fluidez de uso de un teléfono móvil.
*¡Un diseño más accesible no significa que sea sombrío!
Los usuarios suelen percibir el diseño estético como un diseño más usable. Esto se llama el Efecto Estética-Usabilidad. Esta percepción mejorará la satisfacción del usuario, que forma parte del principio de usabilidad. Por lo tanto, no subestimes el aspecto estético de tu diseño. Son muchos los requisitos que hay que cumplir si queremos marcar todas las casillas para crear un buen primer borrador: accesible, usable, compatible con el SEO y técnicamente realizable; en pocas palabras ¡un diseño agradable!
Para ir más lejos (los enlaces están en inglés)
- Ideas sobre la ergonomía de la web https://www.adviso.ca/en/blog/tech-en/27-practical-tips-on-web/
- Descubra el Efecto Estética-Usabilidad y otros principios de UX en https://lawsofux.com/
- Una definición de Usabilidad https://www.interaction-design.org/literature/topics/usability