Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón...
-
Upload
rufino-canizales -
Category
Documents
-
view
12 -
download
0
Transcript of Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón...
![Page 1: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/1.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Diseño centrado en el usuario
Prof. Adelaide Bianchini
Dpto. de Computación y Tecnología de la InformaciónUniversidad Simón Bolívar
Mayo 2008
![Page 2: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/2.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Agenda
• Motivación – Objetivos• Aspectos a conocer• Principios• Proceso general de diseño de interfaces• Interactividad
![Page 3: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/3.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Motivación - Objetivos
Diseñador
DispositivoUsuario
![Page 4: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/4.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Objetivo del diseño centrado en el usuario
1. No todo consiste en conseguir el funcionamiento perfecto de una herramienta sino en hacer que este funcionamiento sea útil para el usuario.
![Page 5: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/5.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Objetivo del diseño centrado en el usuario
1. No todo consiste en conseguir el funcionamiento perfecto de una herramienta sino en hacer que este funcionamiento sea útil para el usuario.
2. Conocer los aspectos que pueden mejorar o dificultar el entendimiento entre la máquina y el hombre, para poder detectarlos en su momento ante un caso concreto.
![Page 6: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/6.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Objetivo del diseño centrado en el usuario
1. No todo consiste en conseguir el funcionamiento perfecto de una herramienta sino en hacer que este funcionamiento sea útil para el usuario.
2. Conocer los aspectos que pueden mejorar o dificultar el entendimiento entre la máquina y el hombre, para poder detectarlos en su momento ante un caso concreto.
3. Considerar los distintos niveles de análisis del diseño de interfaces.
![Page 7: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/7.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Objetivos – Niveles de análisis
Entorno
Aplicación
Interfaz
Aspectos sociales Organización
Avancestecnológicos
Funciones y tareas
Usuario Tecnología
![Page 8: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/8.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Aspectos a conocer (del usuario)
![Page 9: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/9.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Aspectos a conocer (del usuario)
1. Habilidades físicas y sensoriales2. Habilidades cognitivas3. Diferencias de personalidad4. Diferencias culturales5. Tareas, actividades6. Entorno físico, social, institucional, organización7. .8. .
![Page 10: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/10.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Aspectos a conocer (del usuario)
1. Habilidades físicas y sensoriales2. Habilidades cognitivas3. Diferencias de personalidad4. Diferencias culturales5. Tareas, actividades6. Entorno físico, social, institucional, organización7. .8. .
Profundo conocimiento del usuario
![Page 11: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/11.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Principios de diseño
![Page 12: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/12.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Principios de diseño
1. Una repartición apropiada de funciones entre el usuario y la aplicación/dispositivo
![Page 13: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/13.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Principios de diseño
1. Una repartición apropiada de funciones entre el usuario y la aplicación/dispositivo
2. Una participación activa del usuario3. Iteraciones en las soluciones de diseño4. Equipos de diseño multidisciplinario
![Page 14: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/14.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
1. Reunir y analizar la informaciónFuente:
usuario, situación, contexto, etc.tareas, entorno físico1 y social2
1 Aspectos ergonómicos2 Trabajo grupal, colaborativo, autónomo, etc.
![Page 15: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/15.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
1. Reunir y analizar la informaciónFuente:
usuario, situación, contexto, etc.tareas, entorno físico1 y social2
2. Diseño apoyado en principios, guías y estándares.
¿Qué son esos elementos?
1 Aspectos ergonómicos2 Trabajo grupal, colaborativo, autónomo, etc.
![Page 16: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/16.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
1 Aspectos ergonómicos2 Trabajo grupal, colaborativo, autónomo, etc.
Principios
Son conceptos de muy alto nivel que deben ser utilizados en el diseño de aplicaciones.
A modo de ejemplo
![Page 17: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/17.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Aliviar la carga cognitiva• Confiar en el reconocimiento ¿Cómo?• Proporcionar pistas visuales • Proporcionar opciones por defecto botones• Proporcionar atajos
Principios – A modo de ejemplo
Proceso general de diseño de interfaces
Ctrl +S
![Page 18: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/18.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
Aliviar la carga cognitiva• Promover la sintaxis objeto–acción• Emplear metáforas del mundo real• Emplear la revelación progresiva para evitar
abrumar al usuario ¿EJM?• Promover la claridad visual
Principios – A modo de ejemplo (cont.)
![Page 19: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/19.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
Reglas de diseño
Guían al diseñador con el fin de incrementar la “usabilidad”. Se clasifican en estándares y directrices.
![Page 20: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/20.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
Reglas de diseño
Guían al diseñador con el fin de incrementar la “usabilidad”. Se clasifican en estándares y directrices.
EstándaresSon requisitos, recomendaciones o reglas basadas en principios probados y en práctica.
![Page 21: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/21.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
Directrices
Las directrices recomiendan acciones que se basan en un conjunto de principios de diseño.
Son más específicas que los principios y requieren menos experiencia para entenderlas e interpretarlas que éstos.
![Page 22: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/22.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
Guías de estilo
Llamadas también guías corporativas. Están basadas en principios y contienen directrices que se concretan a muy bajo nivel.
![Page 23: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/23.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
Guías de estilo
Las guías de estilo corporativas se centran en presentaciones comunes, comportamientos y técnicas que deben ser implementadas por todos los productos en una compañía.
![Page 24: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/24.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
¿ Cómo se aplican estos conceptos desde el punto de vista metodológico ?
![Page 25: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/25.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
¿ Cómo se aplican estos conceptos desde el punto de vista metodológico ?
Guía deEstilo del
Producto 1
Guía deEstilo del
Producto 2
Guía deEstilo del
Producto N
![Page 26: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/26.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
¿ Cómo se aplican estos conceptos desde el punto de vista metodológico ? Guía de
Estilo delProducto 1
Guía deEstilo del
Producto 2
Guía deEstilo del
Producto N
Guías de estilo de la suite de productos
![Page 27: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/27.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
¿ Cómo se aplican estos conceptos desde el punto de vista metodológico ?
Guía deEstilo del
Producto 1
Guía deEstilo del
Producto 2
Guía deEstilo del
Producto N
Guías de estilo de la suite de productos
Guías de estilo corporativa
![Page 28: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/28.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
¿ Cómo se aplican estos conceptos desde el punto de vista metodológico ?
Guía deEstilo del
Producto 1
Guía deEstilo del
Producto 2
Guía deEstilo del
Producto N
Guías de estilo de la suite de productos
Guías de estilo corporativa
Guías de estilo de la plataforma (Windows, MacOS, Unix)
![Page 29: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/29.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
¿ Cómo se aplican estos conceptos desde el punto de vista metodológico ?
Guía deEstilo del
Producto 1
Guía deEstilo del
Producto 2
Guía deEstilo del
Producto N
Guías de estilo de la suite de productos
Guías de estilo corporativa
Guías de estilo de la plataforma (Windows, MacOS, Unix)
Estándares Internacionales (ISO, DIN, etc.)
![Page 30: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/30.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
3. Utilización de estrategias y metodologías de evaluación del producto.
Métodos formales: especificaciones precisas y sin ambigüedades. Permiten además una verificación formal. Se usan lenguajes de especificación (Z, UML, etc.)
![Page 31: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/31.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
3. Utilización de estrategias y metodologías de evaluación del producto.
Métodos formales: especificaciones precisas y sin ambigüedades. Permiten además una verificación formal. Se usan lenguajes de especificación (Z, UML, etc.)
Herramientas de desarrollo de interfaces
![Page 32: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/32.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
3. Utilización de estrategias y metodologías de evaluación del producto.
Métodos formales: especificaciones precisas y sin ambigüedades. Permiten además una verificación formal. Se usan lenguajes de especificación (Z, UML, etc.)
Herramientas de desarrollo de interfaces
Prototipado (¿Bueno o malo?)
![Page 33: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/33.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
¿Cómo diseñar para mejorar la interacción hombre-máquina?
Contextos básicos a considerar
Físicos relacionados con el hardwarey dispositivos de interfaz
![Page 34: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/34.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
¿Cómo diseñar para mejorar la interacción hombre-máquina?
Contextos básicos a considerar
Físicos relacionados con el hardwarey dispositivos de interfaz
Sintácticos • presentación de información• secuencia, orden de las acciones
![Page 35: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/35.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Proceso general de diseño de interfaces
¿Cómo diseñar para mejorar la interacción hombre-máquina?
Contextos básicos a considerar
Físicos relacionados con el hardwarey dispositivos de interfaz
Sintácticos • presentación de información• secuencia, orden de las acciones
Semánticos • significado de los objetos• significado de las acciones
![Page 36: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/36.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad
![Page 37: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/37.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Conceptos generales
• El intercambio de información entre un usuario y un sistema informático.
![Page 38: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/38.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Conceptos generales
• El intercambio de información entre un usuario y un sistema informático.
• El intercambio tiene asociado un lenguaje, por consiguiente una sintáxis y una semática.
![Page 39: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/39.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Conceptos generales
• El intercambio de información entre un usuario y un sistema informático.
• El intercambio tiene asociado un lenguaje, por consiguiente una sintáxis y una semática.
• Se interactúa con objetos para activar acciones y eventos.
![Page 40: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/40.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Conceptos generales
• Todo está basado en las primitivas de interacción:
PosicionamientoObtención de una posición u orientación (2D y 3D)
Ejm. Aplicación de dibujo
![Page 41: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/41.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Conceptos generales
• Todo está basado en las primitivas de interacción:
PosicionamientoObtención de una posición u orientación (2D y 3D)
Ejm. Aplicación de dibujo
Introducir ValorObtención de un dato cuantificable (numérico, porcentual, etc.)
Ejm. Datos sensibles en una aplicación
![Page 42: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/42.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Conceptos generales
• Todo está basado en las primitivas de interacción:
Introducir TextoIntroducción de un texto o identificador
Ejm. Nombre de un archivo
![Page 43: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/43.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Conceptos generales
• Todo está basado en las primitivas de interacción:
Introducir TextoIntroducción de un texto o identificador
Ejm. Nombre de un archivo
SelecciónObtención de una alternativa (entre varias posibles). Puede ser sobre un conjunto finito o un conjunto de cardinalidad variable.
![Page 44: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/44.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Conceptos generales
• Todo está basado en las primitivas de interacción:
ArrastreSecuencia de posiciones entre un punto inicial y otro final.
Ejm. Mover un documento hacia otra carpeta.
![Page 45: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/45.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Mecanismos generales
VentanasMenúes
Íconos
Botones
Campos
![Page 46: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/46.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Mecanismos generales - Ventanas
![Page 47: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/47.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Mecanismos generales - Ventanas
Ventanas tipo diálogo
![Page 48: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/48.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Mecanismos generales - Menúes
Menúes
![Page 49: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/49.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Mecanismos generales - Íconos
Íconos
![Page 50: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/50.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Mecanismos generales - Botones
Botones
![Page 51: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/51.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Mecanismos generales - Botones
Campos
![Page 52: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/52.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Interacción – Selección
![Page 53: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/53.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Interacción – Varios
![Page 54: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/54.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Interacción – Varios
¿Cómo interactúa el usuario con esta aplicación?
![Page 55: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/55.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Interacción – Varios
![Page 56: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/56.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Interacción – Objetos en la vida real
VS.
![Page 57: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/57.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Interacción – Objetos en la vida real
VS.
![Page 58: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/58.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Interacción – Objetos en la vida real
VS.
![Page 59: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/59.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Interacción – Objetos en la vida real
VS.
![Page 60: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/60.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Interacción – Objetos en la vida real
VS.
![Page 61: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/61.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Interacción – Objetos en la vida real
VS.
![Page 62: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/62.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Interacción – Objetos en la vida real
VS.
![Page 63: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/63.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Interacción – Objetos en la vida real
VS.
![Page 64: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/64.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Interacción – Objetos en la vida real
![Page 65: Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008. Diseño centrado en el usuario Prof.](https://reader034.fdocumento.com/reader034/viewer/2022051400/55025c7b4a795996568b4d80/html5/thumbnails/65.jpg)
Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2008.
Diseño centrado en el usuario
Interactividad – Interacción – Objetos en la vida real
¿Cuál es la semántica?