5 errores de UI que pueden arruinar tu negocio
Tanto si quieres diseñar tu sitio web, como si ya lo has hecho (o lo han hecho por ti), y quieres mejorar su apariencia para lograr una comunicación efectiva con tus usuarios y aumentar tus conversiones, estás en el lugar correcto. Hoy te enseñaré qué es la Interfaz de Usuario o User Interface (UI), por qué tienes que cuidarla y te daré 5 consejos para que no la cagues y pierdas ventas.
¿Qué es UI y por qué me debe importar?
Dicho de modo sencillo, la interfaz de usuario es todo lo que el usuario ve cuando navega tu sitio, tan simple (y tan complejo), como eso. Forman parte de la UI los fondos, los textos, los botones, los vídeos, imágenes, menúes y cualquier otro elemento que el usuario pueda ver.
Una vez comprendido lo primero, es importante hacer una aclaración: el término UI se suele agrupar muy a menudo con el término UX; tanto que a veces no termina de quedar clara la diferencia entre una y otra e incluso se suelen entender como si fueran una misma cosa (sobre todo porque comúnmente se escriben juntas de esta manera «UX/UI»). La UX (User experience) o Experiencia de Usuario es la experiencia que tiene un usuario antes, durante y después del contacto con tu marca. Por ejemplo:
Error n°1: Diseñar sin saber de diseño.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris semper malesuada nulla et eleifend. Ut sodales massa scelerisque tortor luctus consectetur. Quisque in vestibulum mauris. Integer efficitur nisl eu ullamcorper iaculis. Vestibulum sit amet elementum est. Integer mollis, felis nec dapibus fermentum, nisl ante volutpat lorem, maximus blandit neque magna a ex. Donec lectus augue, euismod a magna ut, posuere facilisis sem.
Error n°2: Diseñar pensando en ti y no en el usuario.
Tu diseño web no tiene que ser «lindo» para ti. Intento explicar esto cada vez que tengo oportunidad, porque cuando lo digo de buenas a primeras la gente se sorprende. Para empezar te diré que la clave del diseño está en comprender el modelo de estímulo-procesamiento-respuesta. «¿Eso con qué se come, Val?» te estarás preguntando. Déjame explicártelo. Cuando ves algo, recibes un estímulo a través de la luz que entra por tus ojos; éste viaja a través del nervio óptico hasta tu cerebro, en donde es procesado; aquí es cuando ocurre la magia: tu cerebro procesa en base a las experiencias previas, es decir, a la información que tiene acumulada hasta ese momento, y luego devuelve una respuesta, generalmente en forma de pensamiento o emoción.
Vamos con un ejemplo: imagina que una chica entra a un sitio web y ve un fondo rosa, automáticamente se activa en tu cerebro la información relacionada a ese color y por sus experiencias previas se relaciona con lo femenino. Ahora, supongamos que ella en su adolescencia recibió burlas por su falta de femeneidad. En este caso ese color podría generarle una sensación negativa (lo que haría que inmediatamente cierre el navegador para salir de ese sitio).
Ahora imaginemos que tú eres el dueño de ese sitio web en el que promocionas un servicio para las mujeres que se sienten poco femeninas y quieren sanar su autoestima. Como a ti te gusta el rosa y sabes que es un color femenino, lo utilizas. Pero entonces, tras el ejemplo que te acabo de poner, vuelvo a recordarte que el protagonista de todo diseño tiene que ser el usuario, no tú. Entonces, ¿estás seguro de que usar el rosa es la mejor opción?
Termino repitiendo lo mismo que dije al comienzo: el diseño no te tiene que gustar, el diseño tiene que ser útil. Siempre digo que no hay nada peor que un diseño «lindo» pero que no comunique bien. Cuando vayas a diseñar tu sitio web, tienes que pensar todo el tiempo en la persona que lo verá, es decir, en el usuario. Diseña pensando en él, no en ti.
¿Quieres ahondar en el significado de los colores? Vete a leer este post.
Error n°3: Sobrecargar la interfaz.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris semper malesuada nulla et eleifend. Ut sodales massa scelerisque tortor luctus consectetur. Quisque in vestibulum mauris. Integer efficitur nisl eu ullamcorper iaculis. Vestibulum sit amet elementum est. Integer mollis, felis nec dapibus fermentum, nisl ante volutpat lorem, maximus blandit neque magna a ex. Donec lectus augue, euismod a magna ut, posuere facilisis sem.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris semper malesuada nulla et eleifend. Ut sodales massa scelerisque tortor luctus consectetur. Quisque in vestibulum mauris. Integer efficitur nisl eu ullamcorper iaculis. Vestibulum sit amet elementum est. Integer mollis, felis nec dapibus fermentum, nisl ante volutpat lorem, maximus blandit neque magna a ex. Donec lectus augue, euismod a magna ut, posuere facilisis sem.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris semper malesuada nulla et eleifend. Ut sodales massa scelerisque tortor luctus consectetur. Quisque in vestibulum mauris. Integer efficitur nisl eu ullamcorper iaculis. Vestibulum sit amet elementum est. Integer mollis, felis nec dapibus fermentum, nisl ante volutpat lorem, maximus blandit neque magna a ex. Donec lectus augue, euismod a magna ut, posuere facilisis sem.
Error n°4: Ser disruptivo para mal.
Créeme cuando te digo que todo lo que tienes que hacer para lograr un buen resultado es seguir los pasos de quienes ya lo hicieron antes que tú. Muchas veces perdemos tiempo tratando de ser «originales y creativos» (¡ay, yo la primera!), cuando en realidad, todo lo que tenemos que hacer es «copiar con estilo», como solía decir una de mis profesoras. ¡Atención! Esto NO significa plagiar (estoy totalmente en contra del plagio), pero hay que admitir una realidad: en cuestiones de diseño, hay poco que no se haya hecho ya. Si ves algo que te gusta en otro sitio, puedes tomarlo como inspiración y darle la vuelta que quieres para darle «tu toque».
Lo que quiero que te lleves como consejo de este punto es: no pierdas tiempo tratando de crear de 0 algo que a otras personas les llevó años. El entorno virtual en el que nos manejamos, la coherencia visual de las interfaces comunes que vemos, el paradigma de la UI actual han tardado años en desarrollarse y se han hecho posible gracias a las manos de miles de diseñadores con expertise. Lo mejor que podemos hacer es honrarlos siguiendo los liniamientos que ellos construyeron.
Puede que pienses que estoy siendo un poco «inflexible», pero déjame planteártelo de otra manera. En nuestro día a día navegamos por distintos sitios, tenemos contacto con distintas interfaces y al final vamos construyendo un esquema mental de cómo deberían verse los sitios. Cuando de pronto nos topamos con un sitio que se sale demasiado del molde, nos resulta chocante, nuestro cerebro no lo entiende y eso le disgusta. Ahora bien, ahora poniéndonos en lugar del usuario, cuando diseñemos será benéfico que lo hagamos siguiendo los estándares actuales; de este modo le garantizaremos al usuario una mejor experiencia y a nosotros mismos mejores resultados.
Si quieres saber cuáles son estos estándares de los que estoy hablando, puedes visitar este post.
Error n°5: Pedir opinión a quien no sabe de tema.
Porque si lo haces, recibirás una respuesta que viene con la mejor de las buenas voluntades, pero desde la ignoracia, y es lo peor que te puede pasar. Lo más probable es que le quieras preguntar a un familiar o a un amigo o conocido, y ellos al responderte quieran quedar bien; entonces dirán algo como: «está lindo», «me encanta», «es muy tú»; y eso es lo peor que podrían decirte, porque el diseño no tiene que ser lindo, el diseño tiene que ser útil.
¿Le preguntarías a un carnicero de construcción o a un arqueólogo de matemáticas?, ¿verdad que no? Entonces, ¿cómo se te ocurre que preguntarle de Diseño Web a un amigo podría ayudarte en algo? Salvo, claro, que tu amigo sea diseñador web y además sepa de UX/UI.
Si realmente te importa el diseño de tu sitio, pregunta a quienes saben. Y si no tienes a quién preguntarle, mira lo que dicen los expertos. Por ejemplo, puedes revisar este post.
Recent Comments