9 ejemplos de diseños de UX que todo designer debería ver

¿Cómo es una buena experiencia del usuario?

Si llevas un tiempo en el mundo del SaaS, como nosotros aquí en UserGuiding, probablemente tengas buen ojo para la buena UX.

Bueno, no todo el mundo sabe lo que falla cuando ve un diseño UX problemático, pero al menos la mayoría de nosotros nos damos cuenta de que hay algo que no funciona. Y eso es porque reconocemos 3 sencillos elementos de un buen diseño:

1- Simplicidad

Quizá la parte más importante de un buen diseño de UX sea la sencillez. Sí, ni siquiera la usabilidad, porque lo más probable es que los usuarios no sean capaces de utilizar el sitio web o la aplicación si no son lo suficientemente sencillos.

Incluso se podría decir que la sencillez es un requisito previo para la usabilidad.

¿Y por qué es tan importante la sencillez? Porque lo sencillo funciona. Y, sobre todo en la época en la que vivimos, lo sencillo no sólo funciona, sino que también satisface.

Tomemos como ejemplo la página de inicio de Zara.

Imagen sobre fondo blanco. Palabras sencillas en negro. Un botón de búsqueda ligeramente más grande que el resto del texto.

Incluso si no sueles frecuentar sitios web de compras, sabrías cómo navegar por éste. Y eso, amigos, lo convierte en una UX sencilla.

2- Usabilidad

Seguro que ya te has dado cuenta de que la sencillez y la usabilidad en UX van de la mano. Sin embargo, también pueden ser polos opuestos.

Una UX muy sencilla puede no ofrecer la usabilidad esperada porque esta última tiene sus propios criterios. Por ejemplo, tomemos cualquier rediseño en Dribbble o Behance. O este diseño de Hossein Majidinejad, que personalmente adoro. Es muy bonito, pero si es más funcional que la UX actual de Instagram es algo que se puede debatir.

3- Estética visual

A todos nos han enseñado a no juzgar un libro por su portada.

Pero cuando se trata de UX, no hay otra opción. De hecho, los usuarios deciden si les gusta o no tu sitio web o aplicación en 50 milisegundos.

Entonces, dales una razón para que les guste tu sitio web.

How Far It Is To Mars? es un sitio web con una única función: decirte cuánto falta para llegar a Marte. Pero su diseño es cautivador; no tenía por qué saber a qué distancia está Marte, pero me quedé por la experiencia del usuario.

Crear una buena experiencia de usuario no es fácil. Pero asegurarse de que el sitio web o la aplicación son sencillos, fáciles de usar y estéticamente agradables puede ser una buena base antes, durante y después del proceso de diseño de UX.

Veamos algunos ejemplos en los que se han tenido en cuenta estos tres elementos.

9 excelentes ejemplos de buena UX

1) Google simplifica las cosas desde 1998

Google, fundado oficialmente el 4 de septiembre de 1998 por Larry Page y Sergey Brin, es sin duda el mayor motor de búsqueda del mundo.

Cada día se realizan más de 3.500 millones de búsquedas con Google, lo que se traduce en 1,2 billones de búsquedas al año.

Google, que también invierte e investiga en tecnologías basadas en la web, traducción automática, inteligencia artificial y otros campos, es una empresa enorme que se encuentra entre las 5 primeras, si no la primera, empresa tecnológica que nos viene a la mente.

Sin embargo, su producto más querido y más utilizado es el tema de nuestro artículo de hoy:

El motor de búsquedas Google.

¿A qué se debe el éxito de Google? ¿Sólo por sus campañas de marketing o sus inversiones en tecnología?

La respuesta es no.

Quizá la mayor razón de este éxito sea la gran UX que ofrece el motor de búsqueda de Google.

Es la herramienta más sencilla y rápida jamás creada. No requiere tutorial ni tooltips de ningún tipo. Sólo tienes que escribir lo que quieres buscar y darle a la tecla Intro, listo. El producto siempre ha sido así, y parece que con el tiempo sólo será más fácil, sencillo y rápido.

Aquí tienes una versión muy antigua de Google Search, ¿te trae nostalgia?

Aunque tienen algunos enlaces adicionales en la parte inferior, la herramienta sigue siendo la misma, rápida y sencilla.

