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
2. 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
4. IDA METODOLOGÍA DCU ETAPAS
Pro&DesDiseño VisualArquitecturaEstudio UsuariosEstrategia
www.ida.cl
Evaluación, cotización y desarrollo
4
5. 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
6. IDA METODOLOGÍA DCU ESTRATEGIAwww.ida.cl
Gantt Quick Review
ClienteYo
Brief
¿Estamos hablando de lo mismo?
Durante un plazo específico ¿Cierto?
6
8. 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
9. 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
10. 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/Entrevistas
Proceso 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
11. 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
12. 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
13. 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
14. 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
15. 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
16. 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
18. ✓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
39. IDA NUESTRO TEAMwww.ida.cl
Inquietos, experimentados, digitales, absolutamente
profesionales...
Donde estemos, siempre conectados.
Maximiliano
Villegas
Santiago
Katherine
Exss
Viña del Mar
Fernando
Silva
Santiago
Jorge Codina
Santiago
Maximiliano
Martin
Viña del Mar
Juan Ortega
Santiago
Juan Pablo
Santiago
Paulo
Saavedra
Santiago
39