Cuando diseñamos una web, uno de los conceptos principales que hemos de tener en cuenta es la UX, la usabilidad web o lo que es lo mismo, que el diseño web esté pensado desde su función y por lo tanto llegue a ella. A veces cuando pensamos en UX no solo nos tenemos que quedar con los factores que podemos controlar de diseño, sino también las emociones y sensaciones que podemos transmitir con ellos. Pensad en la razón por la que el elemento está en ese lugar y usar todas nuestras armas para que lleve a cabo su función con éxito.
Porque cuando diseñamos una web, hemos de aplicarle los mismos principios que cuando hablamos de cualquier diseño, por ejemplo el packaging: por muy bonito que sea si no cumple una función se quedará solo en eso. Pues bien, cuando diseñamos una web tenemos que tener muy en cuenta todos los elementos que participan de ella y darle a cada uno un diseño concreto de manera que la UX funcione.
Hace un tiempo, ya vimos algunos elementos web en los que debíamos poner especial atención en su diseño, puesto que podían sernos de gran ayuda, pero hoy vamos a dar un paso atrás y hablaremos de características generales, de aquellos factores que has de tener en cuenta antes de comenzar con el proceso de diseño. Vamos a ello!
1. Utiliza el lenguaje universal
A veces cuando estamos muy metidos en algo, por ejemplo, en algo tan cotidiano como una discusión nos cuesta ponernos en la otra posición. Y esto mismo pasa en el proceso de diseño. Tenemos que entender que estamos diseñando para alguien y por lo tanto, cuantas más facilidades y explicaciones demos, mas fácil será que la otra persona continúe al otro lado.
Por ello es importante que el lenguaje sea muy claro y los botones e iconos claramente reconocibles. Hay momentos para ser creativos, pero hay otros donde sin perder la creatividad lo que prima es que seamos claros y que el mensaje se transmita con total perfección.
Por ejemplo si tenemos una tienda online, el símbolo internacional es el carrito, aunque también podemos usar otros elementos como una bolsa. Pero si tu idea es poner una media luna… Piénsatelo, pues puedes despistar a tu usuario y que cuando añada un producto no sea cual es el siguiente paso que hay que dar.
Utiliza el lenguaje universal en aquellos elementos que sean importantes conseguirás que tu usuario no se quede por el camino. Si hay normas establecidas, creeme, este no es el momento de saltártelas.
2. Confirma cada paso que vaya dando
De la misma manera que es muy importante que ciertos elementos no puedan dar lugar a ambigüedad, también lo que es que el usuario sepa en todos los momentos en que paso se encuentra si está realizando u proceso.
Por eso puede resultar interesante colocar barras de porcentajes o pasos durante una compra, una descarga o una suscripción. A veces el no saber si nos quedan mas pasos de los que nos esperamos, hace que nos pongamos nerviosos y que dejemos el proceso a la mitad. Normalmente somos muy impacientes cuando navegamos por internet por lo que todo lo que haga más clara nuestra ubicación, es un punto que estamos ganando.
3. Que el usuario sea el que tenga el control
Cuando entramos en una web y nos resulta difícil navegar en ella es muy probable que terminemos cerrando la pestaña y yendo hacia otra cosa. Al navegar nos gusta saber que tenemos el control, que podemos volver de una pestaña a otra, que si queremos buscar un elemento o una palabra podemos, y que en definitiva, podemos hacer la web nuestra.
Seguro que te ha pasado que navegando por una web has llegado a un punto de no retorno y al final no has tenido otra solución que cerrarla. Evitemos todos esos puntos de fuga y dejemos libertad a nuestro usuario para que navegue a su antojo. Enlaza unas páginas con otras y no pierdas de vista el menú. A todos nos gusta tener el control 😉
4. Utilicemos la psicología del color
Si, lo estaremos repitiendo hasta el fin de los días (y posiblemente un día después), si los colores llevan aparejados distintos sentimientos, usemos estos colores para despertar esos mismos sentimientos en los usuarios.
De igual manera que cuando hablábamos del lenguaje decíamos que usáramos los términos universales, de la misma manera debemos hacerlo con los colores. El verde siempre se usa para validar un paso, el rojo para cancelar y el botón que más convierte es aquel que es naranja.
Si alguien ya ha realizado ese estudio y te la da solución ¿porqué no la usas?
5. Todo lo anterior, pero… con un diseño atractivo
Vale, hemos realizado los anteriores cuatro pasos, pero, no puedes olvidar el más importante. Todo tiene que estar englobado por un buen diseño, que sea atractivo al ojo y que haga de tu web distinta a la de tu competencia.
Usa correctamente todos los elementos anteriores pero no olvides escoger la paleta que mejor se adapte, la tipografía perfecta y por supuesto las ilustraciones o imágenes que hagan tu web creativa y original.
Recuerda las tendencias de cada momento e intenta adaptar tu web a ellas, por supuesto sin perder tu esencia original. 😉
El punto tres es esencial en muchos diseños de sitios web. Ya que muchas veces inclusive en un simple registro de usuario, el usuario no sabe ni que paso seguir para continuar con su proceso.