Los diez errores en diseño web revisados

¿Cómo está el diseño web de hoy en relación al famosísimo decálogo de errores que detectara Jakob Nielsen en el ya lejano año 2002?

Fernandho Silva Posadas
Followers:
0
Comments:
42
Votes:
161
Compartir:

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 sitio, UseIt.com, interesantes análisis, estudios y experimentos para guiar a los diseñadores web en su difícil tarea. En 2002 publicó un ya clásico artículo sobre los diez errores que suelen cometerse al diseñar páginas web (el original: Top Ten Web-Design Mistakes of 2002). Recientemente volví a cruzarme con dicho artículo y me pregunté 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.

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. Algunos sitios incluso permiten ordenar los resultados de una tabla o búsqueda en función del precio u otras características, con un solo click. 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, fácil de copiar, pegar y reenviar a otras personas.

2. Utilizar buscadores poco flexibles o inflexibles del todo

Esta parece seguir siendo la maldición de la web. Los «buscadores internos» siguen siendo pobres e incompletos, imprecisos y poco flexibles. A veces se diría que los propietarios del sitio ni siquiera 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 un sitio propio. El único problema es garantizar la «frescura» de los resultados, pero en este aspecto Google ha mejorado mucho y responde ya casi en «tiempo real».

3. El «scroll» o desplazamiento horizontal de la página

Por suerte este tipo de diseños se ha 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.

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 JavaScript 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 un sitio. 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 del sitio quisieran que les hagan, en lugar de 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 del sitio queda ligeramente dañada, y tal vez esos servicios acortadores no vivan para siempre, «rompiendo» el sitio. 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.

42 Comments

See comments

Published on 28/02/2011

IMPORTANT: This article does not express the opinion of the editors and managers of FOROALFA, who assume no responsibility for its authorship and nature. To republish, except as specifically indicated, please request permission to author. Given the gratuity of this site and the hyper textual condition of the Web, we will be grateful if you avoid reproducing this article on other websites. Instead, we suggest and value a partial reproduction, also including the name of the author, the title and the source (FOROALFA), a link to this page (https://foroalfa.org/articulos/los-diez-errores-en-diseno-web-revisados) in a clear and visible place, inviting to complete the reading.

You may be interested

Dosve
Idioma:
ES
Author:

Dosve

Title:

Creatividad en movimiento para un canal infantil

Share:
Interactions:
Votes:
63
Comments:
35
Followers:
7
Ali Hermes Gómez
Idioma:
ES
Author:

Ali Hermes Gómez

Title:

¿Qué busca un reclutador en tu perfil de Linked In?

Share:
Interactions:
Votes:
18
Comments:
5
Followers:
28
César Ochoa
Idioma:
ES
Author:

César Ochoa

Title:

El valor no reconocido del diseño

Share:
Interactions:
Votes:
44
Comments:
15
Followers:
7
FOROALFA
Idioma:
ES
Author:

FOROALFA

Title:

Debate: ¿Cuánto cobra por mes un diseñador empleado a sueldo?

Translations:
Share:
Interactions:
Votes:
398
Comments:
408
Followers:
540
Luis Correa
Idioma:
ES
Author:

Luis Correa

Title:

La percepción en la experiencia de usuario

Share:
Interactions:
Votes:
55
Comments:
30
Followers:
15
Ricardo Acosta García
Idioma:
ES
Author:

Ricardo Acosta García

Title:

¿Qué es la gestión de clientes en los servicios de diseño?

Share:
Interactions:
Votes:
118
Comments:
54
Followers:
67
My opinion:

Login with your account to comment on this article. If you do not have it, create your free account now.

13
6/2012
Helsic Minghae

Excelente articulo.

Muchas gracias por compartir esta información :D viva la buena usabilidad en web!

0
Answer
39
3/2012
Emmanuel Pravia

Excelente.

0
Answer
13
1/2012
Esther Martínez

Totalmente de acuerdo con el artículo, buenas observaciones.

0
Answer
0
6/2011
Minoru Shim

me gustó el artículo, es el primero que leo de ésta web je je, buena revisión de los puntos, también quiero dedicarme a diseño web, tendré muy en cuenta esto

0
Answer
0
5/2011
Natalia Jacquier

Sobre la regla del scroll horizontal hay en este artículo algunos ejemplos muy buenos de «romper esa regla».

http://www.webdesignerdepot.com/2009/06/10-web-design-rules-that-you-can-break/

Sobre lo que dijo Fernando Muñoz, creo que es válido partir de estas reglas para saber cuáles romper y con qué criterio ya que el diseño gráfico tiene que estar articulado con la usabilidad. Sobre eso escribió algo Gui

Bonsiepe http://books.google.com.ar/books?id=LylTut9Tdj4C&hl=es

Creo que fue David Carson que dijo que hay que conocer las reglas para romperlas... O fue alguien mucho antes que él...

0
Answer
0
4/2011
Fernando Muñoz

Nótese que los puntos están relacionados con usabilidad y no con «diseño gráfico». Nadie va a conseguir un mejor diseño gráfico siguiendo estos tips, pero sí una mejor usabilidad, por ende, una mejor experiencia de usuario.

De todas formas, hay que pensar que esto data de 2002, sólo el año antes (2001) la problemática era qué tanto manteníamos la política de trabajar para netscape 4 en relación a IE6. De Opera, Firefox y Safari ni hablar, simplemente no existían.

CSS estaba ya horneado pero aún la base de casi todos los diseños eran las tablas. Lo único que falto fue el odioso marquee!

1
Answer
0
3/2011
Liliana Rodriguez Rodriguez

Interesante articulo de verdad, a mi como estudiante y con tendencia a dedicarme al diseño de paginas web me gustó mucho y creo en verdad que me servirá a un futuro cada vez más cercano, tomaré en cuenta los consejos y lo que no debo hacer ojalá y suban más artículos como este.

0
Answer
0
3/2011
Julian Flores Díaz

me parece que debemos difundir este artículo entre todos los diseñadores, porque es bien importante poder ofrecer un excelente diseño y que además informe correctamente a todos los que lo lean, y por leer me refiero a leer el dibujo y tambien el texto

0
Answer
1
3/2011
Fernando Luje

Que buen análisis me gusto mucho me doy cuenta que se avanzado en cada uno de los puntos y mucho más...

0
Answer
0
3/2011
López Lucero

Un error muy común, que no aparece en la lista, pero que puede ser igual de 'molesto' que los demás para los visitantes de una web; son los que abundan en sitios de música, donde insertan un reproductor de música que se activa al ingresar a la pagina, no respetando la decisión del usuario al tomar ya la decisión de reproducir el contenido. La solución se encuentra en insertar el mismo reproductor de música en estado de pausa. Esperando que el usuario elija si quiere o no escuchar el contenido.

1
Answer
0
3/2011
Gonzalo Emanuel Castillo

Muy buena la nota, estoy de acuerdo en varios puntos. Lo que siempre hay que tener en cuenta, es la visual de nuestro diseño, antes que nada, que sea agradable y fácil de entender para el cliente o visita.

0
Answer
0
3/2011
Pablo Navarro

Me parecen muy buenos los errores marcados con anterioridad. En dos cuestiones no estoy del todo de acuerdo (al menos para Argentina):

1) Precios: en algunos sitios como ser del rubro inmobiliario muchas veces por cuestiones de mercado no se recomienda exponerlos.

