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

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

Ejemplos de buen diseño de UX – índice:

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 de UX es actualmente una industria que crece rápidamente y cambia dinámicamente. Una de las responsabilidades de un buen diseñador de UX es mantenerse al tanto de las tendencias actuales, estar al tanto de la tecnología cambiante y buscar inspiración en los líderes de la industria. Un diseñador que evita estas actividades, simplemente no se desarrolla. La industria de UX requiere interés constante, investigación, búsqueda de inspiración y nuevos métodos de investigación o diseño, comparación e implementación de innovaciones.

¿Cómo inspirarse? Muchas personas recomendarán portales conocidos para diseñadores como Dribble o Behance. Hay una cosa para mantener un ojo allí. En estos portales, encontrará una gran cantidad de estudios de casos 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 dibujante ” como parte de un curso de UX o de forma independiente por personas que no trabajan como diseñadores de UX y que, por ejemplo, están aprendiendo.

En tales proyectos, el enfoque suele estar en la parte visual: la interfaz de usuario y la experiencia de usuario en sí misma se deja atrás. Hay una falta de 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 sea visualmente atractivo, pero no necesariamente bien pensado y respaldado por investigación y datos. Entonces, es difícil hablar sobre la buena inspiración para un diseñador de UX aquí. Podemos encontrar contenidos mucho más valiosos en el caso de estudios de conocidas agencias de UX o incluso en webs de empresas consideradas punteras en experiencia de usuario. Echaremos un vistazo más de cerca a algunos de ellos a continuación.

Cómo reconocer un buen diseño UX

Después de todo, la riqueza de Internet le permite inspirarse en muchas fuentes (incluyendo Dribble o Behance, no las 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 investigar y sacar conclusiones. Esto también se puede traducir en la capacidad de buscar inspiración para el diseño. Pero, ¿qué debe presentar un proyecto que pueda calificarse de bueno en términos de experiencia de usuario?

1. En primer lugar, debe 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 " supuesto.

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

Después de analizar los datos de Google Analytics y hotjar, y realizar encuestas con los usuarios, resulta que su mayor problema es la falta de disponibilidad de los productos seleccionados, que descubren solo en el carrito de compras, queriendo 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 medirá el éxito después de la implementación será una disminución en el número de abandonos del carrito de compras 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 la perspectiva del negocio como del usuario, tenemos un objetivo y medidas de éxito establecidas.

2. Por supuesto, simplemente 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 mucha 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 también es, por supuesto, un diseño que cumplirá con los requisitos establecidos por las heurísticas de usabilidad de Nielsen. Ya los 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 para usabilidad. Al seguir, el diseñador optimizará por completo tanto la apariencia como el rendimiento del sitio.

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

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 ser una buena 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 internauta medio. Cumple con los requisitos derivados de la heurística de Nielsen: es simple, limpio, claro y estético. No contiene enlaces, botones o banners innecesarios. Es inmediatamente claro cómo orientarse. Además, puede ver de un vistazo para qué sirve: buscar.

Además, el buscador muestra los términos buscados recientemente, sugiere búsquedas relacionadas y nos corrige en caso de error tipográfico en la frase que escribimos incorrectamente. Así, responde a las necesidades de los usuarios y les facilita todo el proceso de búsqueda .

Ejemplo de buen diseño UX – Apple

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

El sitio también le permite comparar productos en una categoría para elegir cuidadosamente el que se adapte a sus necesidades. Apple pone mucho énfasis en una interfaz de usuario innovadora pero minimalista , es decir, el aspecto y la estética del sitio, que, como recordamos, también es una de las heurísticas de Nielsen, que influye en la percepción del usuario del 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 y pautas de interfaz humana.

Ejemplo de buen diseño UX – Airbnb

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

La página de inicio es ordenada y clara. En el medio puede ver un cuadro de búsqueda, nativo para todos, aunque solo sea de la búsqueda de Google. Entonces , 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 de 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 adopta un gran enfoque del contenido: la escritura de UX está en un nivel muy alto y transmite información importante de una manera simple. Un ejemplo es un mensaje de texto " todavía no se le cobrará " en el momento de la reserva inicial: el usuario recibe un mensaje claro de que no se le cobrará el pago hasta que se confirme la reserva.

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

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

Autor: Klaudia Kowalczyk

Un diseñador gráfico y UX que transmite al diseño lo que no se puede transmitir con palabras. Para él, cada color, línea o tipografía utilizada tiene un significado. Apasionado del diseño gráfico y web.

Ver todas las publicaciones

La guía definitiva de UX:

1. Qué es UX y qué NO es
2. UX y UI: ¿son comparables?
3. 7 factores de la experiencia de usuario (sobresaliente)
4. ¿Sabes lo que significa Diseño UX?
5. ¿Estás diseñando experiencias de usuario? ¡Cuidado con estas cosas!
6. 10 heurísticas de usabilidad para el diseño de UX que debes conocer
7. El proceso de diseño UX en 5 pasos fáciles y sencillos
8. El diseño centrado en el usuario y sus principios fundamentales
9. Etapas del proceso de Diseño Centrado en el Usuario
10. ¿Qué es la experiencia del cliente?
11. Experiencia de usuario vs Experiencia de cliente. Una simple explicación de su relación.
12. ¿Qué es una experiencia de marca?
13. ¿Qué es la interacción humano-computadora (HCI)?
14. ¿Por qué es importante la UX?
15. Usabilidad vs funcionalidad en UX
16. Ejemplos de buen diseño UX