En más de 20 años, lo único que han cambiado con la Búsqueda de Google ha sido eliminar los enlaces adicionales y hacerla más sencilla y rápida.

Este es el aspecto actual de la página principal de Google.

Una buena UX es aquella en la que cumples exactamente tu promesa de forma sencilla y agradable, y eso es lo que Google ha estado haciendo todos estos años.

2) Los correos electrónicos de onboarding de Grammarly son de gran éxito

Utilizo mucho Grammarly.

Ya sea para escribir un documento académico, una entrada de blog o un mensaje a un cliente. No quiero cometer ningún error.

Y si me preguntas, Grammarly es una herramienta excepcional para ello. No solo te corrige las faltas de ortografía, sino también muchas otras cosas, como la redacción, el tono, etc., ya que te indica claramente lo que has hecho mal.

No es sólo un corrector ortográfico, es una herramienta con la que puedes aprender gramática.

Pero no voy a alabar la herramienta en sí en este artículo, en su lugar, me centraré en estos interesantes correos electrónicos que he estado recibiendo desde que empecé a utilizar la herramienta.

Grammarly hace un gran trabajo enviando correos electrónicos de onboarding a sus usuarios. No sólo envían ofertas premium y actualizaciones de productos, sino que también te envían regularmente tus estadísticas y logros para animarte.

Aquí están los últimos correos electrónicos que he recibido de Grammarly.

Me encantan estos correos electrónicos, solía abrirlos todos hasta que empezaron a aparecer en la carpeta de promociones.

Envían correos genuinos que ofrecen valor, se aseguran de que entiendas tus estadísticas y se dirigen a sus usuarios de una forma extremadamente amigable.

He aquí un correo electrónico que me enviaron cuando cambié de ordenador y olvidé instalar Grammarly:

Y aquí está el correo electrónico que me han enviado cuando estaba de vacaciones:

Como ves, incluso un par de correos electrónicos cuidadosamente redactados pueden hacer que tus usuarios se enamoren de tu marca.

La UX no tiene por qué estar dentro del producto, ya que se refiere a la experiencia general que tu empresa proporciona a tus usuarios. Puede mejorarse a través de métodos ajenos al producto, como en el caso de Grammarly.

Ah, y esto es todo lo que hay que saber sobre los correos electrónicos de onboarding.

3) LinkedIn ofrece uno de los checklists de onboarding más útiles

¿Te imaginas cómo sería tu vida empresarial sin LinkedIn?

¿Cómo podrías buscar trabajo o contratar a nuevos empleados?

Bueno, no sería tan difícil si lo piensas, pero en realidad LinkedIn nos hace la vida mucho más fácil.

Recuerdo que di mi primer paso en la vida profesional creando mi cuenta de LinkedIn. Lo primero que noté fue que el producto no paraba de sugerirme cosas para mejorar la apariencia de mi perfil de LinkedIn y mi capacidad para utilizar el producto.

Y recuerdo haberlas hecho todas, porque me parecía necesario y agradable.

Cuando un nuevo usuario entra en tu producto con una cuenta recién creada, tienes que darle una idea de lo que debe hacer a continuación. LinkedIn tuvo éxito en este caso.

Este es el aspecto de tu página de inicio después de iniciar sesión en LinkedIn por primera vez:

"Completa estos pasos para sacar el máximo partido a LinkedIn"...

Uno no puede simplemente ignorar estas tareas después de una frase como la anterior, porque es honesta y va directa al grano: si quieres ser un usuario eficiente, ¡debes hacerlas!

LinkedIn también te da algunas tareas para mejorar tu perfil público, así es como se ve tu página de perfil al principio:

Después de completar estas tareas, tenía un perfil público decente y un conocimiento decente del producto en sí. Estaba totalmente onboarding.

Pero no creas que eso es algo que sólo LinkedIn puede conseguir.

Para incorporar a tus usuarios de forma eficaz, puedes integrar checklists en tu proceso de onboarding. Te ayudarán a guiar a tus usuarios a través de los primeros pasos hasta que lleguen a sus momentos "¡Aja!".

4) A todos nos encanta cómo Facebook cuida de sus usuarios

En Facebook hay más de 2.500 millones de usuarios activos mensuales.

