Metodologia Diseño Centrado en el Usuario @IDAchile
40
www.ida.cl METODOLOGÍA DCU DISEÑO CENTRADO EN EL USUARIO 1
-
Upload
maximiliano-martin -
Category
Design
-
view
966 -
download
4
description
La metodología de Diseño Centrado en el Usuario aborda las etapas en que se deben enfrentar proyectos digitales de manera exitosa. - Estrategia y Planificación - Estudio de Usuarios - Arquitectura de Información - Diseño de interfaz - Diseño Front y Desarrollo
Transcript of 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
www.ida.cl
29
www.ida.cl
30
www.ida.cl
31
www.ida.cl
34
www.ida.cl
35
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
