Diseño UX — Diseño UI
Con esta revolución del desarrollo web nos encontramos con una serie de términos que muchas veces usamos sin conocer realmente el potencial de su función. Escuchamos cosas como diseñador UI y diseñador UX y aunque diferenciamos las definiciones, existe cierta confusión sobre el rol real de cada uno de estos, ubicándolos muchas veces en el mismo nivel.
Diseño UI: Diseño de Interfaces de Usuario.
Diseño UX: Diseño de eXperiencia de Usuario.
Es posible que este no sea tu caso y tengas muy claro la diferencia, pero probablemente has notado que las personas tendemos a definir de distintas maneras y bajo nuestra propia interpretación estos dos conceptos.
Permiteme ilustrar un poco, basado en mi experiencia, las grandes diferencias de UI — UX y donde se encuentran ubicadas dentro del contexto del desarrollo web.
Diseño UI
Comúnmente se tiende a pensar que un diseñador de interfaces de usuario UI es quien diseña una pagina web, pero lo que pasa en verdad es que un diseñador UI es solo una parte del todo.
Un diseñador UI es quien se encarga de que haya un sentido estético de los elementos de una pagina web, como por ejemplo seleccionar el tipo de fuente, ubicar adecuadamente los espacios entre elementos, combinar los colores para textos, para botones, logrando el contraste adecuado entre usabilidad y legibilidad.
Los diseñadores UI están igualmente interesados en las imagenes y como combinarlas, cual es el icono más adecuado para ilustrar un concepto, y sobre el diseño responsive para asegurarse que la interfaz de usuario luzca bien en todos los dispositivos de visualización.
Y en este punto el rol del diseñador web es solo una pequeña parte de otra sección más de la experiencia de usuario o diseño UX.
Diseño UX
Podemos dividir el diseño de eXperiencia de Usuario — UX en cuatro secciones:
- Investigación
- Lluvia de Ideas
- Implementación
- Informes
Investigación
El diseño UX es un proceso de muchas partes que usualmente inicia con la investigación de como entendemos a nuestra audiencia o usuarios web (clientes). Alguna de las partes de esta investigación pueden ser:
Historias de usuario (User Histories): Realización de entrevistas a usuarios para identificar conductas y sus requerimientos.
Usuario Persona (User Persona): Representa un usuario típico, identificándolo como una persona, con sus características, objetivos, frustraciones, etc. (mejor descrito en una estrategia de Inbound Marketing — Buyer Persona).
Casos de uso (Use Cases): ¿Cómo podrían diferentes personas usar este producto o servicio?.
Mapas de viaje (Journey Maps): Seguir el camino de cómo una persona puede comenzar y terminar esta experiencia web.
Lluvia de ideas
A partir de la investigación, tenemos material suficiente para lanzar ideas sobre como abordaremos el diseño y procedemos a crear elementos organizados sobre este conocimiento:
Flujos de usuarios: Diagramas que describen los pasos que un usuario puede seguir durante la experiencia a medida que avanza paso a paso en la interfaz de usuario.
Estructura en esquema: Una representación en boceto aproximada de la interfaz de usuario y los diversos componentes que formarán la interfaz de usuario real.
Implementar
Con ideas mentales claras representadas en papel y y flujogramas, pasamos al siguiente paso donde el diseñador UI entra en acción:
Prototipos: Los diseñadores de UI crean prototipos de baja o alta fidelidad, que pueden o no ser interactivos.
Desarrollo Frontend y Backend: una vez que se aprueban los prototipos, los desarrolladores hacen del prototipo un producto que funcione.
Informes
La eXperienca de Usuario no sería tal sino se realiza un seguimiento de las actividades de los personas en contacto con el producto:
Informes de usabilidad: Observar a los usuarios reales que usan la interfaz o el producto a través de una variedad de medios.
Pruebas A/B: Conocidas como Test A/B, son pruebas de la efectividad de una iteración de diseño sobre otra.
Informes analíticos: Obtener información adicional, como el tiempo dedicado a las páginas, las tasas de rebote y otros más, usualmente usamos herramientas como Google Analytics.
Conclusiones
El diseño UX mas que diseño, es un proceso secuencial que ocurre continuamente para mejorar la experiencia general del usuario ante una pagina web.
Podemos entonces decir en realidad que no existe el diseñador UI y el diseñador UX, lo que puede haber es, según las circunstancias y experiencia, personas con capacidades para el diseño UI y otras personas que logran plasmar un proceso de experiencia de usuario. En equipos de desarrollo y/o empresas grandes, este proceso de UX es llevado por varios personas cada una especializándose en determinada área.
Bien, aclarar estos conceptos y saber realmente en donde estas ubicados estos elementos dentro del desarrollo total de una pagina web, nos permite identificar claramente los roles. Muy seguramente ahora un diseñador web querrá expandir más su conocimiento sobre el diseño UX, y probablemente, los reclutadores de personal redefinan sus pretensiones al querer contratar según especialistas UI / UX.
