Metodologia Diseño Centrado en el Usuario @IDAchile
-
Upload
maximiliano-martin -
Category
Design
-
view
970 -
download
4
description
Transcript of Metodologia Diseño Centrado en el Usuario @IDAchile
![Page 1: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/1.jpg)
www.ida.cl
METODOLOGÍA DCUDISEÑO CENTRADO
EN EL USUARIO
1
![Page 2: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/2.jpg)
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
![Page 3: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/3.jpg)
EstrategiaEstudio de Usuarios
Arquitectura de InformaciónDiseño Visual
Producción y Desarrollo Pro&Des
IDA METODOLOGÍA DCU ETAPASwww.ida.cl
3
![Page 4: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/4.jpg)
IDA METODOLOGÍA DCU ETAPAS
Pro&DesDiseño VisualArquitecturaEstudio UsuariosEstrategia
www.ida.cl
Evaluación, cotización y desarrollo
4
![Page 5: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/5.jpg)
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
![Page 6: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/6.jpg)
IDA METODOLOGÍA DCU ESTRATEGIAwww.ida.cl
Gantt Quick Review
ClienteYo
Brief
¿Estamos hablando de lo mismo?Durante un plazo específico ¿Cierto?
6
![Page 7: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/7.jpg)
IDA METODOLOGÍA DCU ESTRATEGIAwww.ida.cl
?$? ??
? $$$Detecta Minimiza Cuantifica
7
![Page 8: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/8.jpg)
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
![Page 9: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/9.jpg)
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
![Page 10: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/10.jpg)
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
![Page 11: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/11.jpg)
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
![Page 12: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/12.jpg)
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
![Page 13: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/13.jpg)
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
![Page 14: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/14.jpg)
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
![Page 15: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/15.jpg)
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
![Page 16: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/16.jpg)
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
![Page 17: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/17.jpg)
www.ida.cl
Aplicada en distintos tipos de clientes
17
![Page 18: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/18.jpg)
✓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
![Page 19: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/19.jpg)
Aplicada en distintos tipos de clientes
19
![Page 20: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/20.jpg)
Aplicada en distintos tipos de clientes
20
![Page 21: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/21.jpg)
Aplicada en distintos tipos de clientes
21
![Page 22: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/22.jpg)
www.ida.cl
Aplicada en distintos tipos de proyectos
22
![Page 23: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/23.jpg)
23
![Page 24: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/24.jpg)
24
![Page 25: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/25.jpg)
www.ida.cl
25
![Page 26: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/26.jpg)
www.ida.cl
26
![Page 29: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/29.jpg)
www.ida.cl
29
![Page 30: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/30.jpg)
www.ida.cl
30
![Page 31: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/31.jpg)
www.ida.cl
31
![Page 34: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/34.jpg)
www.ida.cl
34
![Page 35: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/35.jpg)
www.ida.cl
35
![Page 39: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/39.jpg)
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
![Page 40: Metodologia Diseño Centrado en el Usuario @IDAchile](https://reader031.fdocuments.co/reader031/viewer/2022020115/54807b73b4af9fa5158b5ced/html5/thumbnails/40.jpg)
www.ida.cl
GRACIAS
¿Quieres éxito para tu negocio digital? Toma el camino de IDA.
Conoce más en www.ida.cl
40