Las damas, los niños y el
contenido primero
Emiliano Cosenza
@ecosenza
Team

Flickr - appricothq
Ideas

Flickr - Abhishek Kumar
¿Por dónde empezamos?
Algo ya sabemos
Nos dirigimos a personas

Flickr - Mariarosa Delleani
Que usan tecnología

Flickr - Alex S
No viven en una caramelera
Sino en un ambiente
Flickr -Lesley Gooding
En un contexto abundante

Flickr - Brad Frost
Muy abundante
Saturados de información
Flickr - Margus Sootla
Esas personas
Esas personas
➔ Que usan tecnología
Esas personas
➔ Que usan tecnología
➔ En un mundo de interfaces
Esas personas
➔ Que usan tecnología
➔ En un mundo de interfaces
➔ ¿Qué son?
Usuarios

Flickr - SLU Madrid Campus
¿Y qué buscan?
¿Y qué buscan?
✓ Cumplir un objetivo
¿Y qué buscan?
✓ Cumplir un objetivo
✓ Quieren hacer algo
¿Dónde lo
encuentran?
Contenido

Flickr - Rosmarie Wirz
OK, los usuarios:
OK, los usuarios:
✓ Buscan un objetivo
OK, los usuarios
✓ Buscan un objetivo
✓ Lo encuentran en el
contenido
¿Por dónde empezamos?
¡Exacto!
Por el contenido
Naufragio
Las damas, los niños y...
El contenido primero

Flickr -Nadeem Khawar
¿Cuál es el contenido
indicado?
➔ Indicado para el negocio
➔ Indicado para el negocio
➔ Indicado para los usuarios
Ofrece lo que
necesitan, cuando lo
necesitan.
Telepatía
Flickr -Andrew Becraft
El contexto lo cambia todo

Flickr -darkhairedgirl
La atención es efímera

<.-- Julio
Comunicar con
eficiencia
No sobra ni falta
Flickr Mark Kent
Cuáles son los elementos
Flickr Juanda Contreras
Des Traynor
Vamos por partes
Funcional
Funcional
✓ Grado cero
Funcional
✓ Grado cero
✓ Cumple el objetivo
Funcional
✓ Grado cero
✓ Cumple el objetivo
✓ Valor, relevancia
Funcional
Comprensible
Comprensible
✓ Sencillo y claro
Comprensible
✓ Sencillo y claro
✓ Modelo mental
Comprensible
✓ Sencillo y claro
✓ Modelo mental
✓ Si exige esfuerzo, no sirve
Comprensible
Usable
Usable
✓ Adecuado al contexto
Usable
✓ Adecuado al contexto
✓ Escaneabilidad
Usable
✓ Adecuado al contexto
✓ Escaneabilidad
✓ Niveles de lectura
Usable
Disfrutable
Disfrutable
✓ Sensación de placer
Disfrutable
✓ Sensación de placer
✓ Empatía
Disfrutable
✓ Sensación de placer
✓ Empatía
✓ Emoción
Disfrutable
Motivante
Motivante
✓ Me dan ganas de…
Motivante
✓ Me dan ganas de…
○ Hacer la tarea
Motivante
✓ Me dan ganas de…
○ Hacer la tarea
○ Tener mejor actitud
Motivante
Las palabras cambian el mundo
El contenido se vive
Maya Angelou

“Aprendí que la
gente olvidará lo
que dices, lo que
haces, pero jamás
olvidará cómo los
hiciste sentir”.
Fli...
Así se expresan las buenas UX
El contenido es una
historia
El motor es la búsqueda
¿Se acuerdan?
Posibles finales
La historia
✓ Es nuestra estructura
La historia
✓ Es nuestra estructura
✓ ¿La estamos contando bien?
Herramientas
Workflow estándar
1. Aprender | Buscar.
1. Aprender | Buscar.
2. Armar | Diseñar los flujos.
1. Aprender | Buscar.
2. Armar | Diseñar los flujos.
3. Construir | Desarrollar.
1. Aprender | Buscar.
2. Armar | Diseñar los flujos.
3. Construir | Desarrollar.
4. Escribir :|
Pérdida de experiencia

