Estrategia de contenido: Una guía para diseñadores UX
Transcript of Estrategia de contenido: Una guía para diseñadores UX
![Page 1: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/1.jpg)
01WORLD IA DAY 2016 PRESENTATION TITLE HERE
HEADER OPTIONSUB HEAD OR SHORT DESCRIPTION
Some kind of explanatory text, reference or footnote can go here and wrap to two lines, if needed.
Some kind of illustration or image?
ESTRATEGIA DE CONTENIDO: UNA GUÍA PARA DISEÑADORES UX
Víctor García @idvicman
![Page 2: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/2.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
CONTENIDO• Introducción• La guía
• Definir el contenido• Diseñar (Modelos de Contenido)• Prototipado con Proto-Contenido• Validar el contenido
• Llevando la teoría a la práctica. Algunos consejos.
![Page 3: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/3.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
¡Hola!este soy yo
Senior User Experience Designer en Terán\TBWA Scrum Master Certified por Scrum Alliance
Parte de UX Nights y Ágiles México
Víctor García @idvicman
![Page 4: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/4.jpg)
THANK YOU.
01WORLD IA DAY 2015 PRESENTATION TITLE HERE
INTRODUCCIÓN
![Page 5: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/5.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 6: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/6.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
Content Strategy A Guide for UX Designers by Liam King
![Page 7: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/7.jpg)
WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
“If you’re an agency working with clients on their website redesign projects this guide is for you”.
![Page 8: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/8.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
Introducción
Si los sitios web son principalmente un vehículo para entregar contenido, ¿por qué tantos proyectos web siguen siendo desproporcionadamente enfocados al diseño visual y a la funcionalidad, a expensas del contenido?
Estrategia de contenido: Una guía para diseñadores UX
![Page 9: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/9.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
Introducción
Debemos colocar al contenido en el corazón del proceso de diseño y en la definición de la experiencia de usuario.La guía sugiere un conjunto de técnicas para hacer énfasis en el contenido durante cada etapa de un proyecto web.
Estrategia de contenido: Una guía para diseñadores UX
![Page 10: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/10.jpg)
THANK YOU.
01WORLD IA DAY 2015 PRESENTATION TITLE HERE
ESTRATEGIA DE CONTENIDO: UNA GUÍA PARA DISEÑADORES UX
![Page 11: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/11.jpg)
ETAPA1: DEFINIR EL CONTENIDO
![Page 12: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/12.jpg)
01WORLD IA DAY 2015 PRESENTATION TITLE HERE
First-Content Thinking
![Page 13: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/13.jpg)
01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #1 • Definir y priorizar User Stories con cliente en un Agile Release Planning Meeting.
![Page 14: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/14.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
Como <tipo de usuario> quiero <alguna meta> para <alguna razón>.
![Page 15: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/15.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
M: Must have S: Should have C: Could have W: Won´t have
MoSCoW
![Page 16: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/16.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 17: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/17.jpg)
01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #2 • Crear un User Story Backlog en un formato digital para que el equipo y cliente pueda colaborar en su actualización.
![Page 18: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/18.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 19: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/19.jpg)
01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #3 • Observando la lista priorizada de Historias de Usuario, el equipo puede empezar a definir en qué necesita trabajar.
![Page 20: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/20.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 21: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/21.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 22: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/22.jpg)
01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #4 • Realizar un análisis de la competencia. Identificar posibles flujos de usuario.
![Page 23: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/23.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 24: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/24.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 25: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/25.jpg)
ETAPA 2: DISEÑAR
![Page 26: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/26.jpg)
01WORLD IA DAY 2015 PRESENTATION TITLE HERE
Model Content
![Page 27: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/27.jpg)
01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #1 • 6-Up brainstorm.
![Page 28: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/28.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 29: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/29.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 30: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/30.jpg)
01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #2 • Presentar, votar 6-Up.
![Page 31: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/31.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 32: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/32.jpg)
01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #3 • 1-Up brainstorm.
![Page 33: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/33.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 34: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/34.jpg)
01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #4 • Presentar, votar 1-Up. Definir el modelo de contenido.
![Page 35: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/35.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 36: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/36.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 37: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/37.jpg)
ETAPA 3: PROTOTIPAR
![Page 38: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/38.jpg)
01WORLD IA DAY 2015 PRESENTATION TITLE HERE
Proto-Content
![Page 39: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/39.jpg)
WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX 01
“Stuffing Lorem Ipsum into wireframes and prototypes is not a content-first approach”.
![Page 40: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/40.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
Proto-Contenido
No necesitamos un perfecto contenido para evaluar nuestros imperfectos prototipos.• Diseña con el contenido actual• Diseña con contenido de la competencia• Escribe contenido usar-y-tirar
Estrategia de contenido: Una guía para diseñadores UX
![Page 41: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/41.jpg)
01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #1 • Prototipar con Proto-Contenido.
![Page 42: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/42.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 43: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/43.jpg)
ETAPA 4: VALIDAR
![Page 44: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/44.jpg)
01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #1 • Realizar user testing.
![Page 45: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/45.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 46: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/46.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 47: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/47.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 48: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/48.jpg)
01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #2 • Registrar observaciones y comentarios de usuarios.
![Page 49: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/49.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 50: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/50.jpg)
01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #3 • Compartir observaciones con todo el equipo.
![Page 51: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/51.jpg)
01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #4 • El equipo formula hipótesis por cada observación crítica para iterar y mejorar.
![Page 52: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/52.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 53: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/53.jpg)
01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #5 • Priorizar hipótesis. Implementar en la siguiente iteración.
![Page 54: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/54.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 55: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/55.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 56: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/56.jpg)
01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #5 • Validar hipótesis.
![Page 57: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/57.jpg)
WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
![Page 58: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/58.jpg)
WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX 01
“Good things happen when we iterate and improve the content and design together from
the earliest stages”.
![Page 59: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/59.jpg)
THANK YOU.
01WORLD IA DAY 2015 PRESENTATION TITLE HERE
LLEVANDO LA TEORÍA A LA PRÁCTICA. ALGUNOS CONSEJOS
![Page 60: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/60.jpg)
01WORLD IA DAY 2016 PRESENTATION TITLE HERE
CONSEJOS• Para lograr implementar este proceso dentro de una agencia digital, empieza un proyecto a la vez. El Project Manager es
tu mejor amigo. Y el de Cuentas, también.• Siempre habrá clientes necios que acusarán al UX Designer sin razón. Sé paciente.• No a todos les gusta trabajar con Historias de Usuario, incluso quien menos lo esperas. Sí, me refiero al equipo de
desarrollo. Y el cliente, también.• Incorpora al proceso: Proto-Personas, metas (tareas y pasos) y contexto de uso (escenarios).• No hay peor enemigo de la estrategia de contenido que un Lorem Ipsum. El Proto-Contenido es tu mejor amigo. Y el
Copywriter, también.• No hay peor enemigo del diseño iterativo que un Time Table. UCD es tu mejor amigo. Y las metodologías ágiles, también.
![Page 61: Estrategia de contenido: Una guía para diseñadores UX](https://reader034.fdocumento.com/reader034/viewer/2022051706/58f9a9db760da3da068b72d7/html5/thumbnails/61.jpg)
01WORLD IA DAY 2015 PRESENTATION TITLE HERE
¡GRACIAS!¿PREGUNTAS?Contacto:
Víctor Manuel García Luna Senior User Experience [email protected] | @idvicman