Metodologia Diseño Centrado en el Usuario @IDAchile

www.ida.cl

METODOLOGÍA DCUDISEÑO CENTRADO

EN EL USUARIO

1

IDA METODOLOGÍA DCU DESCRIPCIÓN

Involucra activamente a usuarios reales y potenciales dentro de los procesos de Investigación y Desarrollo.

Determinan científicamente las necesidades, características y limitaciones de un sistema.

www.ida.cl

2

EstrategiaEstudio de Usuarios

Arquitectura de InformaciónDiseño Visual

Producción y Desarrollo Pro&Des

IDA METODOLOGÍA DCU ETAPASwww.ida.cl

3

IDA METODOLOGÍA DCU ETAPAS

Pro&DesDiseño VisualArquitecturaEstudio UsuariosEstrategia

www.ida.cl

Evaluación, cotización y desarrollo

4

IDA METODOLOGÍA DCU ESTRATEGIAwww.ida.cl

- Establece una orientación a cierto fin y fija un objetivo concreto y medible.

- Define procedimientos a utilizar.

- Planificación global pero real (implicancias técnicas).

Objetivo medible Procedimiento Planificación

Es el proceso mediante el cual se espera lograr un estado en un plazo determinado

5

IDA METODOLOGÍA DCU ESTRATEGIAwww.ida.cl

Gantt Quick Review

ClienteYo

Brief

¿Estamos hablando de lo mismo?Durante un plazo específico ¿Cierto?

6

IDA METODOLOGÍA DCU ESTRATEGIAwww.ida.cl

?$? ??

? $$$Detecta Minimiza Cuantifica

7

IDA METODOLOGÍA DCU ESTUDIO DE USUARIOSwww.ida.cl

Estratégico

Entrevistas

Lorem ipsum cu pri dolor officiis consulatu, ad s e a f a c e r m u n e r e scriptorem, an h i s a c c u s a m

Operativo General

Datos duros

35%

29%11%10%

8%7%

0

50

100

150

200

2007 2009

Encuestas / Entrevistas / Estadísticas

8

IDA METODOLOGÍA DCU ESTUDIOS DE USUARIOSwww.ida.cl

Encuestas / Entrevistas / Estadísticas

Materializa usuarios y propone casos de uso

• Juan de 34 años casado 2 hijos. • Navega:

• En la oficina cuando tiene tiempo libre• En la casa cuando los niños duermen• Su señora está viendo un película

• Ya navegó noticias, facebook, revisó mails. • Multi Task: Todo esto entre comerciales de las

noticias

Busca definir✓ Frecuencias de Uso✓ Nivel del usuario✓ Costumbres✓ Nivel de actividad✓ Otros

9

IDA METODOLOGÍA DCU ESTUDIOS DE USUARIOSwww.ida.cl

Principales Herramientas

Benchmark

Test Heurísticos

Evaluación comparativa del mercado actual según parámetros puntuales

Evaluación sobre un producto (Sitio) existente Cuanti/Cuali

Encuestas/EntrevistasProceso de identificación de los usuarios reales e identificación de sus distintos perfiles

Estadísticas/Métricas Análisis sobre el comportamiento de los usuarios

10

Estructura Navegación División Visual

IDA METODOLOGÍA DCU ARQUITECTURA DE INFORMACIÓNwww.ida.cl

Disciplina que estudia y analiza la organización, disposición y estructuración de la información.

- Categoriza y establece estructuras mediante mapas de contenidos.

- Define flujos de navegación e interacción.

- Propone divisiones visuales en pantalla.

11

IDA METODOLOGÍA DCU ARQUITECTURA DE INFORMACIÓNwww.ida.cl

Principales Herramientas

Mapas de contenido

Mapas de interacción

Diagramación relacional de la información bajo una estructura que facilite su encontrabilidad

Diagramas de flujos alternativos que determinan acciones/reacciones de procesos

Wireframes Traducción de diagrama de contenidos a divisiones de pantalla

12

IDA METODOLOGÍA DCU DISEÑO VISUALwww.ida.cl

Comunica Facilita la lectura Jerarquiza

Conjunto de elementos de pantalla que permiten al usuario realizar acciones

- Expresa la experiencia (de uso) que se quiere construir para el usuario

- Potencia la lecturabilidad y encontrabiliad del mensaje

- Enfatiza la estructura (WireFrame) mediante color y jerarquías tipográficas.

13

IDA METODOLOGÍA DCU DISEÑO VISUALwww.ida.cl

Principales Herramientas

Familias iconográficas

Paletas de colores

Conversión de datos en formas claras directas e inequívocas

Traduce o interpreta los colores corporativos a pantalla

Elementos de Navegación Define elementos que invitan a la acción

Tipografías Ordena y jerarquiza la lectura

14

IDA METODOLOGÍA DCU DISEÑO VISUALwww.ida.cl

- Coordina, gestiona y administra sistemas de información visual.

- Categoriza las variables visuales.

- Investiga los procesos cognitivos.

- Evalúa las metodologías del diseño .

15

IDA METODOLOGÍA DCU PRODUCCIÓN Y DESARROLLOwww.ida.cl

HTML CSS CMS

Diseño Front como traducción de imagen a lenguajes HTML y CSS. Desarrollo como programación e integración.

- Interpretación semántica de la información diseñada

- Individualización del diseño y el contenido

- Desarrollo sobre un administrador de contenidos como WordPress

- Integración y creación de inteligencias Web.

16

www.ida.cl

Aplicada en distintos tipos de clientes

17

✓El que sabe, exige y tienes la oportunidad de innovar✓El que no no sabe tanto pero entiende y valora✓El mando medio que tiene que validarse internamente✓El que dirige y toma las decisiones (favorito)

Aplicada en distintos tipos de clientes

El no sabe y no valora no es cliente

18

Aplicada en distintos tipos de clientes

19

Aplicada en distintos tipos de clientes

20

Aplicada en distintos tipos de clientes

21

www.ida.cl

Aplicada en distintos tipos de proyectos

22

23

24

www.ida.cl

25

www.ida.cl

26

IDA NUESTRO TRABAJOwww.ida.cl

27

IDA NUESTRO TRABAJOwww.ida.cl

28

www.ida.cl

29

www.ida.cl

30

www.ida.cl

31

Esto tampoco lo vieron

IDA NUESTRO TRABAJOwww.ida.cl

32

IDA NUESTRO TRABAJOwww.ida.cl

33

www.ida.cl

34

www.ida.cl

35

IDA NUESTRO TRABAJOwww.ida.cl

36

IDA NUESTRO TRABAJOwww.ida.cl

37

IDA NUESTRO TRABAJOwww.ida.cl

38

IDA NUESTRO TEAMwww.ida.cl

Inquietos, experimentados, digitales, absolutamente profesionales...

Donde estemos, siempre conectados.

MaximilianoVillegasSantiago

Katherine ExssViña del Mar

Fernando SilvaSantiago

Jorge CodinaSantiago

MaximilianoMartinViña del Mar

Juan OrtegaSantiago

Juan PabloSantiago

Paulo SaavedraSantiago

39

www.ida.cl

GRACIAS

¿Quieres éxito para tu negocio digital? Toma el camino de IDA.

Conoce más en www.ida.cl

40