2) Dirección de Correo: en muchos casos, el posible cliente prefiere enviar la consulta desde su correo y mantener una copia del mismo y no enviarlo vía formulario online.

La utilización de flash en su totalidad es un problema que se ve a diario y ante la falta de un plugin actualizado en la pc se pierde la visualización del site.

0
Answer
0
3/2011
Guadalupe Morales

Me parece interesante el artículo ya que en ocasiones no consideramos para el Diseño Web, detalles que no cuidamos y en relación a la percepción debemos cuidar el proceso de recepción por parte del usuario.

0
Answer
0
3/2011
Andrés Vázquez

Coincido, sumo y sigo.

Acabo de terminar un diagnóstico sobre tres sitios gubernamentales para el Gobierno y algunos errores específicos para no cometer:

1. Confundir a un cliente gubernamental con uno privado.

2. Confundir transparencia con saturación de información.

3. Linkear demasiado o no linkear nada!

4. Hacer propaganda en vez de informar.

Si alguien quiere compartir experiencias, bienvenido. avazquez12@gmail.com

1
Answer
0
3/2011
Lue04 Zeroqatro

Usualmente trabajo con web y algunos puntos los comparto sin embargo esta bien que los clientes entiendan que la web no es para meter hasta los microbios de la casa... Muy buenos puntos

0
Answer
0
3/2011
Mariana Vacis

El material me ha ayudado bastante, a partir de esto avancé con lo que es el diseño de pág.web; debido a que aún soy nueva en el campo. De verdad muchas gracias, me encantó el item del «scroll». Reí mucho porque hace tiempo no veía errores como ese, pero sé que existen aún :)

0
Answer
0
3/2011
Bibiana Mejía

Muy bueno el documento. Gracias

0
Answer
0
3/2011
Claudia Estela Mota Núñez

En México me parece particularmente especial que ya se eviten este tipo de errores, pues en lo que se refiere al precio, suele ser una de las primeras partes existentes y así evitar dudas al cliente, dando como resultado canal más directo de información.

0
Answer
0
3/2011
Santos Guerra

