Esto es lo que hemos aprendido sobre el diseñode experiencia de usuario (hasta ahora)

Aquí empieza tu viaje hacia la experiencia de usuario.

Vamos a explorar los conceptos más importantes de la experiencia de usuario y su diseño.

Aprender los aspectos fundamentales te permitirá crear un sitio web atractivo y llamativo que convierta a los visitantes en clientes.

Incluye capítulos en los que se profundiza sobre:

In this guide you'll learn:

  1. El diseño de experiencia de usuario
  2. Experiencia de usuario
  3. Pensamiento de diseño
Martin Trauzold
Martin Trauzold
Last updated noviembre 3, 202022 Min Read
Esto es lo que hemos aprendido sobre el diseñode experiencia de usuario (hasta ahora)
1

¿Qué es el diseño de experiencia de usuario?

Tratar todos los aspectos de un tema tan amplio y complejo como el diseño de experiencia de usuario supondría un reto para cualquier guía, artículo o libro. La experiencia de usuario abarca todo, desde la investigación hasta la usabilidad web y el diseño de experiencia de usuario.

Como dijo una vez el famoso diseñador industrial alemán Dieter Rams:

“El buen diseño es el menor diseño posible”.

Me gustaría darte el menor diseño posible, pero el necesario para que puedas crear un buen diseño para ti y tus clientes.

Buen y mal diseño de experiencia de usuario

  • Por qué es tan difícil navegar por algunos sitios y aplicaciones web
  • Cómo es posible que a veces nos pueda frustrar tanto rellenar un simple formulario en línea?
  • Por qué es tan complicado navegar por los botones o el menú de un sitio web?
  • Por qué nada funciona como debería?

Piensa en la situación opuesta:

¿Por qué es tan sencillo navegar por algunos sitios y aplicaciones web?

La experiencia de usuario es excelente, la funcionalidad es sencilla, nada se rompe y el sitio web tiene un diseño excepcional. ¿Se te ocurre por qué va tan bien?

Porque el sitio o la aplicación web se ha diseñado pensando en ti, el usuario. Una buena experiencia de usuario significa que todo funciona sin errores y cumpliendo con las necesidades del usuario.

Sesión de Cat Noone “The Misconstrued User Experience” en mobX (imagen de Thorsten Jonas)

Experiencias de usuarios malas hay por todos lados (desgraciadamente). Quizás te pasó la última vez que pediste comida por Internet o reservaste un viaje a Asia.

La realidad es que utilizamos Internet todos los días en nuestros teléfonos, ordenadores, tabletas, televisiones inteligentes y otros dispositivos. Todas estas plataformas utilizan el diseño de experiencia de usuario como estrategia para que el usuario tenga una experiencia significativa y memorable. A veces lo consiguen y a veces no.

Me gusta la definición de Brad Frost:

“Pienso que toda persona que ayuda a crear un proyecto es un diseñador de experiencia de usuario. El editor que crea contenido sencillo que se lee y por el que se navega con facilidad es un diseñador de experiencia de usuario. El programador de backend que se asegura de que el sitio web sea seguro y rápido es un diseñador de experiencia de usuario. El diseñador visual que emplea colores, tipografías y texturas para que el sitio web sea fácil de usar es un diseñador de experiencia de usuario”.

El proceso de crear sitios web, aplicaciones web y servicios para que el usuario tenga una experiencia significativa y relevante se conoce como diseño de experiencia de usuario.

¿Hacen referencia a lo mismo las siglas UX, XD, UCD y UI?

La respuesta es no. Es fundamental conocer el alcance de cada rol en el diseño de experiencia de usuario para aprender habilidades nuevas y mejorar como diseñador. Vamos a echar un vistazo a cada sigla:

  1. Experiencia de usuario (UX)

    UX hace referencia a cualquier aspecto de la interacción del usuario y la calidad de la experiencia durante la interacción en un sitio web, aplicación web o servicio. Puedes crear una funcionalidad superior o añadir tantas opciones como desees a tu sitio web. El éxito de tu proyecto dependerá de la opinión de los usuarios. ¡Y esperamos que sea excelente!

  2. Diseño de experiencia de usuario (XD)

    Si la experiencia de usuario (UX) hace referencia a la conexión entre el usuario y un sitio web, una tecnología o un dispositivo, el diseño de experiencia de usuario (XD) se centra en la experiencia “global” de una marca.

Deja que te lo explique.

