Retroalimentaci

1
Retroalimentación para PCsen 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