Este es el tipo de post que me gustan. De esos que lees y en seguida te entran ganas de ponerte en acción ojalá que a mis lectores (por cierto ya sois más de 200, os mantendré informados…) les pase eso a menudo con lo que escribo.

10 Consejos útiles sobre usabilidad (En inglés)

1.- Las caras captan la atención de los usuarios:

El mapa de eye traking muestra como los usuarios fijan su atención en la cara del bebe
El mapa de eye traking muestra como los usuarios fijan su atención en la cara del bebe

Eye-tracking heat map of a baby looking directly at us, from the UsableWorld study . Eye-Tracking mapa de calor de un bebé que mira directamente a nosotros, desde el estudio UsableWorld.

Cuando el bebé mira hacia el contenido aumentan los usuarios que se fijan el título y el texto
Cuando el bebé mira hacia el contenido aumentan los usuarios que se fijan el título y el texto

Nos fijamos en las caras que aparecen las páginas web pero esas caras también pueden desviar nuestra atención hacia otros puntos. Habrá que aprovechar esto!

2.- La mayoría de los usuarios HACEN SCROLL

Aunque algunos estudios como el Jakob Nielsen (Prioritizing Web usability), hablaban de que tan solo un 23% de los usuarios hacen scroll en su primera visita a un sitio y un porcentaje mucho mejor, 16% lo hace en la segunda, parece que los hábitos están cambiando y que los usuarios se sienten ya cómodos haciendo scroll. La diversidad de pantallas y resoluciones que hace imposible fijar un estandar está contribuyendo a ello.

Lastminute ofrece en su primer pantallazo su nombre, su producto estrella (el buscador) y enlaces a las principales secciones.
Lastminute ofrece en su primer pantallazo su nombre, su producto estrella (el buscador) y enlaces a las principales secciones.

Asi debemos evitar obsesionarnos por el primer pantallazo e intentar meter todo el contenido en esa primera vista. El hacinamiento del contenido no hace si no dificultar la búsqueda de la información.

Es muy recomendable hacer distintas zonas en nuestra web dejando buenos espacios en blanco entre ellas.

Con todo debemos cuidar muy bien ese primer pantallazo (los primeros 768 píxeles) en donde no deben faltar:

  1. Nombre de la página
  2. Propuesta de valor. Que aparezca lo que nosotros ofrecemos y por lo que nos diferenciamos de la competencia. Nuestro punto fuerte
  3. Enlaces a las principales secciones de la web, las más relevantes para el usuario.

Os dejo algunos enlaces a estudios que hablan sobre el tema. Están en inglés:

3.- Los formularios funcionan mejor con el texto por encima del campo

Según un estudio realizado por UX Matters la mejor posición para los campos de un formulario es debajo del texto y no al lado.

Aunque son los más comunes este tipo de formulario no es el ideal

Aunque son los más comunes este tipo de formulario no es el ideal

Así es como habría que hacerlo

Con el texto encima del campo los resultados son mejores

Con el texto encima del campo los resultados son mejores

4.- Un buen diseño aumenta la credibilidad

La mayoría de los usuarios juzgan al libro por las tapas, es decir, una web por su diseño. Hay varios estudios que así lo demuestran:

Stanford-Makovsy Web Credibility Study 2002: Investigating What Makes Web Sites Credible Today
What Makes A Web Site Credible? A Report on a Large Quantitative Study
The Elements of Computer Credibility

Elementos como el diseño, la coherencia, la tipografía, el color y el estilo de cómo afectan a todos los usuarios perciben su sitio web y qué tipo de imagen que proyecto.

Otros factores que influyen en la credibilidad son: la calidad del contenido del sitio web, la cantidad de errores, la tasa de cambios, facilidad de uso y fiabilidad de los autores.

5.- Los enlaces mejor en azul

Cuando se trata de usabilidad lo mejor es hacer lo que hacen los grandes. La razón es sencilla si un usuario entra por primera vez a tu página esperará que se comporte de forma parecida a las páginas que el usa. En este sentido lo mejor es seguir las convenciones. Es lo que se conoce como patrones de uso. La gente espera encontrar ciertas cosas iguales, como el color de los links, el sitio en el que está el logo, el funcionamiento de la navegación por pestañas. (Aquí tengo que aplicarme y cambiar el rojo de mis enlaces, sigo pegándome con WordPress y estoy convencido que en cuanto saque un poco tiempo lo haré sin problemas).

Lastminute ofrece en su primer pantallazo su nombre, su producto estrella (el buscador) y enlaces a las principales secciones.

Lastminute ofrece en su primer pantallazo su nombre, su producto estrella (el buscador) y enlaces a las principales secciones.

Al dar su sitio web un diseño único, es grande, cuando se trata de la usabilidad, haciendo lo que hacen los demás es la mejor. Follow conventions, because when people visit a new website, the first place they look for things are in the places where they found them on most other websites; they tap into their experience to make sense of this new content. Siga las convenciones, porque cuando la gente visita un sitio web nuevo, el primer lugar donde buscar las cosas están en los lugares donde se encontraron en sitios web la mayoría de los otros, sino aprovechar su experiencia para dar sentido a este nuevo contenido. This is known as usage patterns . Esto se conoce como patrones de uso. People expect certain things to be the same, such as link colors, the location of the website’s logo, the behavior of tabbed navigation and so on. La gente espera ciertas cosas de la misma, tales como colores de los enlaces, la ubicación del logo de la web, el comportamiento de la navegación por pestañas, etc.

Esta no es una regla fija. Los enlaces, eso sí tiene que diferenciarse del texto y no ser del mismo color que el fondo. Si el fondo es claro el enlace debe ser oscuro y vicebersa. El azul es el más común porque es el que viene por defecto en los navegadores.

Comparte esta entrada:
  • Facebook
  • Twitter
  • Meneame
  • LinkedIn
  • Google Bookmarks
  • Print
  • RSS
  • PDF
  • Digg
  • del.icio.us
DOG dcc!!

Una respuesta to “Consejos de usabilidad que intentaré seguir”

  1. Yadir Gómez dice:

    Muy bueno el articulo! definitivamente da ganas de aplicarlo, el usuario cada vez es mas exigente

Deja un comentario