No poner precios en las tiendas o páginas de venta, promoción o comercio electrónico:

Esto varia de acuerdo al país... en venezuela nadie quiere exihibir sus precios en una página web y se trata de mercadeo no de DISEÑO, asi que no creo que sea un error de diseño web.

0
Answer
24
3/2011
Pier Alessi

Intersante tema, acabo de hacer el nivel senior del curso web y tomaré en cuenta estos errores comunes, debo destacar que aun se cometen cosas que no deben ser como las caracteres saltados al justificar el texto pero esto se debe a una razón técnica que espero algún día se solucione. Gracias al avance del css y javascript la internet hoy en día a avanzado mucho.

0
Answer
0
3/2011
Itzel Mendiola

Al revisar una web de productos, lo primero que deseo es saber los costos, y muy pocas los tienen, aunque ésta sea la principal razón de busqueda via online. De acuerdo a los buscadores me atrevo a decir que el 100% de los sitios a los que he accesado, son una basura. En el scroll, es díficil encontrar actualmente una web así, sólo cuando es un Foro donde sabes que encontrarás miles de opiniones diferentes que estas «obligado» a leer. En cuanto a las tipografías y el texto, creo que actualmente se pueden hacer cosas mas interactivas y menos tediosas. En enlaces mientras menos clicks es mejor.

0
Answer
0
3/2011
César Eslava

Que buen tema, tomare en cuenta estos puntos a la hora de iniciar mi aprendizaje en páginas web. Y es indiscutuble que las necesidades y las exigencias de los usuarios de internet crezcan cada vez más que es poco problable que nos quedemos igual que hace 9 años en cuanto a este tema.

0
Answer
0
3/2011
Andrés Rodriguez Ramirez

Eso e lo que suele suceder con los nuevos «diseñadores» que se capacitan en «institutos» de garaje que en donde solo les interesa capacitar en cuanto a cantidad y no en calidad de enseñanza... ahora todo el que se capacita en todos estos «institutos» de medio pelo entregan a diestra y siniestra diplomas y catalogando a todo el mundo como técnico web o desarrollador especialista en websites etc..

Dignifiquemos este oficio! Zapatero a tus Zapatos!

0
Answer
0
3/2011
Paulo Hernandez

Excelente!! estos consejos son fundamentales para los que trabajamos con páginas Web!!

0
Answer
0
3/2011
Julio Pinto

Scroll Horizontal - Sites

http://mocoloco.com/

http://www.multipraktik.com/

Tener en cuenta que son paginas de Diseño

!?

0
Answer
0
3/2011
Fran Salazar

Gracias por darnos éstos comentarios que siempre enriquecen a quienes estamos trabajando a veces en diseño Web.

0
Answer
0
3/2011
Carola Cruz García De Marquez

Sólo no nos olvidemos que para que el website pueda ser efectivo, no sólo debe cumplir con los principios de usabilidad, sino también con los objetivos de marketing y comunicación de la empresa. Estos dos aspectos deben alinearse y funcionar muy bien juntos.

Para agregar algo al comentario de Raúl, en Perú también muchos siguen pensando que el diseño debe orientarse al cliente, mas no al usuario.

Y Nelson, no le tengas tanto miedo al scroll (obviamente al vertical).

0
Answer
0
3/2011
J Garza Garza Chavez

Desde el momento de autonombrarse «SEO Expert» estamos mal, sorry pero desde ahi se pierde toda la credibilidad del comentario.

Respecto a los 10 errores como comenta FERNANDHO SILVA, hay que resumirlo en una sola frase:

Keep it Simple!

0
Answer
22
3/2011
Jesus Salazar

Coincido con el señor Giménez en el sentido de las animaciones en Flash. Nunca han sido recomendación para mis clientes, y quienes han insistido, ahora ven mermada su efectividad por la tendencia hacia los dispositivos móviles. Hay sitios que están hechos cien por cien en flash, y obviamente las compañías a las que pertenecen están perdiendo un sector importante de mercado.

0
Answer
0
3/2011
Gonzalo León

sigo con lo de Nielsen en 2007 (original aqui http://www.useit.com/alertbox/9605.html )

8) No respetar el diseño convencional de otros sitios

9) Abrir otras ventanas del navegador

10) No responder a las preguntas del usuario

Continuamente Nielsen reporta sobre problemas de usabilidad web en distintos aspectos. Creo que es fundamental leer su alertbox para todos los que se dedican al diseño web. http://www.useit.com/alertbox/

0
Answer
0
3/2011
Edgardo Gimenez Mazó

Creo que otro clásico error es el abuso de animaciones en flash, ya sea porque forman parte de la estructura del sitio o bien por pertenecer a banners publicitarios.

Tardan mucho en cargar y consumen recursos.

