diseño de interacción en el siglo xxi - microsoft mix08 buenos aires
DESCRIPTION
Presentación de Santiago Bustelo (icograma) y Diego González (Lagash Systems) para el MIX08 Buenos Aires organizado por Microsoft. Se presenta cómo un programador y un diseñador gráfico estereotipados, desarrollarían un caso de ejemplo sin contemplar aspectos de usabilidad e interacción. Luego del análisis y cuantificación de estas interfaces, y la introducción de principios fundamentales de interacción, se expone cómo se desarrollaría el caso desde la perspectiva del diseño de interacción.TRANSCRIPT
![Page 1: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/1.jpg)
San$ago Bustelo, Icograma
Diego Gonzalez, Lagash Systems SA
Diseño de Interacciónen el siglo XXI
![Page 2: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/2.jpg)
Bienvenidos al Siglo XXI
![Page 3: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/3.jpg)
Un mundo mejorAgosto 1981,IBM PC-‐XTUS$ 3.000
Junio 2008,Lenovo ThinkStaKon D10US$ 3.000
Mejora
Intel 80884.77 MHz16 bits
2 x Intel Xeon E5405 Quad Core 2GHz64 bits
13.416 veces
16 Kb RAM 4 GB DDR2 SDRAM 262.143 veces
160 Kb 5" 1/4 2 x 500GB Serial ATA 6.553.599 veces
![Page 4: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/4.jpg)
Un mundo mejorable
![Page 5: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/5.jpg)
Calidad de un Sistema
![Page 6: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/6.jpg)
• Model View Controller
• Model View Presenter
• Components
• Shell
• Data Binding
• Styles
• …?
Herramientas
![Page 7: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/7.jpg)
• Modelos?
• Conceptos?
• Patrones?
• CuanUficación?
¿Herramientas?
![Page 8: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/8.jpg)
Aplicación
![Page 9: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/9.jpg)
Administración de un videoclub
Requerimientos
• Alquilar una pelicula
• Devolver una pelicula
• Cargar una película
• Cargar un nuevo cliente
Ejemplo de aplicación
![Page 10: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/10.jpg)
Caveman programmer
3 en$dades
• Películas: Datos
• Clientes: Datos
• Alquileres: Relaciones
Operaciones
• Alta, baja, modificación y consulta para cada en$dad
Tecnología
• Aplicación WinForms
• Base de datos SQL Server
Diseño (caveman programmer / designer)
Caveman designerMetáforas
• Películas: DVDs
• Clientes: Fichas
• Alquileres: Ficha + DVD
Representación• Experiencia inmersiva
• Fotorealismo
Tecnología
• Silverlight full screen
• Renders 3D
![Page 11: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/11.jpg)
Caso: Caveman Programmer
![Page 12: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/12.jpg)
![Page 13: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/13.jpg)
![Page 14: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/14.jpg)
![Page 15: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/15.jpg)
![Page 16: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/16.jpg)
![Page 17: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/17.jpg)
Caso: Caveman designer
![Page 18: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/18.jpg)
![Page 19: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/19.jpg)
![Page 20: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/20.jpg)
![Page 21: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/21.jpg)
![Page 22: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/22.jpg)
![Page 23: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/23.jpg)
![Page 24: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/24.jpg)
![Page 25: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/25.jpg)
![Page 26: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/26.jpg)
![Page 27: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/27.jpg)
![Page 28: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/28.jpg)
![Page 29: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/29.jpg)
Interfaces
![Page 30: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/30.jpg)
• Modalidad de atención: mostrador, teléfono y buzón
• Búsqueda de clientes y `tulos
• Alta de 20 nuevas películas
• Cliente alquila 2 películas
• Cliente devuelve peliculas y alquila otras
• Copia dañada
• Carga de 40 devoluciones de buzón
• Reporte de atrasos
• Alta de un cliente
Relevamiento de usos
![Page 31: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/31.jpg)
GOMS
Modelo para predecir $empos de operaciónde una interfaz de usuario
CuanHficación
0,2 seg. Tecla / mouse click & release0,4 seg. Paso mouse ←→ teclado
1,1 seg. Apuntar con el mouse
1,35 seg. Preparación mental nueva tarea
? Respuesta del sistema
![Page 32: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/32.jpg)
Ley de Hick-‐Hyman
Tiempo decisión =
50 + 150 log2 ( can$dad de opciones + 1 )
Ley de FiXs
Tiempo para apuntar a un objeto =
50 + 150 log2 ( distancia / tamaño del objeto + 1 )
CuanHficación
![Page 33: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/33.jpg)
Eficiencia teórica de la información
CuanHficación
Mínima información necesariapara realizar una tarea
Input requerido para realizar la tarea
![Page 34: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/34.jpg)
Eficiencia teórica de la información
CuanHficación
Mínima información necesariapara realizar una tarea
Input requerido para realizar la tarea
![Page 35: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/35.jpg)
Eficiencia teórica de la información
CuanHficación
Mínima información necesariapara realizar una tarea
Input requerido para realizar la tarea
E = 0
![Page 36: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/36.jpg)
CuanHficación: Búsqueda 1.0Inicio tarea: 1,35
Mover mano al mouse: 0,40Proxima tarea: 1,35
Apuntar menu Clientes: 1,10click menu Clientes: 0,20
Apuntar menu Clientes > Modificación: 1,10click menu Clientes > Modificación: 0,20
Proxima tarea: 1,35Apuntar campo texto: 1,10
click campo texto: 0,20Mover mano al teclado: 0,40
Proxima tarea: 1,35Tipear apellido: 1,60
Mover mano al mouse: 0,40Proxima tarea: 1,35
point OK: 1,10click OK: 0,20
Obtuvimos (o no) el dato: 14.75 seg.
Recuperación:Mover mano al mouse: 0,40
Proxima tarea: 1,35point Cancel: 1,10click Cancel: 0,20
Volvemos a abrir el cuadro, Tipeamos apellido otra vez: 12,32
Mover mano al mouse: 0,40
Proxima tarea: 1,35apuntarOK: 1,10
click OK: 0,20
Total c/recuperacion: 32,55 segundos
![Page 37: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/37.jpg)
CuanHficación: Navegación ClientesInicio tarea: 1,35
Apuntar al fichero home: 1,10Click Fichero home: 0,20
Animacion "files, lots of files¨: 4Proxima tarea: 1,35
Apuntar boton prox serie ficheros: 1,10Click proxima serie ficheros: 0,20
Animacion serie de ficheros: 1Prox tarea: 1,35
Apuntar fichero "G": 1,10Click fichero "G": 0,20Animacion fichero G: 2
Proxima tarea: 1,35Leer eUquetas x 4: 5,40
Proxima tarea: 1,35Apuntar GON: 1,10
Click GON: 0,20Animacion Cajon GON: 2
Proxima tarea: 1,35Leer Apellido, Nombre x 5: 6,75
Proxima tarea: 1,35Apuntar Gonzalez, Diego: 1,10
Click Gonzalez, Diego: 0,20
Obtuvimos la ficha: 28.10 seg.
Beneficio eilminar animaciones: 9 seg.
Total sin animaciones: 19,1 segundos
![Page 38: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/38.jpg)
Instant Search
• Mínimo input
• Corrección sobre la marcha
• Relevancia
Búsqueda 2.0
![Page 39: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/39.jpg)
Búsqueda 2.0: Prueba de concepto
Prueba de conceptoInstant search AJAX:hpp://icograma.com/raf08/
![Page 40: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/40.jpg)
CuanHficación: Búsqueda 2.0Inicio tarea: 1,35
Mover mano al mouse: 0,40Proxima tarea: 1,35apuntar Buscar: 1,10
click Buscar: 0,20Moer mano al teclado: 0,40
Proxima tarea: 1,35Tipear 3 caratacteres apellido: 0,60
Proxima tarea: 1,35Tipar espacio: 0,20Proxima tarea: 1,35
Tipear 3 caracteres nombre: 0,60
Total: 10,25 segundos
Beneficio mantener foco en búsqueda: 4,80
Total c/ foco: 5,45 segundos
![Page 41: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/41.jpg)
Diseño con bases racionales
![Page 42: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/42.jpg)
• Modelo unificado
• Metáforas
• Mail, address book
• Sujeto + verbo
• No intrusivo
• Meta: E ≥ 70%
Bases del diseño
![Page 43: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/43.jpg)
Esquema
![Page 44: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/44.jpg)
Aplicación 2.0
![Page 45: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/45.jpg)
1. Alta diaria de 20 nuevas películas
2. Cliente devuelve y alquila en mostrador
3. Carga de 40 devoluciones por buzón
4. Reporte de atrasos
Ejemplos de 4 casos de uso
![Page 46: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/46.jpg)
Alta diaria de20 nuevas películas
Caso 1 / 4
![Page 47: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/47.jpg)
• Reducción de input y pasos
• Applica$on 2.0
• Mejores datos
• Eliminar tareas repe$$vas
Alta diaria de 20 nuevas películas
![Page 48: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/48.jpg)
Alta diaria de 20 nuevas películas
![Page 49: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/49.jpg)
Alta diaria de 20 nuevas películas
![Page 50: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/50.jpg)
Alta diaria de 20 nuevas películas
![Page 51: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/51.jpg)
Alta diaria de 20 nuevas películas
![Page 52: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/52.jpg)
Alta diaria de 20 nuevas películas
![Page 53: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/53.jpg)
Cliente devuelve y alquila
Caso 2 / 4
![Page 54: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/54.jpg)
• An$cipación, no es necesario buscar al cliente
• Minimizar input y pasos
• Permi$r operaciones en cualquier orden
Cliente devuelve y alquila
![Page 55: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/55.jpg)
Cliente devuelve y alquila
![Page 56: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/56.jpg)
Cliente devuelve y alquila
![Page 57: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/57.jpg)
Cliente devuelve y alquila
![Page 58: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/58.jpg)
Cliente devuelve y alquila
![Page 59: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/59.jpg)
Devolución de 40 películas
Caso 3 / 4
![Page 60: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/60.jpg)
• Soportar un proceso batch conel mismo modelo de interacción
Devolución de 40 películas
![Page 61: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/61.jpg)
Devolución de 40 películas
![Page 62: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/62.jpg)
Devolución de 40 películas
![Page 63: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/63.jpg)
Devolución de 40 películas
![Page 64: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/64.jpg)
Devolución de 40 películas
![Page 65: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/65.jpg)
Reporte de atrasos
Caso 4 / 4
![Page 66: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/66.jpg)
Comprensión de casos de uso
• Lo importante no es el listado sino la no$ficación
Reporte de atrasos
![Page 67: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/67.jpg)
Reporte de atrasos
![Page 68: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/68.jpg)
Reporte de atrasos
![Page 69: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/69.jpg)
ResultadoTarea 1,0 2,0 %
Búsqueda 15 a 33 seg. 5.45 seg. 275 a 600 %
Alta de 20 nuevas películas 1.543 seg. 204 seg. 756%
Cliente devuelve y alquila 52 a 87 seg. 7.80 seg. 666%
Buzón 40 devoluciones 636 seg. 156 seg. 400%
NoUficación de 9 atrasos 10 a 15 min.? 7 seg. 8500%
![Page 70: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/70.jpg)
• Proceso itera$vo de análisis y diseñocentrado en la operación del usuario
• Bases racionales, cuan$ficación
• Obtención de un producto como resultadode un proceso y sa$sfaciendo metas
Conclusiones
![Page 71: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/71.jpg)
Caveman Programmer Interface
icograma.com/raf/caveman.zip
Instant Search -‐ proof of concept
hpp://www.icograma.com/raf/
Demos
![Page 72: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/72.jpg)
Jef Raskin: The Humane Interface
hpp://www.amazon.com/dp/0201379376/
Interface Hall of Shame / Hall of Fame
hpp://hallofshame.gp.co.at (mirror)
Jared Spool’s User Interface Engineering: web & product usability
hpp://www.uie.com
Jakob Nielsen’s Alertbox: Current Issues in Web Usability
hpp://www.alertbox.com
Referencias
![Page 73: Diseño de Interacción en el Siglo XXI - Microsoft MIX08 Buenos Aires](https://reader034.vdocuments.pub/reader034/viewer/2022051613/54c7781e4a7959916e8b4574/html5/thumbnails/73.jpg)
¡Muchas gracias!
San$ago BusteloIcograma
Diego GonzalezLagash Systems