¡Bienvenido a la información ultrasecreta sobre cómo crear una experiencia e interfaz de usuario increíbles! Esta información ha sido celosamente resguardada por los mejores diseñadores UX-UI del mundo, pero ahora estoy revelando todo para ti.
En esta guía, te mostraré paso a paso cómo realizar cada etapa del proceso, para crear productos y servicios que sean atractivos y fáciles de usar para los usuarios, y que cumplan con los objetivos de tu marca.
Así que prepárate para aprender ¡Empecemos!
Contexto histórico
Un dato curioso sobre el diseño UX-UI es que los primeros en ejercerlo fueron en realidad los arquitectos. Ellos estaban acostumbrados a pensar en cómo las personas interactuaban con su entorno, y aplicaron este conocimiento usando el concepto de «flujo» para crear espacios que fueran fáciles de explorar.
Las técnicas del diseño de los siglos pasados también han tenido una gran influencia. Los creativos de años anteriores utilizaron la «simetría» para crear productos que fueran agradables a la vista, y la «proporción» para que fueran equilibrados y armoniosos.
Hoy en día, se utilizan una combinación de técnicas antiguas y nuevas para crear interfaces que sean tanto funcionales como estéticas: que logren comunicar y resolver el dolor de los usuarios.
Design thinking: resolver problemas pensando en el usuario
El diseño UX-UI es un proceso complejo que involucra a muchas personas y departamentos diferentes. Por eso es importante tener un método definido con el fin de garantizar un producto final efectivo: fácil de usar, atractivo y que cumpla con los objetivos (reconocimiento, conversión, entre otros) de la marca.
El design thinking es un sistema que te permite conocer el problema, explorarlo y luego crear una solución pensada para el usuario final. Consta de 5 etapas: empatizar, definir, idear, prototipar y testear.
Hablemos un poco más de cada una.
Empatizar
En esta fase se busca observar para conocer, sin juzgar. Analiza qué es lo visiblemente necesario, para atender las circunstancias y motivaciones del usuario.
Las técnicas que puedes usar para este paso son:
- Observar: es la más básica de todas y a pesar de eso podrás obtener de ella información de valor sobre el comportamiento de las personas.
- Sé el usuario: tal vez sea momento de actuar ¡Conviértete en el usuario que deseas observar! Las personas no saben que están siendo observadas, trata de desarrollar tareas como si fueras uno de ellos.
- Habla con el usuario: Crea entrevistas para conocer el porqué de su dolor y comportamiento.
Para esta táctica puedes ejecutar el siguiente plan:
- Entrevista a usuarios extremos: este tipo de usuario es el que tiene una interacción ocasional o constante con los productos o servicios de los cuales buscas solucionar un problema.
- Entrevista a usuarios expertos: después de recolectada la información de los usuarios extremos, habla con usuarios expertos. Ellos te ayudarán a entender los insights.
Este tipo de usuarios, son los que ya han presentado dolores con el producto o servicio, lo han notificado, recibido ayuda y por ende, tienen un mayor conocimiento de la situación.
Tips para empatizar:
- En la estrategia de entrevistas busca patrones de respuesta. Encontrarlos, será tu señal de que estás a punto de hallar el dolor para ser resuelto.
- Vacía tu cerebro: aléjate del sentido común y ponte en los zapatos de las personas.
- Elimina el sesgo de confirmación: no acomodes la información según tu visión del mundo.
- Al conversar con las personas, hazte el tondo. ¿Qué? ¡Si!, hazlo. Permite que el usuario tome un papel de experto para que te dé más información.
- Pide a los usuarios que te muestren cómo usan el producto o cómo solucionan un proceso en el servicio.
- Documenta todo: registra de forma escrita, en audio o video todos los testimonios, comportamientos y entrevistas que obtengas.
Definir
Es hora de recopilar y analizar toda la información obtenida en la fase de empatizar. Operacionaliza los datos compartiendo hallazgos y luego organizándolos en:
- Hechos
- Puntos de dolor
- Puntos de felicidad
- Atajos usados
- Dilemas
- Ideas
Tips para definir:
- Define los objetivos de lo que quieres lograr
- Identifica patrones de conducta
- Ahora define los detonantes de las conductas. Muéstralo como insights en oraciones cortas que indiquen acciones de cambio.
Por ejemplo: cuando estoy explorando desde mi celular un nuevo aplicativo y este se pone lento, yo me frustro y mejor cierro la app o la elimino de mi dispositivo.
Idear
La creatividad parte de hacer las cosas diferente, y esa es la clave en este paso. La inventiva está compuesta por elementos internos (conocimiento, actitud e imaginación) y externos (recursos, ambiente y cultura), debemos tomar ambos para pensar, trabajar y crear una solución a los dolores que hemos encontrado.
Tips para idear:
- La creatividad surgirá más fácilmente si estás en un espacio adecuado. Elige un lugar donde no haya mucho ruido y que puedas estar relajado y cómodo. Asegúrate de que esté bien iluminado. Elimina cualquier fuente de distracción, como la televisión. Tómate un tiempo para relajarte y despejar tu mente antes de empezar a trabajar.
- Si realizas la etapa de idear con un equipo, usa la técnica del brainstorming. Esta consiste en generar una lluvia de ideas de forma auténtica, es decir, sin sesgos ni juzgamientos. Utiliza un tablero y papeles de colores para hacer más entretenida la experiencia. Ten presente:
- No intentar racionalizar
- Intentar mantener el foco en el problema
- Valorar los otros puntos de vista
- Comunicar lo esencial
- Formular una pregunta amplia que permita tener todo tipo de ideas
- Tener un moderador dentro del ejercicio, que gestione una idea a la vez
- Una vez generada la lluvia de ideas podrás filtrarlas teniendo en cuenta los siguientes cuestionamientos y matriz de priorización:
- Qué tan factible es ejecutar la idea pensando en recursos, tiempo, personas y conocimientos
- Qué tan relevante es la idea en ese momento específico
- Qué tan urgente es esta solución
- Qué tanto valor aporta esta idea a resolver el dolor del usuario
Prototipar y probar:
Es momento de tangibilizar la idea para testear, obtener comentarios y luego iterar tu MVP. Hay 3 niveles de prototipado:
- Slow
- Medium
- High
La diferencia de cada uno radica principalmente en la definición de los detalles. Mientras que en una versión Slow usamos solo color blanco y negro y líneas, en High podrás encontrar colores, íconos y fragmentos más definidos del producto.
Entonces, ¿cuál tipo de prototipo debes elegir? depende del nivel de detalle que requiera tu proyecto en el momento. Puedes hacer pruebas de usuario desde los diseños medium. Y, para prototipos high puedes incorporar animaciones de acciones específicas para medir recorridos de usuarios con cantidad de clics.
Tips para prototipar y probar:
- Falla y prueba rápido: entre más rápido sepas cómo funciona el producto, mejor.
- Prototipa sobre lo esencial, valora las imperfecciones y cuida los recursos (tiempo y dinero)
- Evita textos predeterminados o lorem ipsum: entre más ceñido a la realidad esté tu diseño, mejor será. Podrás probar no solo recorridos, si no también mensajes de acción.
Recuerda que una vez que tengas tu MVP será momento de ponerlo a prueba. Define los test de usuarios con objetivos de lo que quieres probar dentro de tu prototipo.
Analiza si funciona o no, qué elementos son usados, qué detona el abandono y cómo es el proceso resolutivo de problemas de las personas. Obtén un feedback constante de tu producto y mejóralo para que llene las expectativas de comportamiento y conversión.
Ten presente que la tecnología simplifica nuestra vida agregando más funcionalidades, pero a su vez, la vuelve también un poco más complicada. A la hora de diseñar ten presente la idea que las personas cometen errores, y esa será la paradoja que tendrás que resolver: busca que el usuario no se frustre y complete las metas dentro de tu producto de forma exitosa.