10 grandes descubrimientos en el campo de la usabilidad web

La usabilidad es una disciplina que a veces resulta un tanto abstracta y difusa: las reglas no siempre son fijas, y a menudo se contradicen entre si. Pero tambien es cierto que la usabilidad nos ha aportado algunos descubrimientos enormemente utiles para mejorar el diseno de nuestros blogs y sitios web.

Aqui tienes 10 “reglas” de usabilidad que merece la pena tener en cuenta:

1. Las etiquetas de los formularios, mejor sobre el campo

Tras duras y largas discusiones, parece que al fin hemos descubierto cual es la posicion ideal para las etiquetas de los formularios en la web: encima del campo.

En la mayor parte de los casos, los disenadores situan la etiqueta a la izquierda del campo, generando asi una maquetacion a dos columnas. Y aunque esta opcion es correcta, no es la mas usable. Esta es la explicacion: los usuarios completan los formularios siguiendo un patrón vertical, de arriba abajo. Por eso, les resulta mas comodo encontrarse primero la etiqueta e inmediatamente debajo, el campo. Asi de sencillo. Ademas, si ponemos la etiqueta a la par del campo, nos planteamos un problema de alineacion. Si alineamos los elementos a la izquierda, el usuario puede escanear bien la informacion, pero el literal y el campo quedan demasiado separados: dan sensacion de desconexion. Si los alineamos a la derecha, en cambio, estaran bien ligados, pero su posición sera menos comoda para el escaneo del usuario…

La solucion:

BIEN

Nombre: Felisa Moratin

MEJOR

Nombre:

Felisa Moratin

2. El usuario se fija en las caras

El cerebro del ser humano esta preparado para reconocer y memorizar las caras de los demas.

En la web sucede como en la vida real: nos fijamos primero en las caras y en los ojos de las personas que aparecen en pantalla. Este constituye, por tanto, un recurso de marketing fundamental para captar la atencion de los usuarios. Y es una de las razones por las que muchos sitios web, y muchos banners publicitarios, incorporan fotos de personas en su interior.

Pero todavia hay mas: despues de fijarnos en la cara y en los ojos, avanzamos en la dirección que marca la mirada del protagonista (la persona que aparece en la imagen).

3. La calidad del diseño en un poderoso indicador de credibilidad

Juzgamos un libro que no conocemos por su portada, y de la misma forma, la calidad del diseno de un sitio web condiciona nuestra percepcion sobre el. Si nos parece un buen diseno, es mucho mas facil que depositemos nuestra confianza en ese blog o ese sitio web.

La maquetacion, las tipografias, los colores y el estilo configuran, en buena parte, nuestra percepcion sobre ese sitio web. Asi que si queremos proyectar una buena imagen, lo mejor es que contemos con un buen diseno.

Otros factores importantes que afectan a la credibilidad de un sitio web son la calidad de los contenidos, la cantidad de errores, la facilidad de uso y la confianza que nos inspiran los autores.

4. La mayor parte de los usuarios NO HACÍA scroll (antes)

Segun un estudio elaborado en su dia por Jakob Nielsen -guru de la usabilidad- tan solo el 23% de los usuarios hacen scroll en su primera visita a un sitio web. Eso significa que la gran mayoria de los usuarios -un 77%- solo ven el contenido que se muestra en pantalla. Y todavía hay mas: el porcentaje de los usuarios que hace scroll va disminuyendo conforme realizan mas visitas al sitio web. En la segunda visita, solo el 16% hace scroll.

Segun este estudio, la leccion esta clara: hay que situar los contenidos y servicios mas importantes a la vista, especialmente en la principales paginas de “aterrizaje”, para que el usuario pueda encontrarlos sin necesidad de hacer scroll.

Evidentemente, no puedes ponerlo todo en la parte superior de la pagina. Eso es sencillamente

imposible. Pero si puedes utilizar ese espacio para promocionar lo esencial. En el caso de la home, estos son los elementos que no pueden faltar:

● El nombre del sitio web.

● Tu propuesta de valor al cliente/usuario: aquello que le ofreces.

● La navegacion por las principales secciones del sitio web.

… pero las costumbres cambian. El hecho es que hay una leccion todavia mas importante:

las costumbres de los usuarios cambian, estan en continua evolucion. Segun varios estudios posteriores, a la gente cada vez le cuesta menos hacer scroll. De hecho, muchos usuarios lo prefiere a la paginacion, y no tienen inconveniente en llegar hasta el final de la pagina.

Por eso, te recomendamos que no satures el espacio superior. Cuando el usuario encuentra demasiadas cosas, no sabe que hacer y se desorienta. Es mejor que organices la información a lo largo de la pagina dejando un espacio en blanco entre cada area de contenidos.

