El diseño UX toma las malas experiencias de usuario, como quedarse bloqueado fuera de tu cuenta, y las desenreda para crear un camino claro.
Si alguna vez has querido tirar tu portátil por la ventana porque te bloqueaste al intentar restablecer una contraseña, quizás te interese el diseño de experiencia de usuario (UX). (¿Quién se acuerda de la calle en la que vivía en quinto de primaria, de todos modos?)
El diseño UX toma las malas experiencias de usuario, como quedarse bloqueado fuera de tu cuenta, y las desenreda para crear un camino claro. Un gran diseño UX requiere empatía, un amplio conjunto de habilidades y un enfoque en reducir las barreras entre el usuario y lo que intenta lograr. Una buena UX ayuda al usuario a encontrar la solución más efectiva en el momento adecuado, y cualquiera puede practicar esto con una plataforma sin código.
¿Qué es el diseño UX?
El diseño UX es un campo de trabajo dedicado a ayudar al usuario a avanzar a través de un proceso o producto digital con el mínimo esfuerzo y el máximo valor. Dado que el campo del diseño UX está en constante evolución y es relativamente nuevo, es posible que sigamos volviendo a esta definición y ajustándola: los usuarios, sus problemas y la forma en que los desarrolladores visuales los resuelven cambiarán eso rápidamente.
Se podría argumentar que la gente ha participado en el diseño UX informal desde la invención de la rueda; en realidad, en cualquier lugar donde un diseñador mejore una experiencia para un usuario. Sin embargo, el diseño UX como campo definido solo ha existido desde el auge de las puntocom, evidenciado por el número de empleados, donde se estima que había 1,000 profesionales de UX en el mundo en 1983 y su número creció a 1 millón en 2017. Esto coincidió con Don Norman, antiguo empleado de Apple Computer, quien acuñó el término "experiencia de usuario" en 1993 para definir el propósito de su equipo.
Hoy en día, el diseño UX es un campo presente en industrias con productos digitales, como el software y los servicios digitales. El diseño UX se centra principalmente en la experiencia del usuario en un entorno digital, como una aplicación, por lo que también incluye las industrias del diseño web y el desarrollo de videojuegos. Cualquier empresa que utilice software también debe pensar en la experiencia de usuario que sus clientes y empleados tienen con dicho software.
Conceptos erróneos sobre el diseño UX
Algunos conceptos erróneos comunes sobre el diseño UX revelan lo vasto que es el campo y cuánto queda por explorar en la industria.
El diseño UX a menudo se confunde con el diseño gráfico, por ejemplo, y aunque los diseñadores UX suelen utilizar el diseño gráfico en su trabajo, es un campo separado que se rige por sus propias reglas y no se preocupa tanto por la experiencia del usuario. Del mismo modo, es fácil confundir el diseño UX con el desarrollo web, ya que ambos campos crean aplicaciones web. La frontera entre el diseño de experiencia de usuario y el diseño y desarrollo web se está desdibujando porque los métodos antiguos de codificación manual de experiencias de usuario no pueden seguir el ritmo de la velocidad de las expectativas de los usuarios, que están en constante evolución.
Esta fusión del desarrollo web y el diseño UX ha provocado una explosión cámbrica de herramientas sin código en la última década, eliminando el mito final del diseño UX: que solo las personas con formación técnica pueden ser diseñadores UX. El desarrollo sin código permite que cualquiera (no solo quienes saben escribir código) cree software sin necesidad de programar, utilizando una interfaz gráfica de usuario. A medida que más creadores, tanto técnicos como no técnicos, adopten el desarrollo sin código, nuestra definición de diseño UX seguirá profundizándose y expandiéndose.
Ejemplos de diseño UX
Quedarse bloqueado al intentar restablecer la contraseña es un ejemplo de diseño UX que salió mal, pero los ejemplos de diseño UX efectivo están en todas partes, incluso justo delante de tus narices. Los diseñadores UX de Webflow diseñaron los elementos del blog que hacen que esta publicación sea fácil de leer, al igual que el equipo detrás de tu navegador preferido tuvo en cuenta la UX durante el diseño para ayudar a que la página cargue rápido y se desplace suavemente. Aquí hay otras señales de diseño UX detrás de algunos programas populares:
- En la aplicación Domino’s Pizza Tracker, los usuarios no solo pueden ver al minuto exactamente dónde está su pedido de pizza en su sistema de seguimiento patentado, sino también dejar comentarios y ánimos para las personas que preparan y entregan su pizza. Esto convierte algo desagradable (esperar comida cuando tienes hambre) en algo divertido y menos frustrante. Domino’s sabe que el 65% de su negocio proviene de pedidos a domicilio, e invirtió en hacer que esa experiencia de usuario fuera de primera clase.
- El proceso de configuración de Apple para un ordenador nuevo guía al usuario a través de una progresión lógica de tareas para empezar a usar MacOS. Los diseñadores UX de Apple entienden que las primeras impresiones importan y que cada paso debe ser limpio y eficiente para reducir la fricción (donde un usuario se queda atascado porque una tarea es demasiado difícil, confusa o no le merece la pena) y lograr que el usuario inicie sesión en su nuevo portátil. También deben considerar cómo utilizar el contenido escrito en el proceso de configuración para no abrumar al lector, y tener en cuenta los matices de cada idioma que pueda utilizar el usuario.
- En agosto de 2020, Twitter anunció la configuración de respuestas a los Tweets, permitiendo un nuevo nivel de personalización de la privacidad en una de las aplicaciones más ruidosas del mundo al permitir que el usuario controle su propia experiencia. El foro abierto de Twitter puede ser una plataforma para la discusión de nuevas ideas, pero también un lugar para el acoso y el doxxing. La nueva función permite al usuario seleccionar qué tan amplio es el grupo de personas que pueden responder a cada Tweet, mejorando su experiencia al hacer que la plataforma sea más segura.
Los ejemplos de diseño UX están en todas partes, porque las experiencias de usuario importan. Las empresas que crean productos digitales entienden que invertir en una buena UX no solo es excelente para sus resultados financieros, sino que también facilita la vida de las personas.
¿Por qué es importante el diseño UX?
Uno de los impactos más importantes que el diseño UX ha tenido en la humanidad en general es la accesibilidad. La UX consiste en ofrecer una mejor accesibilidad para todos, lo que abarca todas las necesidades: desde asegurarse de que una página cargue rápidamente hasta hacer que la experiencia sea accesible para personas con dislexia o aquellas que sufren convulsiones.
Sin personas con mentalidad de diseño UX en la mesa, no tendríamos la fuente Dyslexie ampliamente accesible en plataformas de software. Las personas con discapacidad visual, por ejemplo, a veces tienen dificultades para leer texto pequeño y sin remates (sans-serif) sobre un fondo oscuro, y las personas que sufren convulsiones no pueden visitar cómodamente un sitio web con animaciones brillantes y parpadeantes. Un diseñador UX toma todas estas necesidades en consideración para crear experiencias de usuario que sean efectivas para todos, haciendo de la web una mejor experiencia para todos.
Una mala UX a gran escala puede ser un problema muy costoso, pero esto también significa que una gran UX es un buen negocio, especialmente para empresas como 1Password, que ha construido una empresa de 200 millones de dólares resolviendo un problema simple que otras interfaces complican: recordar tu contraseña. Los diseñadores UX encuentran formas de simplificar problemas frustrantes en el mundo construido, lo que a menudo ahorra tiempo y dinero a los usuarios.
Un buen diseño de UX puede reducir la cantidad de clientes frustrados que abandonan una plataforma de software (lo que se conoce como “churn”) o que cancelan sus suscripciones o contratos, lo cual aumenta los ingresos y disminuye la carga de trabajo del equipo de atención al cliente para mantener satisfechos a esos usuarios.
Principios rectores de una gran experiencia de usuario
Los principios fundamentales del diseño de UX son sencillos: reducir el desorden y el caos para que el usuario pueda alcanzar su objetivo sin fricciones. Además, una gran experiencia de usuario no siempre implica un rediseño grandioso del sitio web: algunos días, un diseñador de UX rediseña una experiencia completa; otros, simplemente realiza ajustes que facilitan la vida al usuario. Estos consejos fundamentales guían un gran diseño de UX:
- No intentes reinventar la rueda. Todos somos criaturas de hábitos y nos resistimos al cambio. No modifiques drásticamente una experiencia de usuario solo por estética ni cambies de lugar las funciones de navegación, ya que esto resultará confuso y frustrante. En su lugar, conserva lo que funciona y realiza ajustes para que los usuarios disfruten de mejores experiencias sin tener que cambiar su forma de pensar.
- Comprende las necesidades de tu audiencia. Obtén comentarios a través de encuestas de forma temprana y frecuente. No construyas nada basándote en suposiciones sobre el segmento de mercado de tu producto ni dejes que los prejuicios se interpongan. En su lugar, crea un concepto de diseño de UX válido basado en las necesidades reales de los usuarios.
- Mantén la consistencia en el flujo de usuario en toda la aplicación. El usuario debe poder navegar por tu experiencia de forma natural, sin mucho esfuerzo ni interrupciones. No debería llegar a una página que se vea totalmente distinta al resto de la aplicación, ni quedarse “atrapado” en un callejón sin salida del que no pueda salir. Un flujo de usuario funciona mejor cuando está diseñado en torno a un objetivo concreto, como comprar un producto o suscribirse a una lista.
Independientemente de la escala del problema que se esté resolviendo, estos principios rectores del diseño de UX deben guiar cualquier proyecto.
La diferencia entre UX y UI
El diseño de UX y el diseño de interfaz de usuario (UI) a menudo se confunden, y es comprensible: son disciplinas hermanas centradas en el diseño de productos, pero tienen diferencias clave. En general, la UI se ocupa del “aspecto” de un producto y de los elementos concretos del diseño visual, mientras que la UX se preocupa más por la “sensación” general de la experiencia del producto. Por ejemplo, a un diseñador de UI se le podría asignar la tarea de ajustar el botón de inicio de sesión de Facebook, después de que un diseñador de UX haya trabajado en mejorar cómo se siente la gente al hacer clic en ese botón.
La UX y la UI se complementan, pero suele ser mejor contratar especialistas dedicados por separado para tu equipo. De esa manera, la ciencia de la UX y el arte de la UI pueden convivir en armonía sin que una opaque a la otra.
Crea sitios web que dan resultados.
Diseña visualmente, publica al instante y escala de forma segura y rápida. Todo con la plataforma de marketing web con IA de Webflow.
Qué hace un diseñador de UX
Los diseñadores de UX estudian cómo se utiliza un proceso, producto o interfaz, y luego diseñan o rediseñan la experiencia para facilitar su uso la próxima vez. Aunque los diseñadores de UX pueden tener términos como “diseño visual” o “desarrollo de producto” en sus cargos, sus responsabilidades principales suelen ser las mismas en todos los ámbitos: crear o actualizar las funciones de un producto, validar y probar nuevas ideas con el público objetivo y explorar formas alternativas de resolver problemas en el flujo de usuario.
Echa un vistazo a los portafolios de diseño de UX de estos destacados diseñadores, donde muestran su trabajo en el campo, para aprender más sobre lo que hace un diseñador de UX.
Proceso de diseño de UX
Técnicamente, la UX es iterativa y nunca termina. Cuanto más aprendas sobre tus usuarios, más tendrás que adaptarte a ellos, ¡y eso siempre cambiará! Un proceso de diseño básico ayuda a los diseñadores de UX a crear grandes experiencias de forma repetible y a escala. Estos son los siete pasos que todo proceso de diseño de UX debe seguir.
- Pon al usuario en el centro. Cuando un usuario es capaz de lograr lo que se propuso, su experiencia es exitosa. Todo diseño de UX debe centrarse en el usuario para ser eficaz a la hora de ayudar a las personas a alcanzar sus objetivos. El propósito del diseño de UX es mejorar un proceso para el usuario y, si no se le tiene en cuenta en cada paso del proceso de diseño, no se está haciendo diseño de experiencia de usuario.
- Clarifica los objetivos de negocio. El usuario es el factor más importante en el proceso de diseño de UX, pero los rediseños también deben servir a los objetivos comerciales generales de la empresa. ¿Estás diseñando para aumentar los registros y las compras, o para atraer a la gente con contenido? Antes de proceder con la investigación, define claramente las necesidades de negocio que vas a resolver.
- Realiza investigación de usuarios. La investigación de usuarios es un componente crucial del diseño de UX. Deja que el usuario defina sus necesidades por ti, en lugar de asumir lo que necesita. El uso de herramientas como entrevistas cualitativas, encuestas y análisis de datos no solo elimina las suposiciones peligrosas que los diseñadores pueden hacer sobre un usuario, sino que también puede arrojar luz sobre problemas en la UX que serían costosos y problemáticos de solucionar más adelante.
- Construye flujos de usuario. Un flujo de usuario es como un mapa para un proyecto de diseño de UX, y es exactamente lo que parece: una lista de los pasos que un usuario debe seguir para navegar por una experiencia y alcanzar su objetivo. Este flujo de usuario debe seguir las mejores prácticas de arquitectura de la información, lo que significa que debe seguir una progresión lógica: al iniciar sesión, en lugar de ver una página de “Cerrar sesión”, es lógico que el usuario sea dirigido a una página de inicio o de aterrizaje.
- Prototipa la idea. Para dar vida a una idea de diseño de UX, los diseñadores utilizan wireframes, maquetas y prototipos. Los wireframes son una herramienta visual para los elementos básicos de diseño en un proyecto web antes de empezar a construir, y pueden ser tan simples como cajas dibujadas en una servilleta. Una maqueta es un wireframe diseñado, generalmente “plano” o no interactivo, para tener una idea más completa del aspecto del sitio web. Finalmente, un prototipo es esa idea hecha realidad, con navegación interactiva y funciones listas para ser probadas antes de que el diseño “salga a producción”, es decir, cuando se publica para que todo el mundo lo vea.
- Prueba la usabilidad. Las pruebas de usabilidad son especialmente valiosas en las etapas iniciales del diseño, para que los diseñadores no pierdan tiempo creando funciones que son ineficaces o que suponen un trabajo innecesario para el usuario. Contar con una muestra de usuarios que prueben el sitio para encontrar sus puntos débiles e identificar dónde la navegación resulta confusa ayuda a agilizar el proceso de diseño y ahorra tiempo y dinero.
- Prueba e itera constantemente. Después de que un proyecto de diseño web pasa por las pruebas y se lanza, los diseñadores de UX siguen vigilando el proyecto a medida que evoluciona, recopilando continuamente más comentarios para la siguiente ronda de rediseños.
Lecturas relacionadas: 7 pasos sencillos para el proceso de diseño web
Herramientas para diseño UX y UI
Como la experiencia de usuario es un concepto tan abstracto, necesitas herramientas de diseño UX/UI para visualizar esos flujos complejos que te ayudarán a resolver problemas con mayor eficacia y a comunicar esas soluciones a tu equipo.
Hay un montón de herramientas que puedes usar para dar vida a una idea, desde la creación de wireframes hasta las pruebas. Por ejemplo, puedes crear maquetas en Sketch o Proto.io, y luego prototipar en InVision o Figma para realizar pruebas de usuario y colaborar con tu equipo en tiempo real. Lee más sobre nuestras 17 herramientas de diseño UX y UI favoritas.
Adopta una mentalidad de diseño UX
El diseño UX es una industria amplia y cambiante, con constantes aportaciones, iteraciones e ideas que seguir. Diseñar experiencias de usuario requiere una mentalidad empática y de aprendizaje continuo para adaptarse y crecer junto con el usuario y el sector. Puede parecer que iniciarse en el diseño UX es solo para quienes tienen títulos de diseño o han pasado por bootcamps de programación, pero no es así: con la mentalidad y las herramientas adecuadas, cualquiera puede empezar a diseñar experiencias de usuario geniales.
La filosofía y plataforma sin código de Webflow te libera para que te centres en ofrecer una experiencia de usuario excelente. Si eres nuevo en el diseño UX, puedes empezar a prototipar una idea de inmediato sin necesidad de formación formal en diseño o programación. Si eres un diseñador experimentado, no tienes por qué dejar que los cuellos de botella entre el wireframe y el prototipo o las aprobaciones frenen tu proceso creativo. Valida un concepto rápidamente con un prototipo sencillo y luego crea más oportunidades para recibir feedback de diseño UX cuanto antes.
Cuantos más diseñadores UX haya, tanto "profesionales" como principiantes, más nos centraremos todos en crear experiencias de usuario increíbles. Y cuanto más ayuden a dar forma al futuro de la web los perfiles y perspectivas únicos, mejor será. Es hora de lanzar más buen diseño UX al universo: Empieza a poner en práctica tus habilidades de diseño UX en Webflow ahora mismo.
