Introducción al Diseño de Interacción
description
Transcript of Introducción al Diseño de Interacción
![Page 1: Introducción al Diseño de Interacción](https://reader030.fdocument.pub/reader030/viewer/2022020116/55621aafd8b42af2128b56e3/html5/thumbnails/1.jpg)
Introducción al Diseño de InteracciónClase Magistral – Taller
Eduardo Aguayo A. - [email protected] Seminario AI Chile 2010
![Page 2: Introducción al Diseño de Interacción](https://reader030.fdocument.pub/reader030/viewer/2022020116/55621aafd8b42af2128b56e3/html5/thumbnails/2.jpg)
¿Qué es el diseño de Interacción?
En palabras simples:
Definir un proceso, mecánica o flujo para la “interacción” entre los elementos que lo componen.
![Page 3: Introducción al Diseño de Interacción](https://reader030.fdocument.pub/reader030/viewer/2022020116/55621aafd8b42af2128b56e3/html5/thumbnails/3.jpg)
¿Pero qué proceso?
En el día a día, interactuamos con interfaces multiples de entrada y salida de datos.
Y lo peor es que ni lo notamos!
![Page 4: Introducción al Diseño de Interacción](https://reader030.fdocument.pub/reader030/viewer/2022020116/55621aafd8b42af2128b56e3/html5/thumbnails/4.jpg)
¿Cuál es el factor común?
![Page 5: Introducción al Diseño de Interacción](https://reader030.fdocument.pub/reader030/viewer/2022020116/55621aafd8b42af2128b56e3/html5/thumbnails/5.jpg)
¿Cuál es el factor común?
Desde que pudimos eliminar al intermediario de alguna forma, nos autoatendemos para todo.
Pero, ¿realmente eliminamos al intermediario?
![Page 6: Introducción al Diseño de Interacción](https://reader030.fdocument.pub/reader030/viewer/2022020116/55621aafd8b42af2128b56e3/html5/thumbnails/6.jpg)
La clave del proceso
Cada una de estas acciones es un proceso, con un flujo determinado por las interacciones que se generan.
No existen intermediarios... O eso creemos.
![Page 7: Introducción al Diseño de Interacción](https://reader030.fdocument.pub/reader030/viewer/2022020116/55621aafd8b42af2128b56e3/html5/thumbnails/7.jpg)
ResultadoUsuario Cosas que pasan
![Page 8: Introducción al Diseño de Interacción](https://reader030.fdocument.pub/reader030/viewer/2022020116/55621aafd8b42af2128b56e3/html5/thumbnails/8.jpg)
ResultadoUsuario PROCESO
![Page 9: Introducción al Diseño de Interacción](https://reader030.fdocument.pub/reader030/viewer/2022020116/55621aafd8b42af2128b56e3/html5/thumbnails/9.jpg)
ResultadoUsuario PROCESO
Debemos diseñarlo!
![Page 10: Introducción al Diseño de Interacción](https://reader030.fdocument.pub/reader030/viewer/2022020116/55621aafd8b42af2128b56e3/html5/thumbnails/10.jpg)
ResultadoUsuario PROCESO
Debemos diseñarlo!
Login?
Color?
Talla?
Forma de pago?
Datos personales?
Fechas?
![Page 11: Introducción al Diseño de Interacción](https://reader030.fdocument.pub/reader030/viewer/2022020116/55621aafd8b42af2128b56e3/html5/thumbnails/11.jpg)
Debemos hacer uso de todas nuestras herramientas y experiencias para conocer exactamente qué se quiere lograr, cómo y de qué forma.
Y sin frustración.
Y para ambas partes!
![Page 12: Introducción al Diseño de Interacción](https://reader030.fdocument.pub/reader030/viewer/2022020116/55621aafd8b42af2128b56e3/html5/thumbnails/12.jpg)
Elementos a considerar:
Del lado del mostrador:
●Qué se hará, lógicamente.●Cuáles son los objetivos del proceso.●Cuáles son los costos del mismo.
Del lado del cliente:
●Qué significa para él realizar el proceso.●Cómo piensa y reacciona ante cada interacción.●Cuál es su nivel de satisfacción.
![Page 13: Introducción al Diseño de Interacción](https://reader030.fdocument.pub/reader030/viewer/2022020116/55621aafd8b42af2128b56e3/html5/thumbnails/13.jpg)
Elementos a considerar:
Y lo principal: Cómo funcionaría en el MundoReal™
![Page 14: Introducción al Diseño de Interacción](https://reader030.fdocument.pub/reader030/viewer/2022020116/55621aafd8b42af2128b56e3/html5/thumbnails/14.jpg)
Necesito un certificado...
![Page 15: Introducción al Diseño de Interacción](https://reader030.fdocument.pub/reader030/viewer/2022020116/55621aafd8b42af2128b56e3/html5/thumbnails/15.jpg)
¿Y cómo lo graficamos?
Mediante un diagrama de flujo, por ejemplo.
Proceso Decisión
Resultado A
Resultado B
![Page 16: Introducción al Diseño de Interacción](https://reader030.fdocument.pub/reader030/viewer/2022020116/55621aafd8b42af2128b56e3/html5/thumbnails/16.jpg)
Ejemplificando...
Petición de un certificado, simple.
Usuario requiere certificado X
Website FONASA Certificados
Elige Certificado
ObtenerCertificado
DatosUsuario
¿Formato?CertificadoDescarga PDF
Imprime
![Page 17: Introducción al Diseño de Interacción](https://reader030.fdocument.pub/reader030/viewer/2022020116/55621aafd8b42af2128b56e3/html5/thumbnails/17.jpg)
Y más complejo...
![Page 18: Introducción al Diseño de Interacción](https://reader030.fdocument.pub/reader030/viewer/2022020116/55621aafd8b42af2128b56e3/html5/thumbnails/18.jpg)
Introducción al Diseño de InteracciónClase Magistral – Taller
Eduardo Aguayo A. - [email protected] Seminario AI Chile 2010
¡Gracias!