La evolución de los errores según Jakob Nielsen

Cuando me sumergí en el mundo de la usabilidad, hace más de 10 años ya, ésta no estaba tan extendida como ahora, ni existían tantos libros, ni tantos sitios u oradores, ni etc, etc, etc, teníamos el Designing web usability de Nielsen, el The design of everyday things de Norman y otros tantos que provenían más de sus raíces de ingeniería. Estábamos ante una disciplina que nueva y que en el tiempo fue mutando, creciendo y cambiando al ritmo de las necesidades de los usuarios.

Les propongo que recorramos algunos alertbox de useit.com, (El sitio de Jakob Nielsen) para hacer un corte cronológico de los tipos de errores que se cometieron (yo nunca :) en nombre de la modernidad y el ciberespacio.

En 1996 Nielsen escribió un artículo conocido como Web design mistakes en el cual publicaba un decálogo de los errores más comunes, hoy, doce años después nos es fácil inferir que esos errores tenían mucho que ver tanto con la pobre banda ancha de los usuarios que se reflejaba la necesidad de mantener los pesos de las páginas lo más bajos posible, como con la necesidad de reutilizar el código, no había muchas tecnologías para dinamizar sitios y se recurría mucho a los frames para que las páginas compartieran secciones comunes como headers y botoneras.

También se reflejaba el desconocimiento que tenían los webmasters del código HTML y el uso intensivo que hacían de programas tales como FrontPage en el cual se abusaba de los blinks y las marquesinas. Vemos a continuación los puntos salientes de 1996:

1. Uso de frames
2. Uso innecesario de tecnología de punta
3. Texto que se desplazan, marquesinas, y animaciones en perpetuo movimiento
4. URL complejas
5. Páginas huérfanas
6. Páginas largas con mucho scroll
7. Falta de soporte para la navegación
8. Colores no estándares para los links
9. Información desactualizada
10. Tiempos de descarga excesivos

En 1999, viendo que sus prédicas habían caído en saco roto, Nielsen decide sacar una nueva versión que llamó The top ten web design mistakes of 1999, para esta época parece ser que los problemas de conectividad de los usuarios no se habían solucionado (ni mucho menos aquí en la Argentina) pero ya la cosa no viraba tanto para el lado de la construcción de las páginas sino que empezábamos a palpar problemas que tenían que ver con la interacción del usuario dentro del sitio, la apertura en página nueva tan de moda en épocas pasadas, rompía con la navegación que el usuario empleaba usando los controles del navegador (botones atrás adelante).

Otros errores que reflejaban estas inquietudes tenían que ver con la falta de navegaciones alternativas, como por ejemplo archivos, la apertura de los links en ventana nueva que, persiguiendo la inutilidad de que el usuario no se fuea de los dominios del webmaster, desorientaban gravemente a los usuarios novatos, por entonces, una abrumadora mayoría.

También expone la maldita costumbre de mover las cosas de lugar rompiendo los links desde otras páginas y dejando obsoletos los bookmarks de los usuarios (con lo que costaba conseguir información en épocas pre-googleanas)

El punto 10 nos da indicios de las primera apariciones de la ceguera a los banners, ya que se recomienda no hacer contenidos que parezcan publicidad ya que los usuarios, aún en épocas tan tempranas, comenzaban a ignorarlos. Los destacados de 1999 fueron:

1. Deshabilitar el botón Atrás
2. Abrir en nuevas ventanas
3. Uso no estándar de las aplicaciones o controles
4. Falta de biografías
5. Falta de archivos
6. Cambiar los links de las páginas
7. Titulares que no tienen sentido fuera de contexto
8. Utilizar las últimas Buzzwords de internet
9. Tiempos de respuesta del servidor lentos
10. Cualquier cosa que luce como publicidad

