![Page 1: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/1.jpg)
Retroalimentación para PCsen apps. De RV
Por: Pablo Figueroa
(Barrilleaux, Cap. 5)
![Page 2: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/2.jpg)
Contenido
Roles Elementos básicos Atributos visuales Animaciones Estados abstractos
![Page 3: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/3.jpg)
Roles
Informativos– Instrucciones al usuario– Descripción de objetos– Relaciones entre objetos
De control– Widgets– Pequeñas guías (hints)– Estado de la interacción
![Page 4: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/4.jpg)
Instrucciones al usuario
Fuera de la escena “intrusivos”
Tutoriales Manuales en linea Ayuda en linea
![Page 5: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/5.jpg)
Descripción de objetos
Relación objeto - detalles
Descripción detallada hyperlinks
![Page 6: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/6.jpg)
Relaciones entre objetos
Conexión entre objetos Diálogos con detalle
Distancias Reglas “Bounding-Box” para un grupo Alineamiento
![Page 7: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/7.jpg)
Widgets
Controles visuales Control en tercera persona
Menus Barras de herramientas “Handles”
![Page 8: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/8.jpg)
Pequeñas guías (hints)
Para acciones Generalmente animados “Status bar” mas localizada
“Tooltips”
![Page 9: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/9.jpg)
Estado de la interacción
Estado del control, de un objeto, o de los controles activos
DnD Cambio del puntero
![Page 10: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/10.jpg)
Elementos Básicos
Identificadores Callouts Tooltips Indicators Handles Cursor Audio Sound Effects
![Page 11: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/11.jpg)
Identificadores
Relacionados con un objeto “proxies” de objetos
Letreros e íconos
![Page 12: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/12.jpg)
Callouts
Separados del objeto Siempre visibles
![Page 13: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/13.jpg)
Tooltips
Callout que solo se muestra por acción del usuario
“Flyover”: tooltip para mouseOver
![Page 14: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/14.jpg)
Indicators
Callouts con forma especial Simbólicos: Permiso, prohibición o
preferencias en la interacción Pueden representar acción en progreso
(animados) Activos, (vs íconos) Flechas para dirección de movimiento Indicadores de DnD
![Page 15: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/15.jpg)
Handles
Widgets compactos Varios sobre un objeto
Handles para mover/escalar/rotar
![Page 16: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/16.jpg)
Cursor
Principal elemento de interacción
Cambio de forma al pasar sobre objetos con acciones
![Page 17: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/17.jpg)
Audio
No utiliza espacio en pantalla Puede ser apagado Mejor si es retroalimentación positiva que
negativa Puede ser molesto
![Page 18: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/18.jpg)
Sound Effects
Idiomáticos Más cortos que elementos textuales
![Page 19: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/19.jpg)
Atributos Visuales
Adornos, cambios sobre el objeto (BB, colores, textura)
Características– Forma, tamaño, orientación, visibilidad,
densidad, …
![Page 20: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/20.jpg)
Animaciones
Centrada en– la acción– el objeto– la tarea (i.e. que objetos pueden ser rotados)
![Page 21: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/21.jpg)
Estados en la interacción
Puede referirse a– La acción del ratón– DnD– Selección de un objeto– Estado de un objeto
Pueden definirse estados abstractos, independientes de la aplicación
![Page 22: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/22.jpg)
Estados abstractos
Básicos del ratón– normal, over, pause
Acciones del ratón– normal, over, pause, down, drag, drop, cance
DnD– over-nodrag, over-drag, drag, over-nodrop,
over-drop, drop, cancel
![Page 23: Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)](https://reader036.vdocuments.site/reader036/viewer/2022062520/5665b4671a28abb57c913ec8/html5/thumbnails/23.jpg)
Estados Abstractos (2)
Selección de objetos– Selección 0-N
Estado del objeto– Estado 0-N
Multiforma