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

Post on 05-Jul-2015

728 views 0 download

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

Las palabras cambian el mundo

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