1 Retroalimentación para PCs en apps. De RV Por: Pablo Figueroa (Barrilleaux, Cap. 5)

2 Contenido ¨ Roles ¨ Elementos básicos ¨ Atributos visuales ¨ Animaciones ¨ Estados abstractos

3 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

4 Instrucciones al usuario ¨ Fuera de la escena ¨ “intrusivos” ¨ Tutoriales ¨ Manuales en linea ¨ Ayuda en linea

5 Descripción de objetos ¨ Relación objeto - detalles ¨ Descripción detallada ¨ hyperlinks

6 Relaciones entre objetos ¨ Conexión entre objetos ¨ Diálogos con detalle ¨ Distancias ¨ Reglas ¨ “Bounding-Box” para un grupo ¨ Alineamiento

7 Widgets ¨ Controles visuales ¨ Control en tercera persona ¨ Menus ¨ Barras de herramientas ¨ “Handles”

8 Pequeñas guías (hints) ¨ Para acciones ¨ Generalmente animados ¨ “Status bar” mas localizada ¨ “Tooltips”

9 Estado de la interacción ¨ Estado del control, de un objeto, o de los controles activos ¨ DnD ¨ Cambio del puntero

10 Elementos Básicos ¨ Identificadores ¨ Callouts ¨ Tooltips ¨ Indicators ¨ Handles ¨ Cursor ¨ Audio ¨ Sound Effects

11 Identificadores ¨ Relacionados con un objeto ¨ “proxies” de objetos ¨ Letreros e íconos

12 Callouts ¨ Separados del objeto ¨ Siempre visibles

13 Tooltips ¨ Callout que solo se muestra por acción del usuario ¨ “Flyover”: tooltip para mouseOver

14 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

15 Handles ¨ Widgets compactos ¨ Varios sobre un objeto ¨ Handles para mover/escalar/rotar

16 Cursor ¨ Principal elemento de interacción ¨ Cambio de forma al pasar sobre objetos con acciones

17 Audio ¨ No utiliza espacio en pantalla ¨ Puede ser apagado ¨ Mejor si es retroalimentación positiva que negativa ¨ Puede ser molesto

18 Sound Effects ¨ Idiomáticos ¨ Más cortos que elementos textuales

19 Atributos Visuales ¨ Adornos, cambios sobre el objeto (BB, colores, textura) ¨ Características –Forma, tamaño, orientación, visibilidad, densidad, …

20 Animaciones ¨ Centrada en –la acción –el objeto –la tarea (i.e. que objetos pueden ser rotados)

21 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

22 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

23 Estados Abstractos (2) ¨ Selección de objetos –Selección 0-N ¨ Estado del objeto –Estado 0-N ¨ Multiforma