No hay que olvidarse de que la navegación móvil, en términos de velocidad y capacidad, debe andar por como andaba la navegación de escritorio en el año 2002 o 2003 (y según la zona, en 1998!), por lo que publicar un encabezado, banner o animación que sobrepase los 100, 200 o peor aún, los 500 kb es un atentado contra el usuario.

0
Answer
0
3/2011
Nelson Damian Espinoza

Algo que falto, y no recuerdo si Nielsen lo comenta también es... No poner el famoso sección en construcción... Es algo que ya se ha dejado de ver en muchos sitios (gracias a DIOS!)

Por otro lado, concuerdo mucho con el compañero Raul Morales, hoy en día las empresas deben reconocer que el diseño final se orienta al cliente. Si eso se pensara se evitaría por ejemplo musho uso del scroll... ese es un tema algo complejo.. aún hay sitios - tristemente- que el scroll es casi un deporte.

0
Answer
0
3/2011
Carlos Aguilar

La mayoria de estos conceptos ya fueron refutados hace tiempo en base a investigaciones.

Se habla de esto en el importante blog de diseño digital Six Revisions.

http://sixrevisions.com/usabilityaccessibility/10-usability-tips-based-on-research-studies/

0
Answer
5
3/2011
Alfredo Texis Michicol

Importante es conocer y usar la tecnologías adecuadas basadas al OBJETIVO DE DISEÑO de un sitio, página, portal, red social (siempre pensar en «DESIGNIO») la función que desempeñara (informar, promocionar, educar, entretener, etc.). Un error común es no partir de lo general, de la «Interfaz de usuario» que es en donde el trabajo del diseñador añade valor al sitio.

0
Answer
0
3/2011
Gonzalo León

Nielsen publicó la lista pro primera vez en 1996 y la ha estado revisando continuamente. LA revision más reciente es de 2007 y los 10 errores en ese momento fueron:

1.- Mala búsqueda

2.- Uso de PDF

3.- No cambiar el color de los enlaces ya visitados

4.- Texto que no se puede revisar de un vistazo («escanear» con la mirada)

5.- Poner le tamaño de la fuente «fijo» (inhabilitar la capacidad de los navegadores de ampliar el tamaño del texto)

6.- Titulos de página con baja visibilidad para las máquinas de búsqueda

7.- Incluir cualquier cosa que se vea como publicidad

8.- No respetar las (sigue...

0
Answer
0
3/2011
Raul Abraham Vivanco Morales

Podriamos agregar tambien que un error gravisimo es Diseñar para el gusto de la empresa, que aun se sigue dando mucho aqui en Mexico...Cuando este deberia de enfocarse obviamente a los consumidores finales.

0
Answer
0
3/2011
Isabel Reza

Bueno creo que todos estos puntos son muy ciertos y que con el paso del tiempo han sido arreglados. Pero tambien creo que hace falta mencionar algunos otros errores que se cometen con frecuencia, ya que solo se enfocan en si al disenio y no a la funcionalidad de la pagina, como experto en SEO puedo decirles que es de suma importancia diseniar una pagina web de acuerdo a los lineamientos del posicionamiento web, si en verdad se quiere tener buenos resultados!

0
Answer
1
3/2011
Rusia González

Considero que la lista de errores está buena, aunque la mayoría corresponde a un aspecto técnico, de navegación. Hay otros elementos que tomar en cuenta para el «diseño gráfico web», tales como: legibilidad, tipografías adecuadas, uso de imágenes, composición por lo menos agradable y por qué no.. acorde a la temática, uso del color, contrastes, etc...

0
Answer
0
3/2011
Julio Valle

Importante es conocer y usar la tecnologías adecuadas basadas al OBJETIVO DE DISEÑO de un sitio, página, portal, red social (siempre pensar en «DESIGNIO») la función que desempeñara (informar, promocionar, educar, entretener, etc.). Un error común es no partir de lo general, de la «Interfaz de usuario» que es en donde el trabajo del diseñador añade valor al sitio.

0
Answer
0
3/2011
Miguel Angel Sánchez Rubio

Creo que el último punto no lo entendiste bien.

0
Answer
0
2/2011
Sergio Roca Figueroa

Nielsen; si bien se dieron parametros practicos para considerar al momento de diseñar una página web, observo que aún no se ha dado la receta para llevar acabo una página dinamica y veloz. Sera eso posible? y que deberiamos tomar encuenta para poder llevarla acabo. tendra algo que ver con la velocidad de nuestro servidor?

0
Answer
0
2/2011
Phelippe Romero

Amigos, me gusta su pagina, me resulta bastante interesante, pero humildemente les doy una crítica.

Pienso que es necesario que le den una buena mirada a su logotipo.

Confío en que lo puedan mejorar.

Eso solamente, saludos.

0
Answer