Flickr Dan Tolomeo
Workflow content 1°
1. Aprender | Buscar.
2. Escribir
3. Armar | Diseñar los flujos.
4. Construir | Desarrollar.
Una metodología
1. Pensar primero
i. Doc. → Briefing
ii. Sketches
iii. Modelado
Briefing
Sketches
Wireframe
2. Escribir textos usables
i. Iterar
ii. Buddy system
Iterar
No nadar solo
3. Revisar, corregir, medir
i. Fuera de la caja
ii. Volver al objetivo
iii. Investigar, no suponer
Buenas experiencias

Flickr LittlePrince83
No deje de completar su evaluación online

ux2013.com.ar/encuesta
¡Muchas gracias!
Las damas, los niños y el contenido pri...
Las damas los niños y el contenido primero - Charla en la jornada académica en UX 2013
Upcoming SlideShare
Loading in …5
×

Las damas los niños y el contenido primero - Charla en la jornada académica en UX 2013

1,184 views

Published on

El primer paso en el diseño de la experiencia de un producto digital interactivo está lleno de dudas. Pero, la peor de todas es: ¿por dónde empezamos? ¿Armamos bocetos y después le ponemos los textos? ¿Y si antes definimos todos los casos de uso y pensamos cómo mostrar la información? Las discusiones giran en sí mismas, las caras se ponen largas y el tiempo de desarrollo se estira.

En los naufragios, sube el agua, bajan los botes y alguien grita: “¡Las damas y los niños primero!”. Es casi intuitivo, nadie duda, todos actúan. ¿Por qué no hacemos lo mismo al momento de diseñar la experiencia de usuario? Gritemos: “¡El contenido primero!” Y veremos cómo las discusiones se agilizan, se vuelven productivas y se orientan en quien verdaderamente importa: el usuario.

Buenos Aires - Universidad Católica Argentina.

Published in: Design
2 Comments
9 Likes
Statistics
Notes
No Downloads
Views
Total views
1,184
On SlideShare
0
From Embeds
0
Number of Embeds
307
Actions
Shares
0
Downloads
14
Comments
2
Likes
9
Embeds 0
No embeds

No notes for slide

