Inconciente Colectivo

El año 1998 dos años conocí en la Universidad uno de los primeros profesionales chilenos preocupado por la red de una manera integral. Este me pasó algunos textos que marcaron mi interés por temas que trascienden el diseño web. Saqué fotocopias de algunas páginas que en ese tiempo aún no tenían traducción y las pegué en la pared como cualquier nota importante. Encontré hace un tiempo una traducción que acomodé a nuestro uso idiomático. Acá va.

Diseño de Homepage
Las 10 directivas más violadas
Por Jakob Nielsen

Hay 10 errores de usabilidad que cerca de las dos terceras partes de los sitios corporativos cometen. El predominio de estos errores es razón suficiente para dedicarles atención, especialmente cuando éstos aparecen en sitios con aportes significativos en el diseño usable.

Por cada uno de los 10 errores más frecuentes, manifiesto el lamentable bajo porcentaje de páginas de portada que siguen esta directiva. He ordenado la lista por tasa de acatamiento: el número uno es la directiva que los sitios menos siguen (ese es, el error que se hace con más frecuencia).

1. Acentuar qué ofrece de valor tu sitio a los usuarios y cómo se diferencian tus servicios de tus competidores
Tasa de acatamiento: 27%

Este es uno de los asuntos más importantes en el diseño de homepage así que es particularmente triste que sea de todas las directivas a la que menos se le preste atención. Los sitios web son increíblemente malos anunciando explícitamente lo que ellos ofrecen concretamente a los usuarios. En lugar de eso, esconden sus ofertas en promociones exageradas que causan muy poca impresión en los clientes potenciales.

2. Utilizar un diseño flexible que le permita a los usuarios ajustar el tamaño de la página
Tasa de acatamiento: 28%

Enfrentarse a los diseños rígidos es una batalla perdida, por lo que vale la pena repetir: diferentes usuarios tienen diferentes tamaños de monitores. Personas con grandes monitores tienen la posibilidad de cambiar la medida a sus navegadores para ver múltiples ventanas simultáneamente. No puedes asumir que las ventanas de todos los usuarios tienen de ancho 800 pixeles: es demasiado para muchos y muy pequeño para otros.

3. Usar colores para distinguir enlaces visitados y sin visitar
Tasa de acatamiento: 33%
Conociendo dónde has estado es una de las tres características básicas que todo diseño de navegación debe soportar. (Las otras dos son “Dónde estoy” y “A dónde puedo ir”)

Es triste que sólo un tercio de las páginas de portada les digan a los usuarios a primera vista cuales áreas han sido visitadas por ellos. Las confusiones de navegación resultan cuando los diseñadores web deshabilitan uno de los aspectos útiles de los exploradores que acatan estándares: que los enlaces visitados y sin visitar aparezcan en diferentes colores. Nuestra prueba ha mostrado que violar esta directiva es dañino para los usuarios más viejos

4. Usar gráficos que muestren contenidos reales, no sólo para decorar la página de homepage
Tasa de acatamiento: 35%

Por ejemplo, utilice fotos de personas las cuales tengan una conexión obvia con el contenido, opuesto a utilizar modelos o fotos comunes. Gráficas ilustrativas pueden distraer a los usuarios del contenido crítico.

5. Incluir un tagline que resuma explícitamente qué hace el sitio web o la compañía
Tasa de acatamiento: 36%

Estudio reciente de cómo las personas usan la información del “acerca de” en los sitios web encontró que la mayoría de los usuarios pueden eventualmente sacar información acerca del propósito de la compañía. Pero ¿por qué la mayoría de los sitios le hacen tan difícil este trabajo a los usuarios?

Cumpliendo con la mayoría de los slogans publicitarios, abundan los contenidos libres de tagline. Una vez que has pagado para obtener un buen slogan, es probablemente difícil aceptar que éste no funciona para tu sitio web.

Recomiendo: Coloca el slogan inefectivo en un banner gráfico después de tu logo, donde pueda ser ignorado. Entonces, adiciona un tagline en formato de texto plano en el área de contenido que los usuarios realmente ven.

6. Hacer fácil el acceso a los contenidos recientes de la página principal
Tasa de acatamiento: 37%

En general, los usuarios recuerdan cuando ellos han visto algo interesante en el homepage. Sin embargo, a menos que la página muestre una lista de los contenidos recientes y ofrezca un enlace a ellos, los usuarios no tendrán la posibilidad de encontrar lo que están buscando de sus visitas ulteriores.

7. Incluir una pequeña descripción del sitio en el título de la ventana del navegador
Tasa de acatamiento: 39%

Esta es principalmente importante para la visibilidad en los motores de búsqueda, pero ¿por qué no aprovecharse de esta forma superior – y barata – de mercado en Internet?

8. No usar títulos para rotular el área de búsqueda, en su lugar, usar un botón “Búsqueda” a la derecha de la caja de texto
Tasa de acatamiento: 40%

No hay razón para rotular la caja de búsqueda si existe un botón “Búsqueda” a su izquierda. El principio Menos es más en el Diseño de Interacción nos dice que los elementos extra en un diálogo distraen a los usuarios de los puntos importantes y reducen su habilidad para entender una interfaz. (En otras palabras, menos a considerar, las personas entenderán más lo que es.)

9. Con los valores de las acciones, dar el porcentaje de los cambios, no sólo los puntos ganados o perdidos
Tasa de acatamiento: 40%

Esta directiva se aplica solamente a sitios que suministren valores de las acciones, en la información de inversiones o cualquier otra. Con los valores de las acciones, el principio general es ayudar a los usuarios a entender la magnitud relativa a un cambio. (una directiva similar se refiere a presentar otras estadísticas que varían con respecto al tiempo.)

Un incremento de las acciones de $0,75 es muy diferente si el precio inicial fue $8 (un próspero salto del 9%) frente a $60 (un modesto 1% ganado).

10. No incluir un enlace activo a la página de portada en la misma página de portada
Tasa de acatamiento: 41%

Este es un caso especial de una directiva que se aplica a todas las páginas de los sitios web o intranet: nunca tengas un enlace que apunte a la página actual. (Un botón para refrescar los valores de las acciones u otra información cambiante es otra cosa y deben ser presentados como un botón, preferiblemente que un enlace, dado que éstos no nos llevan a otro lugar.) El enlace activo a la página actual causa 3 problemas:

1 – Si los usuarios hacen clic en él, será una absoluta pérdida de tiempo para ellos dirigirse a la misma página.

2 – Peor, tales enlaces le provocan a los usuarios la duda de si ellos realmente están en la ubicación que piensan estar.

3 – La peor de todas, si los usuarios siguen estos enlaces estarán confundidos en sus nuevas ubicaciones, especialmente si la página es desplazada a la parte superior.

El enlace a el homepage en la propia página de portada resulta, normalmente, de usar una barra de navegación universal que incluye el “home” como una opción. Eso está bien. Pero cuando los usuarios estén en la página que es presentada en la barra de navegación, debes desactivar las opciones del enlace y resaltar éste, tal es la manera de indicar que esa es la ubicación actual.

Traducción: Lic. Carlos Martínez Pérez.