Cada segundo se crean 5 perfiles nuevos.

Debe de ser todo un reto ofrecer una buena experiencia de usuario a cada uno de esos usuarios.

Pero Facebook lo hace a las mil maravillas. Personaliza la experiencia de cada usuario en función de sus intereses y actividad en Facebook, proporciona a cada usuario una experiencia única.

Con docenas de elementos que dependen de la ubicación, el idioma, los intereses y la actividad del usuario, Facebook se convierte en su propio espacio virtual para pasar el rato.

Cada una de estas características podría mencionarse como una buena UX, pero ahora me gustaría hablar del valor que Facebook da a sus usuarios.

Facebook no pretende ser sólo una plataforma de redes sociales, sino que intenta ayudar a sus usuarios en todo lo que puede.

Como en este ejemplo en el que Facebook te da una breve información sobre el tiempo que va a hacer en tu localidad ese día:

Esto puede parecer algo sencillo, pero no lo es. No tenían por qué añadir esta función a Facebook, no es ni mucho menos necesaria.

Como valoran a sus usuarios y la experiencia que estos viven, añadieron esta función y a la gente le encanta.

He aquí otra función de Facebook: Safety Check.

Safety Check te permite marcarte como a salvo de un incidente que haya ocurrido cerca de tu ubicación, y pedir a tus amigos de Facebook que se marquen como a salvo.

En tiempos tan duros en los que ocurren catástrofes, todo el mundo busca consuelo preguntando a sus amigos y familiares si están a salvo, y Facebook les ayuda.

Aunque no aporte beneficios a tu empresa, ofrecer a tus usuarios una función valiosa para mejorar su experiencia con el producto es una oportunidad de establecer un vínculo de confianza entre tú y tus usuarios.

5) La tienda web de Apple es única en su género

El otro día estaba buscando un iPad.

En lugar de los sitios web populares donde se pueden comprar productos tecnológicos a precios más bajos, quise echar un vistazo a la propia tienda web de Apple.

Aunque sólo iba a echar un vistazo a la sección de iPad, me encontré vagando sin rumbo por el sitio web.

Era tan fácil de usar y ofrecía contenidos tan interesantes que me puse a comparar Apple Watches y a ver los últimos programas del Apple TV.

¿Y qué era lo que hacía que este sitio web me resultara tan tentador?

Su diseño.

En primer lugar, el sitio era fácil de navegar. Así es la barra de navegación.

Además de los nombres de las categorías, las subcategorías constan de pequeñas imágenes para facilitar la navegación.

Otra cosa que me llamó la atención fue el lenguaje que utilizan en todo el sitio web.

He aquí una sección de ejemplo:

Lo bueno del lenguaje del sitio web es que da en el clavo y es creativo.

Basta con leer estas frases para entender la propuesta de valor de los productos.

Podrías pensar que esto es más un ejemplo de UI que de UX, pero la Interfaz que ofreces a tus usuarios también forma parte de la experiencia que viven.

Mejorar el diseño de tu interfaz, entender y trabajar en lo que tus usuarios querrían ver es una gran manera de mejorar la UX de tu producto.

6) GhostwriterAI hace el onboarding por separado para cada función

GhostwriterAI es una plataforma basada en IA que ayuda a los vendedores de contenidos a identificar el público objetivo e involucrarlo con nuevos contenidos altamente enfocados.

De hecho, esta es una incorporación posterior a la lista. Pero después de nuestra historia de éxito con la CEO de GhostWriterAI, Ester Liquori, tuve que añadirla rápidamente. Han estado utilizando UserGuiding para onboarding de forma efectiva y eficiente a los nuevos usuarios de su plataforma y vaya si han hecho un buen trabajo.

Y lo especial de su onboarding es que no es lineal.

Hay una guía de usuario diferente para cada función, como si fueran productos independientes (que a veces puede parecerlo). Por ejemplo, esto es de su herramienta Profiler:

Y esto es de su herramienta Curator:

En lugar de utilizar una guía larga que salta de una función a otra mostrando sólo lo esencial y aburriendo a los usuarios, dividieron su onboarding en muchas partes que se pueden digerir cuando sea necesario.