Las damas los niños y el contenido primero - Charla en la jornada académica en UX 2013

  1. 1. Las damas, los niños y el contenido primero Emiliano Cosenza @ecosenza
  2. 2. Team Flickr - appricothq
  3. 3. Ideas Flickr - Abhishek Kumar
  4. 4. ¿Por dónde empezamos?
  5. 5. Algo ya sabemos
  6. 6. Nos dirigimos a personas Flickr - Mariarosa Delleani
  7. 7. Que usan tecnología Flickr - Alex S
  8. 8. No viven en una caramelera
  9. 9. Sino en un ambiente Flickr -Lesley Gooding
  10. 10. En un contexto abundante Flickr - Brad Frost
  11. 11. Muy abundante
  12. 12. Saturados de información Flickr - Margus Sootla
  13. 13. Esas personas
  14. 14. Esas personas ➔ Que usan tecnología
  15. 15. Esas personas ➔ Que usan tecnología ➔ En un mundo de interfaces
  16. 16. Esas personas ➔ Que usan tecnología ➔ En un mundo de interfaces ➔ ¿Qué son?
  17. 17. Usuarios Flickr - SLU Madrid Campus
  18. 18. ¿Y qué buscan?
  19. 19. ¿Y qué buscan? ✓ Cumplir un objetivo
  20. 20. ¿Y qué buscan? ✓ Cumplir un objetivo ✓ Quieren hacer algo
  21. 21. ¿Dónde lo encuentran?
  22. 22. Contenido Flickr - Rosmarie Wirz
  23. 23. OK, los usuarios:
  24. 24. OK, los usuarios: ✓ Buscan un objetivo
  25. 25. OK, los usuarios ✓ Buscan un objetivo ✓ Lo encuentran en el contenido
  26. 26. ¿Por dónde empezamos?
  27. 27. ¡Exacto! Por el contenido
  28. 28. Naufragio
  29. 29. Las damas, los niños y...
  30. 30. El contenido primero Flickr -Nadeem Khawar
  31. 31. ¿Cuál es el contenido indicado?
  32. 32. ➔ Indicado para el negocio
  33. 33. ➔ Indicado para el negocio ➔ Indicado para los usuarios
  34. 34. Ofrece lo que necesitan, cuando lo necesitan.
  35. 35. Telepatía Flickr -Andrew Becraft
  36. 36. El contexto lo cambia todo Flickr -darkhairedgirl
  37. 37. La atención es efímera <.-- Julio
  38. 38. Comunicar con eficiencia
  39. 39. No sobra ni falta Flickr Mark Kent
  40. 40. Cuáles son los elementos Flickr Juanda Contreras
  41. 41. Des Traynor
  42. 42. Vamos por partes
  43. 43. Funcional
  44. 44. Funcional ✓ Grado cero
  45. 45. Funcional ✓ Grado cero ✓ Cumple el objetivo
  46. 46. Funcional ✓ Grado cero ✓ Cumple el objetivo ✓ Valor, relevancia
  47. 47. Funcional
  48. 48. Comprensible
  49. 49. Comprensible ✓ Sencillo y claro
  50. 50. Comprensible ✓ Sencillo y claro ✓ Modelo mental
  51. 51. Comprensible ✓ Sencillo y claro ✓ Modelo mental ✓ Si exige esfuerzo, no sirve
  52. 52. Comprensible
  53. 53. Usable
  54. 54. Usable ✓ Adecuado al contexto
  55. 55. Usable ✓ Adecuado al contexto ✓ Escaneabilidad
  56. 56. Usable ✓ Adecuado al contexto ✓ Escaneabilidad ✓ Niveles de lectura
  57. 57. Usable
  58. 58. Disfrutable
  59. 59. Disfrutable ✓ Sensación de placer
  60. 60. Disfrutable ✓ Sensación de placer ✓ Empatía
  61. 61. Disfrutable ✓ Sensación de placer ✓ Empatía ✓ Emoción
  62. 62. Disfrutable
  63. 63. Motivante
  64. 64. Motivante ✓ Me dan ganas de…
  65. 65. Motivante ✓ Me dan ganas de… ○ Hacer la tarea
  66. 66. Motivante ✓ Me dan ganas de… ○ Hacer la tarea ○ Tener mejor actitud
  67. 67. Motivante
  68. 68. Las palabras cambian el mundo
  69. 69. El contenido se vive
  70. 70. Maya Angelou “Aprendí que la gente olvidará lo que dices, lo que haces, pero jamás olvidará cómo los hiciste sentir”. Flickr Auburn University
  71. 71. Así se expresan las buenas UX
  72. 72. El contenido es una historia
  73. 73. El motor es la búsqueda
  74. 74. ¿Se acuerdan?
  75. 75. Posibles finales
  76. 76. La historia ✓ Es nuestra estructura
  77. 77. La historia ✓ Es nuestra estructura ✓ ¿La estamos contando bien?
  78. 78. Herramientas
  79. 79. Workflow estándar
  80. 80. 1. Aprender | Buscar.
  81. 81. 1. Aprender | Buscar. 2. Armar | Diseñar los flujos.
  82. 82. 1. Aprender | Buscar. 2. Armar | Diseñar los flujos. 3. Construir | Desarrollar.
  83. 83. 1. Aprender | Buscar. 2. Armar | Diseñar los flujos. 3. Construir | Desarrollar. 4. Escribir :|
  84. 84. Pérdida de experiencia Flickr Dan Tolomeo
  85. 85. Workflow content 1°
  86. 86. 1. Aprender | Buscar. 2. Escribir 3. Armar | Diseñar los flujos. 4. Construir | Desarrollar.
  87. 87. Una metodología
  88. 88. 1. Pensar primero i. Doc. → Briefing ii. Sketches iii. Modelado
  89. 89. Briefing
  90. 90. Sketches
  91. 91. Wireframe
  92. 92. 2. Escribir textos usables i. Iterar ii. Buddy system
  93. 93. Iterar
  94. 94. No nadar solo
  95. 95. 3. Revisar, corregir, medir i. Fuera de la caja ii. Volver al objetivo iii. Investigar, no suponer
  96. 96. Buenas experiencias Flickr LittlePrince83
  97. 97. No deje de completar su evaluación online ux2013.com.ar/encuesta ¡Muchas gracias! Las damas, los niños y el contenido primero Emiliano Cosenza @ecosenza

×