El diseño de experiencia de usuario suele utilizarse en el contexto del marketing de la marca y con frecuencia viene determinado por los momentos de interacción entre las personas y las marcas. El diseño de experiencia de usuario (XD) se define como la experiencia de una marca en la mente, ideas, recuerdos y emociones de un cliente a partir de esa interacción.

Visión global del XD y las áreas en las que se centra el UX [fuente toptal.com]
  • Diseño centrado en el usuario (UCD)

Vale. Vamos a crear un sitio o aplicación web. ¿Qué es necesario? Necesitamos usuarios y objetivos empresariales.

Mientras la UX se centra en la calidad de la experiencia, el diseño centrado en el usuario (UCD) estudia las estrategias y los procesos para diseñar esta experiencia.

Los objetivos empresariales y el usuario son el pilar de todos los procesos y estrategias: estudio del usuario, planificación, diseño de experiencia de usuario, usabilidad web, diseño adaptativo, diseño de interfaz de usuario, desarrollo e implementación.

Es un enfoque del diseño que alinea los objetivos empresariales con el tipo de usuario adecuado para ofrecer calidad.

  • Interfaz de usuario (UI)

¿Qué es el diseño de interfaz de usuario? Es todo lo bonito que vemos.

UI hace referencia al diseño de interfaz de usuario. Se centra en el aspecto de las cosas. Una buena interfaz eleva tu producto a un mayor estándar profesional y aumenta la confianza de tus usuarios. Aumentar la confianza te permite atraer al cliente adecuado y diferenciar tu sitio web, aplicación web o servicio de la competencia.

El diseño de interfaz de usuario se centra en la apariencia, desde las imágenes hasta los botones, gráficos, texto y animaciones.

https://s3.us-west-2.amazonaws.com/secure.notion-static.com/00565be9-ebc6-4001-922b-8ebf87e79dfe/06_final-motion.webp

¿Te has perdido? Esto es solo una parte de la lista completa.

¿Cómo unificamos todo esto?

Como te habrás dado cuenta, muchos de estos conceptos se solapan, mientras que algunos complementan a otros. La tabla que se muestra a continuación ofrece una vista general del amplio espectro del diseño de sitios web moderno:

Fuente de la imagen https://uxdesign.cc/the-spectrum-of-digital-design-roles-in-2018-3286390a9966

Te he mostrado todos los roles y aspectos de la experiencia de usuario y el diseño de sitios web moderno. La moraleja es que pensar en el usuario ayuda a todo el mundo durante el proceso de diseño:

  1. Perspectiva de la empresa: se ahorra tiempo y dinero reduciendo costes y mejorando los índices de satisfacción entre los usuarios.
  2. Perspectiva del programador: indícale el camino para aumentar las posibilidades de que el proyecto tenga éxito.
  3. Perspectiva del usuario: es la diferencia entre comprar el producto y abandonar el sitio web y completar la tarea o dejarla a la mitad y no volver nunca.

¿Me sigues? Genial.

El objetivo final del diseño de experiencia de usuario es entrar en la mente del usuario.
2

Experiencia de usuario: ¿Por qué es importante?

¿Y esto por qué? ¿Por qué hay que preocuparse por la experiencia de usuario o su diseño y gastar nuestro tiempo en todos estos conceptos y descripciones? Vamos a hablar a continuación sobre esto.

A estas alturas, es probable que estés pensando lo siguiente:

“Solo quería para mí”. diseñar un sitio web

“Mi cliente solo necesita un ”. diseño de sitio web moderno

“¿Para qué me sirve saber todo esto?”

“¿ es tan complicado?” Diseñar bien un sitio web

Desgraciadamente, estas preguntas presentan tres problemas.

  1. La batalla por llamar la atención: Antiguamente, había mucha menos competencia para llamar la atención de la gente en línea. Los usuarios y desarrolladores estaban planteándose aún cómo obtener el máximo del potencial de Internet. Las marcas y los negocios no utilizaban Internet para desarrollar su imagen y reputación.
  2. El usuario no es esencial: Si no se tiene en cuenta al usuario, el éxito o fracaso de un proyecto es cuestión de suerte. El equipo de diseño y los directores seguirán su propio juicio para evaluar los objetivos del sitio o la aplicación web.
  3. Ventaja competitiva: Hubo un tiempo en el que la web estaba dominada por los expertos aunque, afortunadamente, esto ya no ocurre. Hoy en día, Internet es el lugar más democrático del planeta. Si no haces las preguntas adecuadas ni te informas sobre cómo mejorar tu habilidad para diseñar, miles de personas de diferentes esferas del mercado te superarán.

Una industria en auge

