Por @Alvy — 3 de junio de 2010

Este artículo se publicó originalmente en Cooking Ideas, un blog de Vodafone donde colaboramos semanalmente con el objetivo de crear historias que «alimenten la mente de ideas».

Wall-Usability-1

Jakob Nielsen es uno de los expertos en usabilidad más reconocido de Internet, que publica desde hace más de una década en libros y en su web UseIt.com interesantes análisis, estudios y experimentos para guiar a los diseñadores de webs en su difícil tarea. En 2002 publicó un ya clásico sobre artículo los diez errores que se suelen cometer al diseñar páginas web (el original: Top Ten Web-Design Mistakes of 2002). El otro día me crucé de nuevo con dicho artículo y me preguntaba si la cosa habrá mejorado en estos años. De modo que… vamos a repasarlo para redescubrir lo que no se estaba haciendo bien hace casi diez años y compararlo con la realidad de hoy en día.

Los diez errores del diseño web en 2002, revisados en 2010

  1. No poner precios en las tiendas o páginas de venta, promoción o comercio electrónico. En este aspecto las cosas han mejorado bastante y las tiendas en línea han aprendido mucho. Los precios son parte primordial de las web comerciales, en muchas ocasiones por obligación legal, especialmente en sitios como agencias de viaje, donde deben detallar todos los conceptos minuciosamente. Algunas webs incluso permiten ordenar los resultados de una tabla o búsqueda en función del precio u otras características, con un solo clic. Sin embargo… un pecado en el que siguen cayendo muchas tiendas es en no ofrecer una «página de producto» individual con una URL corta (dirección web) fácil de copiar y pegar/reenviar a otras personas.
  2. Utilizar buscadores poco flexibles o inflexibles del todo. Esta parece seguir siendo la maldición de las webs. Los «buscadores internos» siguen siendo pobres e incompletos, imprecisos y poco flexibles. A veces se diría que ni siquiera los propietarios de una web hacen pruebas buscando sus propios contenidos para ver cómo funciona la cosa. Y muchos son tan lentos como inútiles. Este problema afecta especialmente a periódicos y tiendas en línea que almacenan vastos contenidos. Una posible solución en este mundo dominado por Google es utilizar Google Site Search para buscar al estilo Google –con sus algoritmos y opciones de búsqueda– dentro del contenido de una web propia. El único problema es garantizar la «frescura» de los resultados, pero en este aspecto Google ha mejorado mucho y se comporta casi ya casi, en «tiempo real».
  3. El «scroll» o desplazamiento horizontal de la página. Por suerte este tipo de diseños se han abandonado excepto para cuestiones puramente experimentales o artísticas. Con monitores más grandes y de más resolución, casi cualquier diseño web encaja «sin scroll horizontal» en las ventanas actuales, pero tanto diseñadores como usuarios prefieren la versión vertical.
  4. Tipografías de tamaño fijo. Con técnicas de diseño cada vez más flexibles y con la llegada de navegadores alternativos, como Firefox y Chrome, los diseñadores web comprendieron que los textos de la página web debían ser flexibles. Para todo lo demás, atajos de teclado como Aumentar Fuente o Disminuir fuente permiten «arreglar» cualquier página rápidamente. (Ctrl + Más/Menos en Windows; Comando + Más/Menos en Mac).
  5. Texto a chorro. Los diseños actuales permiten más opciones, pero muchos usuarios inexpertos siguen escribiendo párrafos demasiado largos, ignoran las listas de boliches o las listas numeradas y siguen creando contenidos difíciles de leer.
  6. Utilizar JavaScripts en los enlaces. Esta técnica se ve cada vez menos, probablemente porque existen otras alternativas (especialmente CSS y HTML avanzados) para crear efectos visuales y porque las técnicas SEO (optimización para buscadores) recomiendan evitarlos, para ponerle las cosas fáciles a Google a la hora de leer una web. Con la llegada de las «pestañas» a los navegadores, la gente también ha aprendido que si quiere abrir un enlace en una ventana nueva o una pestaña nueva puede hacerlo con un simple clic (Ctrl + clic en el enlace en Windows; Comando + clic en Mac).
  7. Documentos de preguntas frecuentes (FAQ) que incluyen más (o menos) de lo que deben contener. Las viejas malas costumbres parece que no se pierden, y los FAQ actuales, cuando los hay, suelen contener las preguntas que los propietarios de la web querrían que les hicieran, no las que los usuarios realmente hacen.
  8. Pedir la dirección de correo electrónico al usuario sin mostrar la política de confidencialidad. Definitivamente esto terminó: hoy en día y por razones legales es obligatorio, al menos en España, mostrar el texto relativo a la privacidad y protección de datos antes de pedir una dirección de correo o cualquier otro dato personal relevante. Además, también está regulado y no se admite «marcar por defecto» las cajas para dar permiso para usar dichos datos.
  9. Direcciones web (URL) mayores de 75 caracteres. La aparentemente arbitraria longitud de 75 caracteres se refiere a que originalmente los correos electrónicos cortaban los párrafos en líneas de 75 a 80 caracteres, más o menos, antes de enviarlos, y si se cortaba una URL luego era todo un lío pegarla de nuevo al completo. Hoy en día da prácticamente igual la longitud de un enlace, pero son preferibles los cortos, por ejemplo para enviarlos a un dispositivo móvil. Sin embargo, con esta solución llegó una peste peor: los acortadores de direcciones como TinyURL, Bit.ly y similares. Lo que antes era un interminable chorro de números y signos raros ahora son brevísimas URL con un código corto de letras y números. El problema: la estructura de enlaces de la Web queda ligeramente dañada, y tal vez esos servicios acortadores no vivan para siempre, «rompiendo» la Web. Tal es la situación que incluso han surgido iniciativas como 301works.org para intentar paliar mayores problemas en el futuro.
  10. Colocar enlaces a direcciones de email en lugares inesperados. El correo basura acabó con este problema: ahora prácticamente nadie se arriesga a mostrar una dirección de correo en una página web, ya sea visible u oculta, pues fácilmente será capturada por los spammers. En vez de eso se suele recurrir a formularios.

{ Foto: Reviewing the Wall of Deliverables (CC) Yandle }

Compartir en Flipboard Publicar / Tuitear Publicar