Ejemplos de buen diseño de UX | La guía definitiva de UX #16

¿De dónde sacar inspiración en el trabajo de un diseñador UX? ¿Cómo distinguir buenos diseños UX de los malos? Hoy abordaremos estas y muchas otras preguntas sobre un buen diseño UX, así como mostraremos algunas interfaces que presentan un alto nivel en el área de UX. Esperamos que encuentres inspiración en los ejemplos que mostramos.

Ejemplos de buen diseño UX – tabla de contenido:

1. ¿De dónde obtener inspiración para el diseño?
2. Cómo reconocer un buen diseño UX
3. Ejemplo de buen diseño UX – Google
4. Ejemplo de buen diseño UX – Apple
5. Ejemplo de buen diseño UX – Airbnb

¿De dónde obtener inspiración para el diseño?

La industria UX es actualmente una industria de rápido crecimiento y cambio dinámico. Una de las responsabilidades de un buen diseñador UX es mantenerse al tanto de las tendencias actuales, estar al tanto de la tecnología cambiante y buscar inspiración de los líderes de la industria. Un diseñador que evita estas actividades simplemente no se desarrolla. La industria UX requiere un interés constante, indagación, búsqueda de inspiración y nuevos métodos de investigación o diseño, comparación, así como la implementación de innovaciones.

¿Cómo inspirarse? Muchas personas recomendarán portales conocidos para diseñadores como Dribble o Behance. Hay una cosa a tener en cuenta allí. En estos portales, encontrarás una gran cantidad de estudios de caso de proyectos de diferentes industrias, creados por diseñadores de todo el mundo. Verás varios puntos de vista, pero recuerda que cualquiera que cree una cuenta allí puede publicar sus proyectos. Muchos de ellos son proyectos no comerciales, creados “para el cajón” como parte de un curso de UX o de forma independiente por personas que no trabajan como diseñadores UX – y que, por ejemplo, solo están aprendiendo.

En tales proyectos, a menudo el enfoque está en la parte visual – UI, y el UX en sí queda atrás. Falta investigación, requisitos comerciales, la definición del problema, el propósito de todo el proceso o las necesidades de los usuarios, lo que hace que el proyecto pueda ser visualmente atractivo, pero no necesariamente bien pensado y respaldado por investigación y datos. Así que es difícil hablar de una buena inspiración para un diseñador UX aquí. Podemos encontrar contenido mucho más valioso en los estudios de caso de agencias UX bien conocidas o incluso en los sitios web de empresas consideradas a la vanguardia de la experiencia del usuario. A continuación, echaremos un vistazo más de cerca a algunos de ellos.

Cómo reconocer un buen diseño UX

Después de todo, la riqueza de Internet permite sacar inspiración de muchas fuentes (incluyendo Dribble o Behance – no los negamos por completo). Como hemos escrito más de una vez – la característica básica de un buen diseñador es la capacidad de realizar investigaciones y sacar conclusiones. Esto también se puede traducir en la capacidad de buscar inspiración para el diseño. Pero, ¿qué debería presentar un proyecto que pueda clasificarse como bueno en términos de experiencia del usuario?

1. Primero y ante todo, debería incluir un estudio de caso, que presentará datos de la investigación, el problema del usuario, los objetivos comerciales y los KPI – métricas que permitirán verificar si el proyecto, una vez implementado, está logrando el “éxito” asumido.

Ejemplo: Tomemos una tienda de electrónica. El problema es un alto número de abandonos de carrito por parte de los usuarios. El objetivo del proyecto será averiguar la causa de este comportamiento y resolver este problema.

Después de analizar datos de Google Analytics y hotjar, y realizar encuestas con los usuarios, resulta que su mayor problema es la falta de disponibilidad de los bienes seleccionados – que solo descubren en el carrito de compras, al querer finalizar el pedido del producto. El proyecto, por supuesto, requerirá un análisis más extenso, investigación junto con cambios en la funcionalidad de la interfaz. Es fácil deducir que aquí el factor que mide el éxito después de la implementación será una disminución en el número de abandonos de carrito y un aumento en las conversiones en el sitio (personas que visitan el sitio vs. personas que realizan una compra).

Aquí tenemos un problema claramente definido – tanto desde una perspectiva comercial como de usuario, tenemos un objetivo y medidas de éxito establecidas.