Así se evita la pérdida de muchos usuarios que se confundirían con toda la información que les llega.

Creo que esto es un puro esfuerzo por mejorar la experiencia de sus usuarios, ahorrándoles minutos de tortura.

Importante: GhostwriterAI ha conseguido eficiencia en su onboarding no sólo dividiendo su onboarding sino utilizando UserGuiding, una herramienta que les permitiría dedicar un 63% menos de tiempo a crear y mantener guías y conseguir una tasa de finalización del 80%.

7) Duolingo es más que un meme

Todos conocemos y amamos Duolingo. Fue el meme más divertido y, desde el punto de vista del marketing, funcionó de maravilla.

Pero dejando a un lado la marca del búho psicópata, Duolingo también sabe lo que hace cuando se trata de UX.

Desde la UX de la página web/aplicación hasta la UX de onboarding, pasando por las notificaciones, lo que Duolingo hace es crear una experiencia de aprendizaje de idiomas que va más allá de una mera tarea mediante el uso de la gamificación. Se convierte en un juego.

Echa un vistazo a este patrón de UX de onboarding en Duolingo.

Otro ejemplo de la UX gamificada de Duolingo es la puntuación de cada ronda del curso.

Al equiparar el aprendizaje con la EXP y ponerlo todo en una tabla de clasificación, Duolingo hace más que suficiente para que los usuarios utilicen la aplicación. Y cuando tus usuarios utilizan tu aplicación como utilizan Duolingo, sabes que tienes una buena UX.

8) Airbnb sabe lo que quieres saber

Desde que se fundó en 2008, Airbnb ha sido uno de los sitios web más geniales que existen, y por supuesto, esto también se aplica a su UX.

Porque cada vez es mejor.

Cuando entra en el territorio de Airbnb, lo primero que le recibe es una barra de búsqueda. ¿Qué tiene de especial esta barra de búsqueda?

Nada. Por eso es tan genial.

Airbnb mantiene la búsqueda tan al punto que cada vez que abro el sitio web termino planeando unas vacaciones al azar para las que ni siquiera puedo sacar tiempo.

Pero sin duda, el patrón de UX característico de Airbnb es la vista de mapa en paralelo.

Al dar a los usuarios la oportunidad de ver los precios en un mapa, Airbnb ofrece lo que todos hemos estado pidiendo a gritos: la posibilidad de verlo todo en una sola imagen.

Es más, Airbnb también nos proporciona la segunda cosa más necesaria en un sitio web de alquileres vacacionales: insights reales.

Desde el microtexto "You won't be charged yet" hasta la caja "this is a rare find", Airbnb pone toda la información que necesita en un solo lugar de la forma más digerible para que realmente pueda leerla.

Y eso, amigos, es lo que llamamos una buena UX.

9) Spotify cambió la personalización para siempre

Lo he dicho muchas veces y lo volveré a decir: a quien se le haya ocurrido la idea de Spotify Wrapped se merece un premio de marketing.

Con Wrapped, las mezclas diarias, los radares de lanzamientos personales y la última incorporación, la función de mezcla que te permite emparejar tu música y obtener una lista de reproducción con un amigo, una cosa está clara.

Nadie hace personalización como Spotify.

Y esa personalización que todos ansiamos en 2022 es lo que hace que la UX de Spotify sea única.

No sólo la personalización, sino la forma en que la aplicación gira en torno a este concepto de música personal es también una gran parte de la experiencia de usuario de Spotify. Al formar un loop de música personalizada, nos mantienen en la aplicación y podemos ver lo que hemos escuchado cada día.

Eso sí que es un buen negocio.

Conclusión

A medida que crece tu audiencia y llegas a más usuarios y entras en la competición, la UX se convierte en una parte crucial de la carrera por el "mejor producto".

Trabajar en el diseño de tu producto, comprometerte con los usuarios fuera de la aplicación, ofrecer funciones valiosas y mejorar la experiencia de onboarding que proporcionas a tus usuarios puede ser una forma estupenda de mejorar tu UX.

Al mejorar tu UX, ten en cuenta que debe ser:

• fácil de usar,
  
• visualmente agradable,
  
• y lo más sencilla posible.

Echa un vistazo a cómo crean su UX los mejores de los mejores y ¡manos a la obra!