SlideShare una empresa de Scribd logo
1 de 21
Los entregables más
importantes en un
proyecto de UX
¿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.
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.
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.
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.
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
¿A quienes están dirigidos los entregables?
Directores y
Brand Managers
Desarrolladores Clientes
5 entregables fundamentales
que todo proyecto de UX
debe tener
1. Reporte de pruebas de usuario
2. Prototipo
3. Pixel perfect mockups
4. Front end styleguides
5. User Journey
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
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)
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)
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)
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)
3 entregables que también
son muy importantes
1. Service blueprint
2. Wireflow
3. User persona
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)
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)
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)
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.
¡Muchas gracias!
Contacto:
Patricio Bustos
achalay@gmail
www.linkedin.com/in/302bis/

Más contenido relacionado

La actualidad más candente

Engineering Software Products: 4. software architecture
Engineering Software Products: 4. software architectureEngineering Software Products: 4. software architecture
Engineering Software Products: 4. software architecturesoftware-engineering-book
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptxRiniyaMary
 
UI & UX kel 5.pptx
UI & UX kel 5.pptxUI & UX kel 5.pptx
UI & UX kel 5.pptxrifqiarif6
 
Arquitectura empresarial para ingenieros de sistemas - Resumen
Arquitectura empresarial para ingenieros de sistemas  - ResumenArquitectura empresarial para ingenieros de sistemas  - Resumen
Arquitectura empresarial para ingenieros de sistemas - ResumenJohn Ortiz
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designDMI
 
Ciclo de vida por prototipos
Ciclo de vida por prototiposCiclo de vida por prototipos
Ciclo de vida por prototiposMay Rodriguez
 
ICCIT Council × GDSC: UX / UI and Figma
ICCIT Council × GDSC: UX / UI and FigmaICCIT Council × GDSC: UX / UI and Figma
ICCIT Council × GDSC: UX / UI and FigmaGDSC UofT Mississauga
 
CCNA Cybersecurity Operations (Versión 1.1) - Respuestas al examen final 2019...
CCNA Cybersecurity Operations (Versión 1.1) - Respuestas al examen final 2019...CCNA Cybersecurity Operations (Versión 1.1) - Respuestas al examen final 2019...
CCNA Cybersecurity Operations (Versión 1.1) - Respuestas al examen final 2019...Juan Carlos Martinez
 
METODOLOGIAS RUP
METODOLOGIAS RUPMETODOLOGIAS RUP
METODOLOGIAS RUPBiingeSof
 
Arquitecturas de software exposicion
Arquitecturas de software   exposicionArquitecturas de software   exposicion
Arquitecturas de software exposicionjuca piro
 
Las normas para el desarrollo del software
Las normas para el desarrollo del softwareLas normas para el desarrollo del software
Las normas para el desarrollo del softwareDaney8
 
Modelado de requisitos
Modelado de requisitosModelado de requisitos
Modelado de requisitosKleo Jorgee
 
Ingenieria de software interaccion humano computador
Ingenieria de software interaccion humano computadorIngenieria de software interaccion humano computador
Ingenieria de software interaccion humano computadorCrhis
 
DCU. Metodología MPIu+a
DCU. Metodología MPIu+aDCU. Metodología MPIu+a
DCU. Metodología MPIu+aDCU_MPIUA
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principlesDavid Little
 

La actualidad más candente (20)

Introduction to UI UX
Introduction to UI UXIntroduction to UI UX
Introduction to UI UX
 
Engineering Software Products: 4. software architecture
Engineering Software Products: 4. software architectureEngineering Software Products: 4. software architecture
Engineering Software Products: 4. software architecture
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptx
 
UI & UX kel 5.pptx
UI & UX kel 5.pptxUI & UX kel 5.pptx
UI & UX kel 5.pptx
 
Cocomo ii
Cocomo iiCocomo ii
Cocomo ii
 
Arquitectura empresarial para ingenieros de sistemas - Resumen
Arquitectura empresarial para ingenieros de sistemas  - ResumenArquitectura empresarial para ingenieros de sistemas  - Resumen
Arquitectura empresarial para ingenieros de sistemas - Resumen
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
Ciclo de vida por prototipos
Ciclo de vida por prototiposCiclo de vida por prototipos
Ciclo de vida por prototipos
 