5. El color azul es el mejor para los enlaces

Conseguir que tu sitio web sea diferente a los demas es importante, pero cuando hablamos de usabilidad, basarse en los estandares -lo comunmente aceptado- suele ser la mejor receta. Es muy sencillo: cuando la gente accede a un sitio web, espera encontrar las cosas de la misma forma que en el resto de sitios web que ha visitado anteriormente. Son los conocidos como patrones de uso.

Y siguiendo este razonamiento, el azul es el color por excelencia para senalar los enlaces. Es el color por defecto de los navegadores, y el que usa Google (ahi es nada).

No tienes por que hacerlo todo igual que los demas, claro. Si decides optar por otro color para los enlaces, ten en cuenta las siguientes consideraciones:

● Debe ofrecer un buen contraste de color con el fondo: si el fondo es claro, debe ser un color oscuro, y viceversa.

● El color de los enlaces debe ser diferente al del texto comun empleado en el sitio web, para que el usuario perciba la diferencia.

6. 27 caracteres para la caja de búsqueda (aprox.)

El ancho ideal para la caja de busqueda se situa en torno a los 27 caracteres.

Segun un estudio publicado por Nielsen, casi todos los buscadores ofrecen un espacio demasiado pequeno para introducir las palabras clave. El problema es que, aunque la caja permita introducir un texto mas largo, parte de esa palabra desaparece de la vista. Es un sistema incomodo y que se presta a errores: el usuario no sabe exactamente que ha introducido.

En cambio, con un ancho de 27 caracteres se cubre el 90% de los terminos de busqueda (en ingles, puede que en castellano haga falta algun caracter mas).

Para calcular el ancho, utiliza como referencia el caracter “m”. Recuerda: para el usuario, resulta mas comoda una caja de busqueda ancha, aunque despues sobre el espacio.

7. Deja que la página respire para facilitar la comprensión lectora

Los buenos disenadores conocen bien el valor de un espacio en blanco. Los espacios “blancos” entre los parrafos, las imagenes, los botones, los margenes, etc. hacen respirar a la pagina. La informacion se muestra menos apelotonada y mucho mas ordenada, y al usuario le resulta mucho mas facil la lectura. Ademas, los espacios le permiten distinguir las diferentes areas del sitio web, cada una con su importancia.

Segun un estudio, el espacio entre parrafos, y en los margenes izquierdo y derecho, facilita la comprension en un 20%, ya que permite a los usuarios concentrarse mejor en los contenidos.

8. No hace falta que hagas el super test

Segun un estudio de Nielsen, los tests de usabilidad efectuados con solo 5 usuarios permiten descubrir el 85% de los problemas del sitio web. Si realizas el test con 15 usuarios, descubririas todos los problemas, pero debes decidir si merece la pena el gasto y el esfuerzo… De hecho, con solo dos usuarios ya serias capaz de descubrir la mitad de los problemas.

En resumen: no hace falta que gastes todos tus recursos en un test extensivo. Eso si, aunque sea de forma modesta, intenta poner tu sitio web a prueba. Por modesto que sea tu testing, te permitira conseguir mejoras significativas.

9. Ofrece información detallada sobre tus productos y servicios

Si tu sitio web vende productos o servicios, es evidente que mucha gente va a querer consultar toda la informacion disponible antes de tomar la decision de compra. Parece obvio, pero normalmente los sitios web no ofrecen suficiente informacion. Segun los estudios, la falta de informacion sobre productos es el origen del 8% de los problemas de usabilidad, y es una mala practica que causa el 10% de los fracasos en las ventas.

Asi pues, ofrece a tus usuarios informacion detallada, pero no se la hagas llegar en forma de “ladrillo”. Partela en trozos digeribles: utiliza imagenes, listas, titulos y subtitulos de apartados

para que el texto no se vuelva pesado y poco atractivo. Insistimos: incluye imagenes para que  l usuario pueda hacerse una idea realmente aproximada. Y nada de terminos demasiado tecnicos.

10. Somos (casi) inmunes a la publicidad

La mayor parte de los usuarios ni siquiera se fija en los banners publicitarios. Acceden al sitio web y obtienen la informacion que buscan. Los reclamos publicitarios ni siquiera consiguen distraerles, incluso si se encuentran justo al lado del texto.

La principal conclusion es que los usuarios evitan la publicidad y, por consiguiente, también evitan cualquier cosa que tenga el mismo aspecto que la publicidad, aunque no lo sea. Asi que descarta los elementos de tu sitio web que tienen el aspecto de un banner publicitario y se situan en las zonas que normalmente ocupan los anuncios (por ejemplo, en el lateral derecho del texto).