Top-10 Application-Design Mistakes

• Controles no estándares
• Inconsistencia
• Acciones no perceptibles
• Controles sin reacción
• Malos mensajes de error
• Preguntar por lo mismo dos veces
• No hay valores por defecto
• No explicar cómo funciona la aplicación
• No indicar qué se hace con la información
• Mostrar características internas

Controles no estándares

Las barras de desplazamiento son las víctimas mas habituales de los diseños con controles no estándares, su utilización hace que en la mayoría de los casos los usuarios sean víctimas de no encontrar información. Por mi experiencia en tests las barras de desplazamiento siempre suponen un obstáculo para los usuarios y una vez que consideran éstas como elementos comunes en la gran mayoría de sitios web, hacen que, si cambiamos su apariencia en nuestras aplicaciones, los usuarios vuelvan a encontrar dificultades para, primero, localizarla y, después, aprender su uso.

Algunos de los mejores diseñadores de interacción han perfeccionado el look-and-feel de estos controles durante más de 30 años, con el apoyo de miles de horas de tests con usuarios.

Es poco probable que vayas a inventar un botón mejor durante el fin de semana.

Un problema completamente opuesto es el de dar apariencia de botón a elementos que, en realidad, no lo son. En aplicaciones de comercio electrónico puede generar. Un porcentaje por pequeño que sea, abandonará la acción una vez pasada la confusión.

Cada pequeño error en el diseño reduce su uso en sólo una pequeña cantidad, pero la mayoría de interfaces contienen pequeños errores que hacen que el número de clientes perdidos sume.

Controles sin reacción

Para mejorar la usabilidad hay que mejorar la información que la aplicación devuelve al usuario. Situación actual, interpretación de la situación actual, informar de la situación futura.

Malos mensajes de error

Es importantísimo dar información al usuario sobre el error, el porqué se ha producido y cómo puede solucionarlo. El usuario está mas que acostumbrado a no leer esos mensajes de error porque están diseñados para dar información al programador de la aplicación, así es frecuente encontrar textos que indican códigos y textos en otro idioma. Los usuarios quieren superar el error, quieren saber porqué no ha funcionado pero a menudo se encuentran con textos que no le ayudan en nada, cuando un texto bien desarrollado puede hacer al usuario resolver el problema y continuar.

No indicar qué se hace con la información

Obligar a los usuarios a introducir información sin saber para que la utilizará en el futuro, conduce a muchos errores que se pueden solucionar explicando para qué va a necesitar el sistema esa información. Los casos mas comunes son la introducción de códigos postales al inicio de la aplicación o la introducción de nombres de usuario (nicknames) que el usuario no sabe muy bien para que servirá. De saberlo probablemente introduzca otra información más válida.

Más información

• Top-10 Application-Design Mistakes
• 10 errores en el diseño de aplicaciones

Actualización:

Como siempre, se me han adelantado… Gabriel Porras ha traducido el texto completo en su blog. 10 Principios para un Diseño Web Efectivo

No me hagas pensar

Un sitio web siempre ha de ser obvio. Existen multitud de patrones que nuestros usuarios han aprendido a utilizar. Es inútil intentar inventar lo que ya está inventado y, además, funciona. Ayuda a los usuarios con una navegación intuitiva y clara. Estructura bien el sitio web y deja que el usuario navegue y descubra que servicios son los que ofrece la página. No olvides que la competencia está a un sólo clic.

No me hagas perder el tiempo

Deja al usuario navegar por tu web. Siempre vamos a querer recopilar toda la información posible sobre nuestros usuarios, pero antes de eso pregúntate: ¿ cuantos de esos datos necesito ?, ¿para qué? Deja que los usuarios exploren la web, prueben, usen… es mejor tener menos usuarios pero convencidos que han usado el servicio y lo seguirán usando, que mas usuarios que se han registrado sólo para conocernos, o incluso peor, perder usuarios que no nos han conocido por no tener tiempo para completar un formulario.

Ayúdame a enfocar la atención

El ojo humano no es lineal. Nuestros usuarios esperan encontrar bordes, fondos, movimientos, formas… Utilicemos estos elementos visuales para ayudar a identificar partes de nuestro sitio. Nuestro usuario se encontrará más orientado, más cómodo en nuestro sitio. Y alcanzaremos el objetivo de los dos primeros puntos. No pensamos y no perdemos el tiempo.

Muéstrame

La llamada web 2.0 pone el énfasis en guiar al usuario, botones grandes, colores llamativos, procesos marcados, listas… Si dejamos ver al usuario que es lo que hace nuestro sitio web y cómo hacerlo conseguiremos que nuestros usuarios puedan comprender fácilmente nuestro sitio web.

Escribe para mí, pero piensa en el medio

Hay que ajustar los textos para la web. Está claro que nuestros usuario prefieren leer sobre papel, así que si voy a leer de la pantalla pone las cosas mas fácil. Habla claro. Usa frases cortas, recuerda que no tenemos mucho tiempo. Escribe para ojear, categoriza el contenido, utiliza encabezados, párrafos. Y si nos van a imprimir, hazselo fácil. Imprime para el papel y no para una pantalla, elimina nevegaciones, cabeceras… elimina la información que no sirve para el medio.

Hazlo simple

Los usuarios raramente visitan una web por su diseño, olvídate de ti o de mí, los usuarios buscan información, servicios, contenidos… no pasan las horas visitando sitios por su diseño.

Déjame respirar

El temido miedo al blanco, necesitamos espacios donde reducir la carga cognoscitiva, es una cuestión de mejorar la percepción de la información de los usuarios. Nos ayuda a determinar secciones, áreas, partes del sitio web. Sin estos espacios nuestros usuarios no podrán percibir la jerarquía dentro del sitio web.

Aplica la comunicación visual

Organiza, da al usuario una estructura conceptual, Una jerarquía.

Simplifica, simplificar la carga da claridad, marca lo realmente importante y pon el énfasis en lo que realmente es importante.

Usa las convenciones

Usa los patrones que nuestros usuarios ya han/hemos aprendido. Piensa en tus usuarios. ¿Qué es lo que esperan encontrar?. Navegación, botones, estructura, formularios…

Usa, pero desde el principio

Las pruebas desde el principio del desarrollo. Nos darán un conocimiento temprano sobre los problemas futuros, situaciones… Cuesta mas resolver errores en las últimas fases del proyecto que en las primeras. Es un proceso iterativo. Prueba con otros, los que ven nacer el proyecto y trabajan con él a diario (diseñadores, maquetadores, programadores) conocen demasiado el proyecto como para que tengan una perspectiva adecuada del proyecto.

Artículo original y traducción

• 10 Principles Of Effective Web Design
• 10 Principios para un Diseño Web Efectivo