ICCIT Council × GDSC: UX / UI and Figma
ICCIT Council × GDSC: UX / UI and FigmaICCIT Council × GDSC: UX / UI and Figma
ICCIT Council × GDSC: UX / UI and Figma
 
Historias de usuario
Historias de usuarioHistorias de usuario
Historias de usuario
 
CCNA Cybersecurity Operations (Versión 1.1) - Respuestas al examen final 2019...
CCNA Cybersecurity Operations (Versión 1.1) - Respuestas al examen final 2019...CCNA Cybersecurity Operations (Versión 1.1) - Respuestas al examen final 2019...
CCNA Cybersecurity Operations (Versión 1.1) - Respuestas al examen final 2019...
 
Modelo de proceso especializado
Modelo de proceso especializadoModelo de proceso especializado
Modelo de proceso especializado
 
METODOLOGIAS RUP
METODOLOGIAS RUPMETODOLOGIAS RUP
METODOLOGIAS RUP
 
Arquitecturas de software exposicion
Arquitecturas de software   exposicionArquitecturas de software   exposicion
Arquitecturas de software exposicion
 
Las normas para el desarrollo del software
Las normas para el desarrollo del softwareLas normas para el desarrollo del software
Las normas para el desarrollo del software
 
Modelado de requisitos
Modelado de requisitosModelado de requisitos
Modelado de requisitos
 
Ingenieria de software interaccion humano computador
Ingenieria de software interaccion humano computadorIngenieria de software interaccion humano computador
Ingenieria de software interaccion humano computador
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
 
DCU. Metodología MPIu+a
DCU. Metodología MPIu+aDCU. Metodología MPIu+a
DCU. Metodología MPIu+a
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principles
 

Similar a Los 5 entregables fundamentales en un proyecto de UX

Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioWorkshop Digital
 
Diseño como Enfoque de Visión Estratégica
Diseño como Enfoque de Visión EstratégicaDiseño como Enfoque de Visión Estratégica
Diseño como Enfoque de Visión EstratégicaSoftware Guru
 
Tubillete.com Rediseño interface de Usuario UX UI
Tubillete.com Rediseño interface de Usuario UX UITubillete.com Rediseño interface de Usuario UX UI
Tubillete.com Rediseño interface de Usuario UX UICoduxe
 
Documento - Webinar ux
Documento - Webinar uxDocumento - Webinar ux
Documento - Webinar uxCarlos Martin
 
Sanchez garcia juan_jose_ensayo_unidad1_sis-51
Sanchez garcia juan_jose_ensayo_unidad1_sis-51Sanchez garcia juan_jose_ensayo_unidad1_sis-51
Sanchez garcia juan_jose_ensayo_unidad1_sis-51Jose Garcia
 
DSUC 01: UX Research
DSUC 01: UX ResearchDSUC 01: UX Research
DSUC 01: UX ResearchRodrigo Vera
 
Partituras de Interacción
Partituras de InteracciónPartituras de Interacción
Partituras de InteracciónRodrigo Vera
 
EL NUEVO ROL DE LOS UX EN LA INDUSTRIA PUBLICITARIA COLOMBIANA
EL NUEVO ROL DE LOS UX EN LA INDUSTRIA PUBLICITARIA COLOMBIANAEL NUEVO ROL DE LOS UX EN LA INDUSTRIA PUBLICITARIA COLOMBIANA
EL NUEVO ROL DE LOS UX EN LA INDUSTRIA PUBLICITARIA COLOMBIANAwww.usarte.co
 
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...Herlency Muñoz García
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoThe Social Experience
 
2022-10-15 Presentación Guia 1.pptx
2022-10-15 Presentación Guia 1.pptx2022-10-15 Presentación Guia 1.pptx
2022-10-15 Presentación Guia 1.pptxCESAREDUARDOMURILLOS
 