El diseño de experiencia de usuario es una industria en auge a nivel mundial. Las empresas se han dado cuenta de la rentabilidad que pueden obtener si invierten en la experiencia de usuario para sus productos o servicios web.

El diseño de experiencia de usuario ya no es un servicio exclusivo de los gigantes de la tecnología o las empresas de publicidad. Este ámbito sigue abriéndose paso en otras industrias como la educación, moda, cine y ONG.

Además de existir una gran demanda de diseñadores de experiencia de usuario, los sueldos son bastantes competitivos. CareerFoundry ha publicado un gran artículo que explica la situación del mercado y los salarios:

Salarios de los diseñadores de experiencia de usuario por país, publicado por CarreerFoudry

Se espera que la necesidad de diseñadores de experiencia de usuario siga aumentando; el mercado laboral se ha disparado en los últimos 10 años. El diseño de experiencia de usuario se encuentra en el sexto puesto de empleos para jóvenes profesionales mejor pagados según un estudio de Glassdoor.

Una mirada a la rentabilidad de la experiencia de usuario según Human Factors International:

Rentabilidad de laexperiencia de usuario según Human Factors International

El amplio espectro de empleos y actividades relacionadas con el diseño de experiencia de usuario y el aumento de las oportunidades de mercado a nivel mundial puede verse en muchos ámbitos:

  • Proyectos complejos: la experiencia de usuario facilita la gestión de proyectos complejos. Es posible que los usuarios prefieran no visitar tu sitio o aplicación web si hay demasiadas funcionalidades y no se tratan de la manera correcta.
  • Startups: las startups tecnológicas desarrollan proyectos innovadores y necesitan comprender la conducta de sus usuarios, desde lo que piensan hasta cómo interactúan con una aplicación web.
  • Proyectos con presupuestos más bajos: las empresas pequeñas suelen ignorar la en proyectos de poco valor. Sin embargo, cualquier equipo de desarrollo de proyecto con un presupuesto modesto destinará parte de sus recursos financieros a un grupo de diseñadores de experiencia de usuario. experiencia de usuario
  • Proyectos de larga duración: cuanto más dure el proyecto, más recursos se consumen: por este motivo, y son todavía más necesarios para obtener rentabilidad. el diseño de experiencia de usuario la experiencia de usuario
  • Áreas en desarrollo: ya no es un servicio exclusivo de los gigantes de la tecnología o las empresas de publicidad. Dado que está creciendo a un ritmo rápido, esta disciplina está llegando a otras industrias como la educación, moda, cine y ONG. el diseño de experiencia de usuario

Mira estas 13 increíbles estadísticas sobre el diseño de experiencia de usuario.

Lee el Design Census, en el que participaron 9429 diseñadores.

Conoce el estado de la experiencia de usuario en 2020 aquí.

Roba como un artista

Cuando se aprende algo nuevo, se recomienda copiar a los expertos. Algunos de los diseñadores de experiencia de usuario más conocidos diseñaron los siguientes principios y conceptos. Es hora de aprender y copiar sin sentirse culpable.

  • Don Norman, el padrino de la experiencia de usuario En 1988, Don Norman, el padrino de la experiencia de usuario, fue el primero en describir el diseño basado en las necesidades del usuario. Apple lo contrató en 1993 y fue la primera persona con un puesto de trabajo en cuyo título se mencionaba la “experiencia de usuario”. Según Norman, lo más importante de una “cosa” diaria es lo útil que es para el usuario, no su belleza o función decorativa.
Don Norman en https://www.nngroup.com/
  • Jesse James y el Iceberg de la experiencia de usuario Jesse James Garrett, autor de uno de los libros más conocidos sobre la experiencia de usuario The Elements of User Experience,dividió el proceso de la experiencia de usuario en cinco elementos:

Plano superficie: en la superficie ves una serie de diseños de páginas web con imágenes y texto. Puedes pulsar sobre algunas de estas imágenes.

El proceso de cinco planos de James Garret

Este concepto de cinco planos volvió a utilizarse y se hizo famoso por el marco Iceberg de experiencia de usuario basado en el libro de Jesse.

  1. Plano esquema: bajo esa superficie se encuentra el esquema del sitio o la aplicación web. Es el lugar de los botones, pestañas, fotos y bloques de texto. Se optimiza el diseño y la distribución para conseguir la mayor eficacia.
  2. Plano estructura: define cómo llegaron los usuarios a esa página web y hacia dónde es posible que vayan una vez que hayan terminado.
  3. Plano enfoque: determina las funcionalidades del sitio o aplicación web y cómo integrarlas. El enfoque decide si una funcionalidad debe incluirse en el sitio web.
  4. Plano estrategia: se encarga de la estrategia del sitio web. Incorpora los objetivos del equipo de , la empresa y el usuario del sitio web. diseño de experiencia de usuario