2. Por supuesto, solo hacer la investigación de la manera correcta no es suficiente – su análisis y resultados deben traducirse en el diseño final de la interfaz. Por lo tanto, durante el estudio de caso, prestamos especial atención a si el diseño satisface las necesidades de los usuarios y resuelve el problema de diseño.
3. Un diseño que es bueno en términos de UX es también, por supuesto, un diseño que cumplirá con los requisitos establecidos por las heurísticas de usabilidad de Nielsen. Ya las hemos descrito en detalle en el artículo separado. Las heurísticas son principios universales que son una técnica básica para analizar interfaces en términos de usabilidad. Siguiéndolas, el diseñador optimizará completamente tanto la apariencia como el rendimiento del sitio.

Por supuesto, realizar investigaciones exhaustivas, así como nutrir y desarrollar UX a un alto nivel, requiere mucho dinero y tiempo, así como un equipo experimentado de especialistas en UX y UI, desarrolladores, analistas y ejecutivos. No es sorprendente que las grandes empresas tecnológicas internacionales – como Google y Apple – puedan presumir de un muy buen UX.

Ejemplo de buen diseño UX – Google

Google, que ha estado en el mercado desde 1998, es sin duda un gran ejemplo de cómo puede lucir un buen UX. El motor de búsqueda de Google es una de las herramientas más simples disponibles en la web. Su funcionamiento es intuitivo y no causa problemas al usuario promedio de Internet. Cumple con los requisitos derivados de las heurísticas de Nielsen – es simple, limpio, claro y estético. No contiene enlaces, botones o banners innecesarios. Es instantáneamente claro cómo orientarse. Además, puedes ver de un vistazo para qué sirve – búsqueda.

Además, el motor de búsqueda muestra términos buscados recientemente, sugiere búsquedas relacionadas y nos corrige en caso de un error tipográfico en la frase que escribimos incorrectamente. Así, responde a las necesidades de los usuarios y hace que todo el proceso de búsqueda sea lo más fácil posible para ellos.

Ejemplo de buen diseño UX – Apple

El sitio web de Apple no solo es un diseño hermoso, sino también un UX cuidadosamente desarrollado. El sitio tiene una navegación muy fácil e intuitiva. La barra de navegación contiene no solo nombres de categorías, sino también pequeñas imágenes de productos, lo que permite navegar por el sitio rápidamente. El lenguaje utilizado en el sitio es simple pero creativo. Sin descripciones innecesarias, presenta el valor específico de un producto dado al usuario.

El sitio también permite comparar productos en una categoría para elegir cuidadosamente el que se adapte a tus necesidades. Apple pone mucho énfasis en una UI innovadora pero minimalista – es decir, la apariencia y estética del sitio – que, como recordamos, también es una de las heurísticas de Nielsen, influyendo en la percepción del usuario sobre el sitio y su experiencia con el producto.

Curiosamente, Apple comparte las mejores prácticas de diseño en su sitio y proporciona maquetas descargables, materiales educativos, así como las Guías de Interfaz Humana.

Ejemplo de buen diseño UX – Airbnb

Desde su creación en 2008, Airbnb (una plataforma para alquilar alojamiento de particulares) ha sido muy popular entre los usuarios – una de las principales razones es, por supuesto, su bien diseñado UX.

La página de inicio es ordenada y clara. En el medio puedes ver un cuadro de búsqueda – nativo para todos, si no es por la búsqueda de Google. Así que es el uso de un buen patrón, ya familiar para los usuarios, lo que hace que el sitio sea intuitivo y nadie se sienta perdido. Otra característica de las buenas prácticas de UX en Airbnb es la vista del mapa con precios visibles junto a la lista de lugares buscados. Airbnb te permite obtener toda la información clave en un solo lugar – la ubicación de la casa en el mapa, el precio, sus fotos junto con su nombre.

El sitio también tiene un gran enfoque en el contenido – la redacción UX está a un nivel muy alto y transmite información importante de manera simple. Un ejemplo es el texto “no se te cobrará aún” en el momento de la reserva inicial – el usuario recibe un mensaje claro de que el pago no se cobrará hasta que la reserva esté confirmada.

Airbnb, al igual que Apple, comparte las mejores prácticas, estudios de caso interesantes y noticias del mundo del diseño en su sitio web.

Si te gusta nuestro contenido, únete a nuestra comunidad de abejas ocupadas en Facebook, Twitter, LinkedIn, Instagram, YouTube, Pinterest.