No soy experto en usabilidad web, por eso he titulado este post añadiendo un “para mi”, pero sí hago webs y gestiono otras, así que voy daros algunos consejos de cómo plantear el desarrollo de la web pensando en esto de que sea «usable».
Ya hablé hace unos meses de qué “exigirle” a quién vaya hacernos una web pero hoy me centraré no tanto en aspectos concretos sino en el enfoque general de qué y cómo queremos que sea nuestra web.
Qué es la usabilidad web
Según Wikipedia es “la disciplina que estudia la forma de diseñar sitios web para que los usuarios puedan interactuar con ellos de la forma más fácil, cómoda e intuitiva posible. La mejor forma de crear un sitio web usable es realizando un diseño centrado en el usuario, diseñando para y por el usuario, en contraposición a lo que podría ser un diseño centrado en la tecnología o uno centrado en la creatividad u originalidad”
Creo que eso resume exactamente el planteamiento de cualquier web pero lo que yo observo, muchas veces, es:
- Webs muy centradas en el diseño. Son muy bonitas, con muchos colores pero uno no sabe exactamente qué venden o para qué sirven o qué hay que hacer una vez caes en la home
- Webs “feas”, poco atractivas que se parecen más a un catálogo online que a pensarla para conducir al usuario hacía un sitio concreto.
- Webs hechas con una tecnología que no era necesaria para el tamaño de ese proyecto (aquí me refiero tanto a la plantilla, el maquetador o el CMS elegido) Una cosa más sencilla ya valía.
Así que en este punto no tengo tan claro que tengas que ser un súper experto en usabilidad web para hacer una web usable para el usuario. Obviamente nunca está de más pero con esta moda de inventarnos puestos para todo se nos está yendo un poco la pinza, la verdad.
Si tu marca tiene una web “normalilla” dónde nunca pasa nada, a continuación te dejo en lo que me fijaría para que mi web fuera usable.
Qué tener en cuenta para que tu web “funcione”
El objetivo general: la primera cosa que debemos pensar es “para qué queremos la web”. Eso ayuda mucho a lo que vendrá después, a qué le daremos más importancia, dónde pondremos el foco, etc. Pero, como decía antes, muchas marcas acaban haciendo un catálogo que, al final, resulta aburrido.
Estructura general: piensa la web como si estuvieras con un cliente y te da todo el tiempo de mundo para que le expliques qué haces y en qué puedes ayudarle. Eso te dará dos cosas: el orden de los contenidos en la home (la página que recibirá más visitas) y el árbol general de la estructura (las páginas que tendrá y cómo se ordenarán). Por ende ya tendrás el menú.
Conducir al usuario: ahora pensemos en “las partes focales”, es decir, aquellas cosas que son más importantes. ¿Quiero que el usuario vea un vídeo? Pues pon el vídeo arriba, más accesible. ¿Quiero leads? Pues pon formularios en todas partes, sin excesivo scroll y, quizás, hasta un popup. Mientras las cosas no sean molestas, el objetivo va por encima de todo. Se trata de conseguir que el usuario llegue dónde queremos, así que es tan simple como aplicar la lógica de los supermercados. Y esto vale también para “la navegabilidad” … si hacemos al usuario ir para adelante y para atrás, mal. Es más fácil que, casi desde cualquier punto, pueda saltar a otra página.
El diseño fácil: el diseño está al servicio del objetivo, no al revés. Puedo entender lo contrario en el caso de artistas o fotógrafos, por ejemplo, o modelos dónde la web es más reputacional y escaparate que otra cosa, pero en las webs de mis clientes, y en muchas otras, las “virguerías” tratamos de evitarlas si no aportan nada. Y, obviamente, que se adapte igual de bien en cualquier dispositivo… es obvio, pero por si acaso lo menciono.
Llama la atención: si queremos que alguien haga clic en un sitio concreto como no lo resaltemos, no habrá clic. Pero si lo resaltamos todo, nada queda resaltado. Así que centrémonos en poner los botones, CTA’s, necesarios pero evidentes y fáciles de ver. También vale para las fotos … a menudo un punto concreto de una página se destacará mejor con una imagen de fondo, no tenemos que usar botones siempre.
Enlaza bien: ayuda a la gente a navegar por la web pero tampoco metamos tantos enlaces que al final la gente se nos va (los llamados punto de fuga). A veces veo web que tienen una lista de enlaces en la mitad de la home, en el lateral de su blog y no entiendo qué hacen allí. En sentido comercial un “enlaza bien” significaría que si estoy explicando algo en una página y creo que el usuario que ha llegado hasta allí podría estar interesado en algo que está en otra página, pondré enlace. Pero si hacerlo hará que pierda algo importante por debajo, no lo haré.
Cierra cuando toca: si una página X necesita 1.500 palabras para explicar el producto y servicio pero en la palabra 600 el usuario ya puede tomar una decisión, pues pon ahí tu CTA (un formulario o un botón de compra).
Que se lea bien: dejando de lado aquellos modelos dónde el usuario está necesitado de información compleja y detallada, la mayoría de los usuarios quiere leer cosas fáciles de entender y de forma directa. Para empezar deja claro qué vendes y a quién se lo vendes … tu propuesta de valor, vamos. Y después tratemos de que la lectura sea agradable. Resaltados, titulares, párrafos cortos, etc.. si alguien quieres saber más siempre tienes el recurso de “descárgate el pdf” que, además, nos dará otro dato valiosísimo: cuántos usuarios se descargan algo y sobre qué.
Que sea más o menos rápida: si metemos muchas virguerías, como decía antes, solo conseguiremos que un objeto tarde más en cargar, el usuario se acordará de algún familiar nuestro y acabará cerrando la sesión. Insisto: menos es más.
Que de confianza: creo que vale para cualquier modelo pero igual me equivoco. En cualquier caso demostremos que sabemos de lo que hablamos. No es solo una cuestión de decir “somos muy buenos en esto”, podemos poner testimoniales, escribir en un blog, tener certificados a la vista, reconocimientos, etc.. Ya no digo si es un eCommerce.
Si quieres recibir mis post directa y cómodamente en la bandeja de entrada de tu correo electrónico sólo tienes que suscribirte
Puedes leer la entrada Qué es para mi Usabilidad Web en davidsoler.es
Puzzle Bobble
Karate Blazers
Puzzle De Bloques
Magical Cat Adventure