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).
