Accesibilidad-Web :: Elección de estructura para una Página
Elección de estructura para una Página Imprimir
Una de las principales barreras en la navegación de un sitio Web es la desorientación que el usuario puede experimentar. El protocolo NI4 la define como la dificultad para poder situarse dentro de la Web y reconocer los pasos que hay que dar para poder llegar al contenido deseado, así como una vez reconocida por el usuario, la pérdida de orientación y dificultad para poder retornar a un punto controlado y reiniciar la navegación.


Esto es en gran parte debido a un diseño de la Web en muchos casos bastante artístico pero poco usable y claro. De hecho, existe una nueva tendencia en la que se muestra una presentación FLASH, tras la cual hay que hacer clic para acceder a la Web (o incluso abriendo una nueva ventana), y mostrando todo el contenido sin menús de navegación claros. El modelo sería el siguiente:

Ejemplo 1


Esto provoca irremediablemente una desorientación total, distracción, y la incapacidad de comprender la estructura de la Web (bastante escasa). En otras ocasiones en este modelo lo que se presenta es un menú en flash o realizado íntegramente con imágenes lo que provoca no solo dificultades a personas con discapacidad intelectual, sino una desorientación total a personas invidentes y que utilizan herramientas de navegación del tipo JAWS o KEYREAD.

Resultan mucho más recomendables otros modelos, más clásicos, pero efectivos en cuanto a usabilidad de la página. El primero (ocupando todo el ancho del navegador) muestra la Cabecera de la Web junto a un menú horizontal con los apartados o secciones principales de la Web. Estos elementos nunca desaparecerán de la pantalla, de manera que el usuario siempre tenga la opción de ir a cualquier zona de la página sin dependencia alguna de los botones del navegador 'Atrás' y 'Adelante'.

Ejemplo 2


Otra opción similar sería mostrar el menú en el lado izquierdo y de manera vertical, parecido a un índice. Aquí podemos mostrar la cabecera del ancho del menú, y ocupando todo el ancho del navegador, como en el ejemplo 2.

Ejemplo 3.1       Ejemplo 3.2


Por último, y para diseñadores que aprecian más las páginas de píxel fijo, se podría crear una página similar a los ejemplos 3.1 y 3.2 pero con este aspecto:

Ejemplo 4.1       Ejemplo 4.2

Por último cabe destacar la importancia de un menú de navegación claro y sencillo. A ser posible, deberían especificarse dentro de cada apartado los subapartados, por un lado para evitar tener que presentar primero la página del apartado y después pedir un subapartado, y por orto lado para facilitar la vuelta atrás del usuario o el cambio directo a otro apartado.

NI4
http://www.ni4.org/modules.php?name=News&file=article&sid=37

Cerrar Ventana