Diseño de Portada: Las 10 directivas más violadas

Por Jakob Nielsen  -  http://www.useit.com

Traducido para PROYECTOWEB: Lic. Carlos Martínez Pérez.

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.

Normalmente centro mi lista de los 10 principales en asuntos que pienso son los más importantes y requieren mayor atención. Esta vez, he usado un criterio diferente: he fijado mi atención en los principios de usabilidad conocidos que los diseñadores violan con más frecuencia. Tanto grandes como pequeños, la influencia de estos errores de usabilidad los hace merecedores de la atención.

Las estadísticas periódicas están basadas en revisiones de numerosas páginas web que mi compañía ha realizado desde que publiqué mi libro sobre Usabilidad de la página de portada (Homepage Usability). Esta fuente de datos introduce un prejuicio, porque solamente grandes compañías o agencias de gobierno con un compromiso considerable de usabilidad invertirán $10,000 para que tenga su diseño de página web de portada una evaluación experta independiente. No obstante, podemos poner ese defecto dentro de una categoría: si compañías con un demostrado compromiso en la usabilidad hacen ciertos errores, ellas estarán en dificultad.

Por cada uno de los 10 errores más frecuentes, manifiesto el lamentable bajo porcentaje de páginas web 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).

También muestro el número de directiva tal como aparece en mi libro, en caso que quieras leer más acerca de esto.

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%
Número de la línea directiva en el libro Homepage Usability: 3

Este es uno de los asuntos más importantes en el diseño de la página web de portada, 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 a los usuarios. En lugar de eso, esconden sus ofertas en promociones exageradas que causan muy poca impresión en los clientes potenciales.

Recuerde: cuando los usuarios tengan necesidades, normalmente preguntarán en un motor de búsqueda y destinarán solamente unos segundos en explorar cada sitio que el motor de búsqueda encontró.

2. Utilizar un diseño flexible que le permita a los usuarios ajustar el tamaño de la página web

Tasa de acatamiento: 28%
Número de la línea directiva en el libro Homepage Usability: 67

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 pixels: es demasiado para muchos y muy pequeño para otros.

3. Usar colores para distinguir enlaces visitados y sin visitar

Tasa de acatamiento: 33%
Número de la línea directiva en el libro Homepage Usability: 37

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 web 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 web de portada

Tasa de acatamiento: 35%
Número de la línea directiva en el libro Homepage Usability: 56

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.

Los usuarios no creen que tu producto los hará reír solo porque hay una mujer sonriendo en tu página de portada. Mejor muestra tu producto real.

5. Incluir un tagline que resuma explícitamente qué hace el sitio web o la compañía

Tasa de acatamiento: 36%
Número de la línea directiva en el libro Homepage Usability: 2

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 web principal

Tasa de acatamiento: 37%
Número de la línea directiva en el libro Homepage Usability: 33

En general, los usuarios recuerdan cuando ellos han visto algo interesante en la página web de portada. 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%
Número de la línea directiva en el libro Homepage Usability: 75

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%
Número de la línea directiva en el libro Homepage Usability: 49

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%
Número de la línea directiva en el libro Homepage Usability: 110

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 web de portada

Tasa de acatamiento: 41%
Número de la línea directiva en el libro Homepage Usability: 43

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 la página de portada en la propia página web 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 web 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.