A veces se olvida que una página web debe estar diseñada para que cualquier usuario pueda acceder a todos sus contenidos de un modo sencillo e intuitivo. Organiza bien la información de tu sitio web, y conseguirás visitantes satisfechos.
En otros artículos hemos explicado qué es la usabilidad web, y analizado las diferencias entree leer en libros o en pantallas. En esta ocasión comentaremos cómo organizar bien los contenidos de tus páginas web y descubriremos algunos de los errores más comunes.
Estructuración del contenido de la páginas web
- La clasificación de los contenidos y el sistema de navegación debe reflejar lo que buscan los usuarios, y no la organización interna de tu empresa.
- Los sitios web con gran número de páginas, deben dividirse en secciones diferentes, cada una las cuales agrupando páginas de un mismo tema.
- Define adecuadamente la anchura (número de elementos en cada nivel) y la altura (las “generaciones” de cada rama) en las estructuras jerárquicas de información.
- Regla de los 3 clics: Si un visitante entra en tu página principal, debe ser capaz de llegar a cualquier contenido del sitio, con pocos pasos.
- Orden de los contenidos: Puedes colocarlos siguiendo criterios “temáticos, alfabéticos, geográficos, cronológicos; o bien orientado a tareas, orientado al público y orientado a metáforas” (Hassan Montero, Yusef y Martín Fernández, Francisco J.).
- Cada página debe disponer de un título visible (preferiblemente encabezados HTML), y una etiqueta HTML <title> diferente (se usa en favoritos/marcadores y en las búsquedas en Google, Bing, etc.).
- La sección del sitio web en la que se encuadra cada página debe ser obviamente visible, por ejemplo, mediante títulos o “migas de pan” (breadcumbs, el camino de secciones de nivel jerárquico descendente que llevan a la página en la que estamos).
- Homogeneidad: En todas las páginas usaremos el mismo icono, texto o imagen para representar un mismo concepto, e irá enlazado a una misma página. Por ejemplo: una flecha arriba siempre llevará a la parte superior de la página, un icono de descarga siempre permitirá descargar algo, ect
- Siempre usaremos los signos convencionales y las costumbres habituales entre los internautas, como por ejemplo que el logo enlaza a la página principal, que un sobre postal representa el correo electrónico, el “mapa del sitio”, los enlaces “más info.”, etc.
- Las URL deben ser descriptivas, fáciles de teclear y recordar. Nos referimos a los nombres de carpetas y de archivos. Nunca debemos usar nombres del tipo page17.html o pagina.html?id=28, sino del estilo: novelas-historicas.html, y carpetas adecuadas, como: libros/novelas-historicas.html. Además, los buscadores podrán determinar más fácilmente el contenido de dichas páginas, lo que permitirá catalogarlas y posicionarlas mejor (seo-friendly URLs).
Errores más comunes de usabilidad web
- Sobrecarga informativa: diferencia las zonas de la página, agrupa contenidos (cabecera, pie, menús, contenido principal, novedades, enlaces externos, etc.) usando diversos bloques, colores de fondo, elementos gráficos…
- Sobrecarga memorística: Para que el visitante pueda comprender los elementos de los menús de navegación de un solo vistazo, no deben incluir demasiados elementos ni muchas palabras por elemento. No deben contener más de 7 (±2) elementos, ni 2 ó como mucho 3 palabras en cada elemento. (Hassan Montero, Yusef y Martín Fernández, Francisco J.)
- Enlaces rotos: Son los que fallan porque apuntan a páginas o archivos que ya no existen, o que actualmente tienen otro nombre o están en otra carpeta. Además de frustrar al visitante, son considerados por Google como una muestra de web descuidada, es decir, de poca calidad, por lo que estarán mal posicionados en SEO.
- Páginas huérfanas: Son las que no están enlazadas desde ninguna otra, y, por tanto, resultan inaccesibles para los visitantes (salvo que se conozca su nombre y ruta).
Fernando Sánchez Gómez
Cliparts: www.freepik.es