Las damas los niños y el contenido primero - Charla en la jornada académica en UX 2013
98
Las damas, los niños y el contenido primero Emiliano Cosenza @ecosenza
-
Upload
emiliano-cosenza -
Category
Design
-
view
719 -
download
0
description
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.
Transcript of Las damas los niños y el contenido primero - Charla en la jornada académica en UX 2013
Las damas, los niños y el contenido primeroEmiliano Cosenza@ecosenza
Team
Flickr - appricothq
Ideas
Flickr - Abhishek Kumar
¿Por dónde empezamos?
Algo ya sabemos
Flickr - Mariarosa Delleani
Nos dirigimos a personas
Que usan tecnología
Flickr - Alex S
No viven en una caramelera
Sino en un ambiente
Flickr -Lesley Gooding
Flickr - Brad Frost
En un contexto abundante
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?
Flickr - SLU Madrid Campus
Usuarios
¿Y qué buscan?
¿Y qué buscan?
✓ Cumplir un objetivo
¿Y qué buscan?
✓ Cumplir un objetivo
✓ Quieren hacer algo
¿Dónde lo encuentran?
Flickr - Rosmarie Wirz
Contenido
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
El contenido se vive
“Aprendí que la gente olvidará lo que dices, lo que haces, pero jamás olvidará cómo los hiciste sentir”.
Flickr Auburn University
Maya Angelou
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 primero
Emiliano Cosenza@ecosenza
