A talk made by Víctor García by WIAD 2016 @ Mexico City. ¿Cómo podemos esquematizar las estructuras para la información que promueve el apego al contenido?

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

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

3. WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
¡Hola!
este soy yo
Senior User Experience Designer en TeránTBWA
Scrum Master Certified por Scrum Alliance
Parte de UX Nights y Ágiles México
Víctor García
@idvicman

4. THANK YOU.
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
INTRODUCCIÓN

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

6. WORLD IA DAY 2016 Estrategia de contenido: Una guía para diseñadores UX
Content Strategy
A Guide for UX Designers
by Liam King

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

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

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

10. THANK YOU.
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
ESTRATEGIA DE CONTENIDO:
UNA GUÍA PARA DISEÑADORES UX

11. ETAPA1:
DEFINIR EL CONTENIDO

12. 01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
First-Content Thinking

13. 01
WORLD 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.

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

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

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

17. 01
WORLD 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.

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

19. 01
WORLD 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.

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

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

22. 01
WORLD 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.

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

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

25. ETAPA 2:
DISEÑAR

26. 01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
Model Content

27. 01
WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #1
• 6-Up brainstorm.

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

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

30. 01
WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #2
• Presentar, votar 6-Up.

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

32. 01
WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #3
• 1-Up brainstorm.

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

34. 01
WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #4
• Presentar, votar 1-Up. Definir
el modelo de contenido.

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

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

37. ETAPA 3:
PROTOTIPAR

38. 01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
Proto-Content

39. 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”.

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

41. 01
WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #1
• Prototipar con Proto-
Contenido.

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

43. ETAPA 4:
VALIDAR

44. 01
WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #1
• Realizar user testing.

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

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

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

48. 01
WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #2
• Registrar observaciones y
comentarios de usuarios.

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

50. 01
WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #3
• Compartir observaciones con
todo el equipo.

51. 01
WORLD 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.

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

53. 01
WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #5
• Priorizar hipótesis.
Implementar en la siguiente
iteración.

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

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

56. 01
WORLD IA DAY 2016 Estrategia de contenido:Una guía para diseñadores UX
PASO #5
• Validar hipótesis.

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

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

59. 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”.

60. THANK YOU.
01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
LLEVANDO LA TEORÍA A LA PRÁCTICA.
ALGUNOS CONSEJOS

61. 01
WORLD IA DAY 2016 PRESENTATION TITLE HERE
CONSEJOS

62. 01
WORLD 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.

63. 01
WORLD 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.

64. 01
WORLD 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.

65. 01
WORLD 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).

66. 01
WORLD 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.

67. 01
WORLD 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.

68. 01
WORLD IA DAY 2015 PRESENTATION TITLE HERE
¡GRACIAS!
¿PREGUNTAS?
Contacto:
Víctor Manuel García Luna
Senior User Experience Designer
vicmangl@gmail.com | @idvicman