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

Retroalimentación para PCsen apps. De RV

Por: Pablo Figueroa

(Barrilleaux, Cap. 5)

Contenido

Roles Elementos básicos Atributos visuales Animaciones Estados abstractos

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

Instrucciones al usuario

Fuera de la escena “intrusivos”

Tutoriales Manuales en linea Ayuda en linea

Descripción de objetos

Relación objeto - detalles

Descripción detallada hyperlinks

Relaciones entre objetos

Conexión entre objetos Diálogos con detalle

Distancias Reglas “Bounding-Box” para un grupo Alineamiento

Widgets

Controles visuales Control en tercera persona

Menus Barras de herramientas “Handles”

Pequeñas guías (hints)

Para acciones Generalmente animados “Status bar” mas localizada

“Tooltips”

Estado de la interacción

Estado del control, de un objeto, o de los controles activos

DnD Cambio del puntero

Elementos Básicos

Identificadores Callouts Tooltips Indicators Handles Cursor Audio Sound Effects

Identificadores

Relacionados con un objeto “proxies” de objetos

Letreros e íconos

Callouts

Separados del objeto Siempre visibles

Tooltips

Callout que solo se muestra por acción del usuario

“Flyover”: tooltip para mouseOver

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

Handles

Widgets compactos Varios sobre un objeto

Handles para mover/escalar/rotar

Cursor

Principal elemento de interacción

Cambio de forma al pasar sobre objetos con acciones

Audio

No utiliza espacio en pantalla Puede ser apagado Mejor si es retroalimentación positiva que

negativa Puede ser molesto

Sound Effects

Idiomáticos Más cortos que elementos textuales

Atributos Visuales

Adornos, cambios sobre el objeto (BB, colores, textura)

Características– Forma, tamaño, orientación, visibilidad,

densidad, …

Animaciones

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

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

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

Estados Abstractos (2)

Selección de objetos– Selección 0-N

Estado del objeto– Estado 0-N

Multiforma