WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

68
01 WORLD IA DAY 2016 PRESENTATION TITLE HERE HEADER OPTION SUB 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

Transcript of WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

Page 1: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

THANK YOU.

01WORLD IA DAY 2015 PRESENTATION TITLE HERE

INTRODUCCIÓN

Page 5: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 6: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

THANK YOU.

01WORLD IA DAY 2015 PRESENTATION TITLE HERE

ESTRATEGIA DE CONTENIDO: UNA GUÍA PARA DISEÑADORES UX

Page 11: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

ETAPA1: DEFINIR EL CONTENIDO

Page 12: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

01WORLD IA DAY 2015 PRESENTATION TITLE HERE

First-Content Thinking

Page 13: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 17: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 19: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 21: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 22: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 24: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 25: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

ETAPA 2: DISEÑAR

Page 26: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

01WORLD IA DAY 2015 PRESENTATION TITLE HERE

Model Content

Page 27: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX

PASO #1 • 6-Up brainstorm.

Page 28: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 29: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 30: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX

PASO #2 • Presentar, votar 6-Up.

Page 31: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 32: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX

PASO #3 • 1-Up brainstorm.

Page 33: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 34: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 36: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 37: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

ETAPA 3: PROTOTIPAR

Page 38: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

01WORLD IA DAY 2015 PRESENTATION TITLE HERE

Proto-Content

Page 39: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX

PASO #1 • Prototipar con Proto-Contenido.

Page 42: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 43: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

ETAPA 4: VALIDAR

Page 44: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX

PASO #1 • Realizar user testing.

Page 45: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 46: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 47: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 48: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX

PASO #2 • Registrar observaciones y comentarios de usuarios.

Page 49: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 50: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX

PASO #3 • Compartir observaciones con todo el equipo.

Page 51: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 53: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 55: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 56: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

01WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX

PASO #5 • Validar hipótesis.

Page 57: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 58: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX

Page 59: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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 60: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

THANK YOU.

01WORLD IA DAY 2015 PRESENTATION TITLE HERE

LLEVANDO LA TEORÍA A LA PRÁCTICA. ALGUNOS CONSEJOS

Page 61: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

01WORLD IA DAY 2016 PRESENTATION TITLE HERE

CONSEJOS

Page 62: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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.

Page 63: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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.

Page 64: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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.

Page 65: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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).

Page 66: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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.

Page 67: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

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 68: WIAD 2016 Mexico City - Estrategia de contenido para diseñadores UX

01WORLD IA DAY 2015 PRESENTATION TITLE HERE

¡GRACIAS!¿PREGUNTAS?Contacto:

Víctor Manuel García Luna Senior User Experience [email protected] | @idvicman