Este documento identifica los entregables más importantes en un proyecto de UX. Explica que los entregables varían según el público, tipo de proyecto y etapa del proyecto. Luego, identifica tres públicos clave (directores, gerentes de marca y desarrolladores) y destaca cinco entregables fundamentales: reportes de pruebas de usuario, prototipos, mockups, guías de estilo de frontend y journeys de usuario. También menciona tres entregables adicionales importantes: blueprints de servicio, wireflows y personas de usuario
2. ¿Quién soy?
Patricio Bustos
UX Specilist
Tengo más de 10 años de experiencia en proyectos de diseño digital;
durante mi vida he trabajado como diseñador gráfico, asistente social,
diseñador web, front-end developer, cadenero en un antro y casi todas
las posiciones de UX. También he trabajado con muchos clientes en
los que he creado aplicaciones móviles, web, B2C, B2B, etcétera.
Además, soy budista, vegano, dadaísta, estridentista, UXC (por parte de
NN/g) y un montón de cosas más.
3. Punto de partida
El mundo de los entregables es muy amplio, ya que varían dependiendo del
público, a quién van dirigidos y del tipo de proyecto en el que están enfocados
(por ejemplo B2C, B2B) pero también del tipo de proceso que estemos llevando a
cabo o de la etapa en que se encuentra el producto.
Por ello, es fundamental saber cuáles son los más importantes, ya que éstos nos
servirán como punto de partida y nos posibilitarán cumplir con las necesidades
mínimas que nos exige un proceso estándar de UX.
4. Enfoque para esta presentación
Conocer los 3 públicos (más relevantes) a los que
regularmente están dirigidos la mayoría de los entregables,
analizar a profundidad los 5 que no pueden faltar dentro de
un proyecto de UX y revisar otros 3 que también son muy
importantes.
5. Definición
Entregable
UX
Es un documento, presentación,
artefacto o diagrama que se comparte
con una audiencia con el propósito de
comunicar UX. El entregable en sí
mismo es el mejor método de
documentar el trabajo de UX que se ha
realizado.
6. 3 Reglas fundamentales
● Debe estar escrito en el lenguaje que el lector puede
entender perfectamente
● Todos los entregables deben estar almacenados en
ubicaciones accesibles
● Toda la evidencia con que se crearon los reportes
también tiene que estar accesible
7. ¿A quienes están dirigidos los entregables?
Directores y
Brand Managers
Desarrolladores Clientes
9. 1. Reporte de pruebas de usuario
2. Prototipo
3. Pixel perfect mockups
4. Front end styleguides
5. User Journey
10. 1. Reporte de pruebas de usuario
Es el reporte inicial más importante y
brinda información relevante
principalmente a los directores y brand
managers. También puede ser entregado
a los clientes dependiendo del proceso
que se esté llevando.
Especialmente útil para directores de productos,
brand managers, etcétera
11. 2. Prototipo
Este entregable es uno de los más
importantes, ya que permite transmitir—
en distintos estadíos—la experiencia que
tendrá el usuario. Hay de alta, media y
baja fidelidad
Útil para los tres roles mencionados
(Click para acceder al ejemplo)
12. 3. Pixel perfect mockups
Este entregable es el que muestra al
cliente la perspectiva más cercana al
diseño final
Especialmente útil para el cliente, aunque
será requerido también por el área de
producto y programación.
(Click para acceder al ejemplo)
13. 4. Front end styleguides
Las guías de estilo para front-end son
una colección de elementos de una
interfaz de usuario, la cual, pueden
contener los fragmentos de código para
que los desarrolladores copien y peguen.
Incluyen componentes comunes como
botones, elementos de formulario, menús
de navegación, ventanas modales e
iconos.
Los programadores de front-end aman
este entregable
(Click para acceder al ejemplo)
14. 5. User Journey
Es muy importante ya que muestra
paso a paso, todos los pasos que sigue
un usuario desde que llegó a nuestro
producto/servicio hasta que obtiene lo
que necesita. Es particularmente
importante al momento de delinear un
producto.
Útil para los tres roles mencionados (Click para acceder al ejemplo)
17. 1. Service blueprint
Un service blueprint es un diagrama
que ayuda a visualizar las relaciones
entre los diferentes componentes que
están directamente atados a los puntos
de contacto en un customer journey
específico.
Muy útil para los desarrolladores de
front-end y products owners
(Click para acceder al ejemplo)
18. 2. Wireflow
Wireflow, es la mezcla entre wireframes
y task flows. Son muy útiles para la
entender la perspectiva completa de la
lógica de navegación y los layouts de la
aplicación. Es particularmente útil para
explicar interacciones específicas que
deben quedar muy en claro al momento
de hacer la entrega al desarrollo.
Útil para los tres roles mencionados (Click para acceder al ejemplo)
19. 3. User persona
Este entregable representa a un
personaje arquetípico creado para
representar los diferentes tipos de
usuarios que podrían usar un sitio web,
una marca o un producto de manera
similar. Es el reflejo de nuestra
audiencia y ayuda a saber a quién le
estamos hablando
Puede ser útil para los tres roles
mencionados, en particular para los
directores y brand managers
(Click para acceder al ejemplo)
20. Conclusión
Los entregables son una parte ineludible dentro de cualquier proceso de
UX. Saber cuales son los más importantes, nos ayudará a satisfacer las
necesidades tanto de nuestros clientes como de nuestro equipo.
Hacerlos bien, nos servirá para mostrar al mundo los grandes beneficios
que tiene el diseño centrado en el usuario y los proceso relacionados al
UX.