Iceberg de experiencia de usuario (a la derecha) inspirado por el libro The Elements of User Experience.

El proceso de cinco planos de James Garret
  • Peter Morville y el Panal usuario de la experiencia de Desde 1994, Peter Morville se considera uno de los pioneros del campo de la experiencia de usuario y la arquitectura de la información. Ha creado uno de los diagramas más conocidos para “ilustrar las facetas de la experiencia de usuario y ayudar a que los clientes comprendan por qué es necesario ir más allá de la usabilidad”. El panal de la experiencia de usuario tiene siete facetas y la “gran colmena” ilustra, en palabras de Morville, un “… espacio dinámico y multidimensional con gran capacidad de desarrollo para incorporar cajas y flechas nuevas por lo menos durante los próximos 10 años”.
https://www.usertesting.com/

Supongo que Peter tenía razón, ya que su frase es del 2004 y, 16 años después, seguimos hablando de esto.

Los expertos y diseñadores de experiencia de usuario del pasado reconocieron que conceptualizar el trabajo serviría para aclarar e impulsar la industria con el objetivo de desarrollar mejores productos y experiencias para los usuarios.

“Tu trabajo consiste en recopilar buenas ideas. Cuantas más ideas recopiles, más opciones tendrás para decidir en qué vas a inspirarte”.

AUSTIN KLEON

El papel de un diseñador principiante es comprender los principios básicos y sentar las bases de su trabajo sobre ellos, por lo que, para convertirte en un buen diseñador, tendrás que pensar como uno de ellos.

3

Pensamiento de diseño frente a diseño de experiencia de usuario

El diseño de experiencia de usuario pretende resolver un problema específico de usuarios y se centra en la calidad de la experiencia de usuario (sitio web, producto o aplicación web). Por otro lado, el pensamiento de diseño se preocupa por encontrar el problema adecuado para resolverlo.

El proceso de pensamiento de diseño de cinco etapas, creado por el Instituto de diseño de Stanford puede usarse ampliamente y en áreas diferentes a la experiencia de usuario o el diseño tradicional.

Es útil para hacer frente a problemas desconocidos y se puede dividir en cinco etapas:

  1. Empatizar: estudiar las necesidades de tus usuarios.
  2. Definir: establecer las necesidades y los problemas de tus usuarios.
  3. Idear: cuestionarse las suposiciones y crear ideas.
  4. Prototipar: crear soluciones e iterar.
  5. Evaluar: poner a prueba tus soluciones.

El pensamiento de diseño no es lineal, por lo que debes pasar por cada una de las cinco etapas del proceso para conocer mejor a los usuarios y definir cuál sería su solución ideal.

“El pensamiento de diseño es un enfoque para innovar centrado en el ser humano y que integra las necesidades de las personas, las posibilidades de la tecnología y los requisitos para el éxito del negocio”.

Tim Brown, Director ejecutivo de IDEO

Conoce mejor el pensamiento de diseño viendo el siguiente vídeo de “The explainer”:

Pensamiento sistémico

El pensamiento sistémico es una herramienta para realizar un análisis general del sistema en el que tienen lugar las actividades.

  • ¿Por qué hay deficiencias?
  • ¿Cómo pueden comunicarse mejor los equipos?
  • ¿Por qué otros equipos de diseño tienen un presupuesto diferente si todos cumplimos con los objetivos establecidos?
  • ¿Cómo podemos mejorar la estrategia?

Los sistemas deben plantearse estas cuestiones. Es un enfoque al diseño de un nivel superior si se compara con el enfoque centrado en el cliente.

Conocer las conexiones dentro del sistema colectivo permite que los diseñadores comprendan mejor los modelos de industria y negocio de sus usuarios y puedan crear productos y experiencias más relevantes.

Todo se conecta cuando comprendes el sistema a nivel global:

Vale. ¿Y ahora qué?


¿Cómo resumirías todo lo que hemos aprendido sobre el diseño de experiencia de usuario?

Es probable que estés pensando en una especie de enfoque multidimensional cuyo núcleo es la experiencia de usuario.

No está mal. Los diseñadores de experiencia de usuario tienen que entrar en la mente de los usuarios para convertir ideas y comportamientos complejos en una interfaz sencilla. Además, los usuarios tienen que disfrutar de la experiencia para volver o conseguir su objetivo.

Contents
Loading...