Julio 01, 2010

Experience DesignDiseñar experiencias digitales

LEO BURNETT COLOMBIANA

PAGE: 2

Los modelos de EXPERIENCIA son una reopresentación de cómo la gente experimenta los productos, servicios o ambientes (...), desde el punto de las “personas” teniendo una experiencia y

NO desde el punto de vista del “negocio “

LEO BURNETT COLOMBIANA

PAGE: 3

Experience Design existe para entender el grado en el cual los consum idores sienten que sus

interacciones, satisfacen sus necesidades

Intro

LEO BURNETT COLOMBIANA

PAGE: 4

Hace del diseño una experiencia. Una experiencia memorable, cómoda e innovadora, que se ajusta a las expectativas de cada target, al igual que a sus

aspiraciones y limitaciones

Intro

LEO BURNETT COLOMBIANA

PAGE: 5

Consumer & Secondary Research

Personas & Experience Models

Findings & Recommendations

Concepting - Briefing Creatives- Brainstorming- Evaluating strategic fit- Defining & prioritizing features/functions/content

Site Maps, Interaction Models, Wireframes

Usability Test and Iterate

Design collaboration on comps

Measurement Plan

Functional specifications

Collaborate on Flash Animation

Answer SE questions

EXPERIENCE DESIGNSTRATEGY/CONCEPTING BUILD

No es un tema exclusivo de diseño

1 2 3

LEO BURNETT COLOMBIANA

PAGE: 6

Experience Planning: Devela insights que informan conceptos y soluciones

1

LEO BURNETT COLOMBIANA

Un planner de experiencia debería

Desarrolla insights de consumidores para comunicarlos a los diferentes usuarios (internos y externos)

Crear marcos para la innovación que suceden en la etapa de diseño

Asegura que la voz del consumidor sea escuchada a través de todo el proceso

Provee un marco de referencia que permita optimizar la experiencia una vez un proyecto sale al aire

Contribuye en el brief creativo

Promueve e inspira ideas para conceptos

Genera lluvias de ideas para características, funciones y contenido

LEO BURNETT COLOMBIANA

Diferentes estudios que permiten llenar vacíos

Surveying (Online & Offline)

Shopper Intercepts

Usability Testing (Online & Offline)

Product Usage Measurement & Reporting

Card SortingParticipatory Design

Self-Reporting and Documentation

Contextual Interviews

Focus Groups (Online & Offline)

Ethnographic Observation

Blog Research Panels

Chat Lurking

Personal Journals (online and offline)

Eye-tracking Studies

LEO BURNETT COLOMBIANA

PAGE: 9

Diseño de la experiencia: Cómo hacer de la experiencia digital algo fluido, consecuente y

accesible

2

LEO BURNETT COLOMBIANA

PAGE: 10

MATRIZ DE CONTENIDOS: documenta y prioriza características, funciones, contenido y otros requerimientos, basandose en las necesidade del usuario, el propósito de la marca y

la factibilidad técnica

La matriz de contenidos ayuda a :- Definir el alcance de los conceptos- Cotizar los proyectos con mayor presición- Validar viabillidad y deseabilidad de las ideas- Validar qué contenidos son actualizables y qué no

LEO BURNETT COLOMBIANA

PAGE: 11

Una vez identificadas las características y funciones, se organizan de una manera intuitiva y sensible, que se ajusta a los requerimientos del consumidor y expresa el concepto creativo

LEO BURNETT COLOMBIANA

PAGE: 12

Los MAPAS DE NAVEGACIÓN del sitio son diagramas visuales de la estructura

y organización de las características, funciones y contenido, incluyendo los

nombres de las secciones, navegación y fases

2.DESIGN

LEO BURNETT COLOMBIANA

PAGE: 13

Beneficios de los mpas de navegación- Determina los niveles en los cuales la información residirá- Permite al equipo ver el sitio como un todo de una manera sencilla - Es un documento vivo que se actiualiza cada vez que se hace un cambio estructural o de navegación

LEO BURNETT COLOMBIANA

PAGE: 14

Los MODELOS DE INTERACCIÓN son flujogramas “enfocados en el usuario”

que ilustran la progresión de las personas a través de un flujo de funcionalidad.

Resaltan puntos de decisión y de solicitud de información, asugurando un recorridio

rápido y simple (Ojo: no son flujos de sistemas técnicos . Son de experiencia de usuario)

2.DESIGN

LEO BURNETT COLOMBIANA

PAGE: 15

Los candidatos a necesitar Modelos de Interacción son puntos complejos multi-paso con objetivos concretos dentro del sitio:- Crear mi perfil- Registrarse para una promoción- Pagar, salir, descargar información- Subir un video, etc

LEO BURNETT COLOMBIANA

PAGE: 16

Los WIREFRAMES son esquemas/esqueleto que determinan la colocación relativa de la

navegación, enlaces, nomenclatura y las prioridades de contenido

LEO BURNETT COLOMBIANA

PAGE: 17

Los Wireframes indican las zonas de contenido y la importancia de jerarquias

LEO BURNETT COLOMBIANA

PAGE: 18

Ojo: los Wireframes no son ni el copy ni la disposición final de diseño. Están creados para la interpretación del equipo creativo

LEO BURNETT COLOMBIANA

PAGE: 19

Los Wireframes luego evolucionan a visuales (Comps)

LEO BURNETT COLOMBIANA

PAGE: 20

Asegúrese de que sea fácil de usar!Haga tests de usabilidad, así sea de manera “hechiza”

LEO BURNETT COLOMBIANA

PAGE: 21

When needed, we also test packaging, direct mail, products and in store experiences

Cuando se requiere, incluso se testea la interacción con empaques, correos directos, productos o la misma experiencia en la tienda

LEO BURNETT COLOMBIANA

PAGE: 22

Construcción: Especificaciones técnicas que contribuyen a la animación final y resuelven

preguntas técnicas y de desarrollo

3

LEO BURNETT COLOMBIANA

PAGE: 23

ESPECIFICACIÓN FUNCIONALEspecifica cómo las funciones de la solución se deberían desempeñar desde una perpectiva del usuario

LEO BURNETT COLOMBIANA

PAGE: 24

“El diseño centrado en el usuario, significa la comprensión de lo que los usuarios necesitan,

cómo piensan y cómo se comportan, e incorpora ese entendimiento dentro de cada

aspecto de su proceso”

Jesse J. Garrett - User Experience Designer y cofundador del Instituto de Arquitectura de la Información

LEO BURNETT COLOMBIANA

PAGE: 25

http://www.moma.org/interactives/redstudio/popart/

http://thinkingspace.economist.com/

http://www.toyota.com/vehicles/minisite/newprius/#

http://www.hboimagine.com/

Algunos ganadores de los Webby Awards 2010

LEO BURNETT COLOMBIANA

PAGE: 26

¿Cómo implementar todo esto en Leo Burnett Colombia?

Discusión - Sugerencias

LEO BURNETT COLOMBIANA

PAGE: 27

Gracias !