Trabajo colaborativo 2 erica castillo 37_Unidad 2
Trabajo colaborativo 2 erica castillo 37_Unidad 2Trabajo colaborativo 2 erica castillo 37_Unidad 2
Trabajo colaborativo 2 erica castillo 37_Unidad 2mariaerica
 
Real UX Whitepaper
Real UX WhitepaperReal UX Whitepaper
Real UX WhitepaperRaona
 

Similar a Los 5 entregables fundamentales en un proyecto de UX (20)

Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
 
Diseño como Enfoque de Visión Estratégica
Diseño como Enfoque de Visión EstratégicaDiseño como Enfoque de Visión Estratégica
Diseño como Enfoque de Visión Estratégica
 
Tubillete.com Rediseño interface de Usuario UX UI
Tubillete.com Rediseño interface de Usuario UX UITubillete.com Rediseño interface de Usuario UX UI
Tubillete.com Rediseño interface de Usuario UX UI
 
Documento - Webinar ux
Documento - Webinar uxDocumento - Webinar ux
Documento - Webinar ux
 
Sanchez garcia juan_jose_ensayo_unidad1_sis-51
Sanchez garcia juan_jose_ensayo_unidad1_sis-51Sanchez garcia juan_jose_ensayo_unidad1_sis-51
Sanchez garcia juan_jose_ensayo_unidad1_sis-51
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
DSUC 01: UX Research
DSUC 01: UX ResearchDSUC 01: UX Research
DSUC 01: UX Research
 
Partituras de Interacción
Partituras de InteracciónPartituras de Interacción
Partituras de Interacción
 
Sotfware teoria general de siste mas
Sotfware teoria general de siste masSotfware teoria general de siste mas
Sotfware teoria general de siste mas
 
UX metodología y acciones
UX metodología y accionesUX metodología y acciones
UX metodología y acciones
 
EL NUEVO ROL DE LOS UX EN LA INDUSTRIA PUBLICITARIA COLOMBIANA
EL NUEVO ROL DE LOS UX EN LA INDUSTRIA PUBLICITARIA COLOMBIANAEL NUEVO ROL DE LOS UX EN LA INDUSTRIA PUBLICITARIA COLOMBIANA
EL NUEVO ROL DE LOS UX EN LA INDUSTRIA PUBLICITARIA COLOMBIANA
 
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º Curso
 
2022-10-15 Presentación Guia 1.pptx
2022-10-15 Presentación Guia 1.pptx2022-10-15 Presentación Guia 1.pptx
2022-10-15 Presentación Guia 1.pptx
 
Uml
UmlUml
Uml
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
 
Trabajo colaborativo 2 erica castillo 37_Unidad 2
Trabajo colaborativo 2 erica castillo 37_Unidad 2Trabajo colaborativo 2 erica castillo 37_Unidad 2
Trabajo colaborativo 2 erica castillo 37_Unidad 2
 
UX process design for mobile
UX process design for mobileUX process design for mobile
UX process design for mobile
 
Real UX Whitepaper
Real UX WhitepaperReal UX Whitepaper
Real UX Whitepaper
 

Último

Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdforianaandrade11
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .Rosa329296
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezNaza59
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaCamilaIsabelaRodrigu
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfduf110205
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista30898575
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfandrea Varela
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2dheribertaferrer
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabrielaMarcano12
 
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)lemg25102006
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAPjuanrincon129309
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)LeonardoDantasRivas
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizingagbhuizinga2000
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxMarcosAlvarezSalinas
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
brasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxbrasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxErikRamirez67
 
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfEL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfCeciliaTernR1
 

Último (20)

Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdf
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth Bermúdez
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historia
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdf
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2d
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimiento
 
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAP
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizinga
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptx
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
brasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxbrasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptx
 
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfEL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
 

Los 5 entregables fundamentales en un proyecto de UX

  • 1. Los entregables más importantes en un proyecto de UX
  • 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
  • 8. 5 entregables fundamentales que todo proyecto de UX debe tener
  • 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)
  • 15. 3 entregables que también son muy importantes
  • 16. 1. Service blueprint 2. Wireflow 3. User persona
  • 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.