No contento con años de prédica, en 2002 se reedita la lista bajo el nombre de Top Ten Web-Design Mistakes of 2002 pero, en esta edición veremos que si bien seguimos repitiendo ciertos errores, el acento recae en otro tipo de problemas, aquellos ligados con la lógica de negocios en internet, el puesto número uno se lo lleva un problema típico de los incipientes sitios de e-commerce, la falta de precios en los productos ofrecidos.

El segundo puesto también está ligado a un tema recurrente de los grandes sitios, el tener motores de búsqueda que no devolvieran resultados útiles a los usuarios, gran problema en una tienda virtual si el cliente no encuentra lo que busca… y cuestiones tales como el punto 7 y el 8 forman parte del catálogo de políticas erróneas implementadas en las primeras épocas de transacciones en red.

Sin embargo seguimos teniendo problemas con las interfases, las fuentes de tamaño fijo, o los grandes y poco legibles bloques de texto o errores menores que desorientaban la navegación del usuario como los citados en los puntos 6 y 10.

Empiezan a aparecer puntos que tiene que ver con la accesibilidad, no parece que sea desde este enfoque que se encaran estos errores pero vemos que hay temas que se irán instalando para prevalecer más adelante en la línea de tiempo. Finalmente la lista de 2002:

1. No publicar los precios
2. Motores de búsqueda Inflexibles
3. Scroll horizontal
4. Tamaño de fuente fija
5. Bloques de texto
6. JavaScript en los links
7. Preguntas infrecuentes en las FAQ
8. Recolección de direcciones de e-mail sin una política de privacidad
9. URL > 75 Caracteres
10. Links con “mailto” en lugares inesperados

Parece ser que los tiempos en la web se aceleran, y ya Nielsen no pudo dejar pasar entre 3 y 4 años para señalar los errores de la web, así que al año siguiente publicó Top 10 Web Design Mistakes of 2003 como venimos viendo los problemas que van surgiendo obedecen también a la ampliación de posibilidades, el tiempo va pasando y surge la necesidad de fechar las publicaciones, como de mantener archivos, o en el negocio de vender productos en línea donde empieza a surgir la necesidad de catalogar más exhaustivamente ya que una clasificación solo por marcas no es suficiente para que los usuarios encuentren los productos o los formularios para usuarios que eran muy restrictivos.

1. Declaración de principios poco clara
2. Nuevas URL para contenido archivado
3. Contenido sin fecha de creación o modificación
4. Pequeñas imágenes obtenidas de Grandes fotos con muchos detalles
5. Textos alternativos excesivamente detallados
6. Falta de soporte para situaciones de comparación entre opciones
7. Largas listas que no pueden ser filtradas por atributos
8. Productos clasificados solo por Marca
9. Formularios de entrada muy restrictivos
10. Páginas que tienen links a sí mismas

Dos años después podemos ver el retorno de Jakob Nielsen con Top Ten Web Design Mistakes of 2005, pero, en pos de extender horizontes, esta vez hizo una encuesta entre los lectores de su newsletter para armar la lista en torno a aquellos errores que más irritaban a sus lectores, curiosamente, o no, los lectores de Nielsen conincidieron en muchos puntos con errores ya destacados en otros años.

Y si, por fin apareció el flash, tardó su tiempo pero ocupó su lugar, este punto, que al parecer nielsen no habia detectado por si mismo, tuvo la suficiente relevancia como para entrar tercero en el ranking. Eso, imagino, se debe a las molestas animaciones de introducción que tenían que soportar los usuarios no una sino  cada vez que accedían a una página antes de poder saltar al contenido que estaban buscando. Debemos rescatar también los problemas de legibilidad que más que nada están basados en la falta de contraste entre el fondo y el color de la tipografía.

Otro de los temas importantes que emerge es la necesidad de seguir estándares para la construcción del código que se muestra en la web: HTML+CSS. Ya en 2005 era molesto abrir una página con Firefox y ver que la misma se desbarataba o que las funcionalidades no andaban, es un poco del despertar de la conciencia, que nos dice que diseñar para internet explorer no es lo mismo que diseñar para la web. El listado total para 2005 es:

1. Problemas de legibilidad
2. Links no estándares
3. Flash
4. Contenido que no está escrito para la web
5. Búsqueda mal planteada
6. Incompatibilidad entre los navegadores
7. Formularios incómodos
8. Falta de información de la compañia o de contacto
9. Layouts fijos con anchos de páginas fijos
10. Ampliación inadecuada de las fotos

Quizás ya cansado del reporte periódico, en 2007  Nielsen decidió actualizar el compilado:  Top ten mistakes in web design, que listaba según sus palabras.: “las ofensas más flagrantes contra los usuarios” “Los desastrosos diseños web, horrorosos HTML y las atrocidades en contra de la usabilidad”

Es como si con cada generación de nuevos diseñadores se renovaran los errores una y otra vez, el tema de las búsquedas y las dificultades que experimentan los usuarios para encontrar lo que buscan dentro de un sitio, es un claro ejemplo de un desacierto que se repite constantemente, la falta de legibilidad también, ya sea por el tamaño de las tipografías o los grandes bloques de texto, o el abrir los links en ventanas nuevas sin el consentimiento del usuario, en este sentido Nielsen dijo una vez y yo lo he repetido miles: El usuario es el dueño del mouse (¿qué parte no entendieron?)

Sin embargo aquí también aparecen nuevas vetas que suponen una evolución tanto de la web como de los errores, y es la visibilidad en buscadores, La era Google ya se ha desarrollado y con ello la posibilidad de que cualquiera que tenga un sitio bien hecho pueda esta bien posicionado en un resultado de búsqueda y nos empezamos a preocupar por los metadatos, la clasificación Dublin Core, la limpieza del código, la repetición de las palabras clave, las condiciones de accesibilidad y visibilidad del sitio. Nos enteramos no hace mucho de la palabra SEO (Seach Engine Optimized) y todo lo que ella representa y toda esta movida en el tiempo, se representa en el puesto número 6 de la lista de UseIt.

Otro tema digno de destacar son las convenciones, así como los lenguajes responden a estándares, el diseño web responde a convenciones en este caso a la consistencia, funciones o tareas que indefectiblemente se distinguen y se comportan de la misma manera. En este sentido Nielsen sostiene que como los usuarios pasan mucho tiempo en diversos sitios, basarán sus expectativas con respecto al nuestro en relación a la consistencia que tengamos con otros sitios, la familiaridad que se crea al encontrar que algo funciona de la misma manera que en otro lado, la traslación de ese conocimiento tornará nuestro sitio más facil de usar. La lista para 2007 está compuesta por:

1. Dificultad en las búsquedas
2. Archivos en PDF para lectura en línea
3. Falta de diferenciación para el color de los links visitados
4. Texto no escaneable
5. Tamaño fijo para las tipografías
6. Títulos de página con baja visibilidad en buscadores
7. Cualquier cosa luce como publicidad
8. Violación de las convenciones de diseño
9. Abrir links en ventanas nuevas
10. No responder a las preguntas de los usuarios

A como va el negocio, que a mi modo de ver tiene barreras de entrada muy bajas, con lo cual nos encontramos que cualquiera puede rápidamente armar páginas web, podemos sostener que Jakob Nielsen  podría seguir unos cuantos años más con sus decálogos de horrores en el diseño web.

Hasta la próxima!

Enlaces relacionados

• 456 Berea ST: Top ten web design mistakes, 2005 edition
• 456 Berea ST: Ten deadly sins of web design
• Web Pages that sucks: Biggest mistakes in web design 1995-2015
• Office Microsoft Live: 5 mistakes every website should avoid
• Palmer Web Marketing: 10 Costly Assumptions
• web design from scratch: Top 5 Home Page Mistakes

Agregar a diferentes marcadores sociales