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

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

Embed Size (px)

Citation preview

Page 1: 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)

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

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)

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)

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)

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)

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)

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)

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)

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)

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)

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)

Callouts

Separados del objeto Siempre visibles

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

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)

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)

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)

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)

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)

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)

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)

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)

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)

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)

Estados Abstractos (2)

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

Estado del objeto– Estado 0-N

Multiforma