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 68
Cómo usar el diseño para optimizar el contenido
Competencias objetivo
El diseño de un sitio web reflejará la identidad del mismo a través de aspectos simbólicos y funcionales: transmitirá información a través de su forma.
Contar historias a través del diseño
El diseño puede transmitir un ritmo en la experiencia de navegación. Puede actuar como escenografía y contar una historia a través de él. Podemos guiar al usuario a lo largo de cada página web colocando los elementos en un orden determinado o dando más importancia a algunos elementos. De este modo, el contenido es más fácil de acceder y va directamente al grano.
Jugar con las diferencias
Es posible destacar algunos contenidos y organizar la información jugando con las diferencias. Esta técnica se conoce como efecto Von Restorff: un elemento que se diferencia de su entorno se presenta para que el usuario se fije en él. Así, actúa como un punto de referencia reconocible en una página web.
Cada elemento necesita un espacio
Si diseñamos nuestra estructura teniendo en cuenta las funcionalidades, podemos dejar espacio suficiente para cada bloque de contenido o elemento funcional. Si un elemento no tiene su espacio asignado, la página puede perder coherencia y eficacia. Algunas situaciones en las que esto puede ocurrir son que una imagen sea demasiado grande para una página web o que una página de bienvenida no tenga una llamada a la acción, dejando al usuario sin un objetivo.
Para profundizar en el tema
Algunos consejos de UX (en inglés) sobre cómo añadir ritmo e importancia al contenido mediante el orden :