Reglas de Oro de Mandel

Reglas de oro en el diseo IU

Theo Mandel:The Elements of User Interface Design

Principios de Diseo:
Colocar a los usuarios en el control de la interfaz Reducir la carga de memoria de los usuarios Hacer la interfaz de usuario consistente

Martnez & Cueva

Interaccin Persona Ordenador

Reglas de Oro de Mandel

Colocar al usuario en el control

Emplear los modos adecuadamente Permitir a los usuarios emplear teclado y ratn Permitir a los usuarios cambiar la atencin Mostrar mensajes y texto descriptivo Proporcionar acciones inmediatas y reversibles Proporcionar caminos significativos y salidas Acomodar a los usuarios con diferentes niveles de habilidad Hacer la interfaz de usuario transparente Permitir al usuario personalizar la interfaz Permitir a los usuarios manipular los objetos de la interfaz
Martnez & Cueva Interaccin Persona Ordenador

Reglas de Oro de Mandel

Empleo de los Modos Adecuado

Los modos no son siempre malos, pero la idea es que el usuario pueda cambiar de modos y no sea forzado a ello. Aplicacin Modal Sistema Modal
Impresora sin papel NO cuadro modal

Martnez & Cueva

Interaccin Persona Ordenador

Reglas de Oro de Mandel

Permitir Teclado y Ratn

Los usuarios deben poder hacer su trabajo tanto con ratn como con teclado (Common User Access, IBM) Se puede optimizar la interfaz para los usuarios de ratn, pero hay que proporcionar una forma de realizar tareas con teclado Ventajas:
facilidades para usuarios de otros entornos facilidades para usuarios con necesidades especiales continuidad ante fallos o inexistencia del ratn

Existen un gran nmero de guas que no siguen este principio.

Martnez & Cueva Interaccin Persona Ordenador

Reglas de Oro de Mandel

Permitir Cambio de Atencin

La interfaz debe ser diseada para que los usuarios pueden interrumpir sus acciones actuales y continuar con ellas ms tarde No se debe forzar al usuario a completar secuencias predefinidas Los sistemas deben proporcionar informacin significativa del estado de las actividades en curso Las tareas en segundo plano han de permitir reclamar la atencin del usuario presentando recordatorios en la interfaz
Martnez & Cueva Interaccin Persona Ordenador

Mostrar Mensajes y Texto Descriptivos

Reglas de Oro de Mandel

El lenguaje a emplear debe ser claro y fcil de entender para los mensajes (instrucciones, etiquetas, botones,...) y la documentacin

Martnez & Cueva

Interaccin Persona Ordenador

Reglas de Oro de Mandel

Proporcionar Realimentacin
Es necesario mantener al usuario informado del estado de los procesos en curso (realimentacin)

Cada producto debera incluir operaciones de deshacer y rehacer para los usuarios. Si una opcin no puede ser deshecha debera permitir elegir una opcin alternativa Se debe notificar que una accin ha sido realizada, mostrando el resultado o simplemente notificando que se ha finalizado satisfactoriamente
Martnez & Cueva Interaccin Persona Ordenador

Proporcionar Caminos Significativos

Reglas de Oro de Mandel

Se debe permitir a los usuarios navegar fcilmente a travs de la interfaz proporcionando un contexto de dnde estn, dnde han estado y dnde pueden ir a continuacin, as como la posibilidad de abandonar

Barras de herramientas, paletas, barras de tareas, etc. de los sistemas operativos se emplean para ayudar a los usuarios a navegar por su sistema operativo y su disco duro en busca de datos y programas

Martnez & Cueva

Interaccin Persona Ordenador

Adecuacin a diferentes habilidades

Reglas de Oro de Mandel

Es importante no sacrificar usuarios expertos por una interfaz ms fcil para usuarios casuales El sistema debe proporcionar caminos rpidos para usuarios experimentados Posibilidad: interfaces personalizables que permiten a los usuarios elegir su nivel de interaccin

Martnez & Cueva

Interaccin Persona Ordenador

Reglas de Oro de Mandel

Transparencia
Un interfaz transparente permite al usuario sentirse como si estuviese manipulando directamente los objetos con los que l trabaja a pesar de estar empleando para ello el ordenador Windows XX
Papelera de reciclaje CRTL+ALT+DEL SI NO

Martnez & Cueva

Interaccin Persona Ordenador

Reglas de Oro de Mandel

Personalizacin
Los usuarios se encuentran ms confortables en el sistema cuando pueden configurar: la presentacin (colores, fuentes, localizacin, ...) el comportamiento de la interfaz (acciones por defecto,
macros, botones, ...) mnemotcnicos, ...)

tcnicas de interaccin (pulsaciones, teclas abreviadas,

Martnez & Cueva

Interaccin Persona Ordenador

Manipulacin de los objetos de la interfaz

Fomentar que el usuario manipule directamente los objetos sobre la pantalla, en vez de utilizar otros mtodos indirectos, como el tecleo de comandos o seleccin de mens Aunque se debe permitir el teclado, la navegacin y la seleccin con el ratn, se debera optimizar la interfaz hacia un estilo de interaccin ms natural Algunas veces las interfaces de manipulacin directa fallan porque no son visualmente obvias que cosas pueden ser cogidas y arrastradas por la pantalla, por lo que los usuarios deberan sentirse confortablemente explorando la interfaz (arrastrando, soltando, ...)
Martnez & Cueva

Reglas de Oro de Mandel

Interaccin Persona Ordenador

Reglas de Oro de Mandel

Sensacin de Control
A los usuarios se les debe dar el control de la interfaz de usuario Cuando un proceso lleva mucho tiempo y no hay forma de evitarlo (el usuario no tiene el control) hay que procurar mantenerlo entretenido o ensearle
Ejemplo: Algunos instaladores aprovechan el tiempo de instalacin para ir mostrando caractersticas del software que se est instalando

Martnez & Cueva

Interaccin Persona Ordenador

Reglas de Oro de Mandel

Reducir la carga de memoria

Aliviar la memoria a corto plazo Confiar en el reconocimiento Proporcionar pistas visuales Proporcionar opcin por defecto Proporcionar aceleradores de teclado Promover sintaxis objeto-accin Emplear metforas del mundo real Emplear revelacin progresiva Promover claridad visual

Martnez & Cueva

Interaccin Persona Ordenador

Aliviar la Memoria a Corto Plazo

Reglas de Oro de Mandel

La memoria a corto plazo almacena informacin que se puede recuperar en un muy corto perodo de tiempo Como los usuarios hacen muchas cosas a la vez no es conveniente forzarles a guardar informacin en su memoria a corto plazo Elementos para aliviar la memoria a corto plazo
deshacer y rehacer mantener los ltimos datos introducidos cortar, copiar y pegar del portapapeles

Martnez & Cueva

Interaccin Persona Ordenador

Reglas de Oro de Mandel

Confiar en el Reconocimiento
Las interfaces de usuario permiten recuperar informacin de la memoria a largo plazo mostrando elementos que deben reconocer Se deben proporcionar listas y mens que contienen los elementos a seleccionar en vez de campos dnde los usuarios deban teclear la informacin Los mensajes, tooltips y ayuda sensible al contexto ayudan a los usuarios a reconocer informacin

Martnez & Cueva

Interaccin Persona Ordenador

Reglas de Oro de Mandel

Pistas Visuales
En las interfaces grficas de usuario ste debe saber siempre dnde est, qu est haciendo y que es lo siguiente que pueden hacer

Martnez & Cueva

Interaccin Persona Ordenador

Reglas de Oro de Mandel

Opciones por Defecto

Es conveniente que el usuario pueda configurar el sistema pero tambin es conveniente que siempre pueda volver a las opciones por defecto del sistema Opciones de deshacer y rehacer aconsejables

Martnez & Cueva

Interaccin Persona Ordenador

Reglas de Oro de Mandel

Atajos
Adems de teclado y ratn es aconsejable incluir formas de economizar el nmero de pulsaciones de teclas o de movimientos de ratn Dos formas de atajos para teclado Mnemotcnicos (A Archivo, E para Edicin, ...) Aceleradores (shortcut Key), como Ctrl+P para imprimir

Martnez & Cueva

Interaccin Persona Ordenador

Promover Sintaxis ObjetoAccin

Reglas de Oro de Mandel

No es necesario construir una interfaz completamente orientada a objetos para beneficiarse de la interaccin de la orientacin a objetos:
Al seleccionar un texto con un procesador de textos se presiona el botn derecho del ratn y aparecer un men con las opciones disponibles a realizar con ese objeto

Esta sintaxis evita tener que recordar que acciones son vlidas en cada momento para cada objeto

Martnez & Cueva

Interaccin Persona Ordenador

Reglas de Oro de Mandel

Metforas del Mundo Real

Una vez que se ha selecciona una metfora para el interfaz hay que seguirla consistentemente: hay que extenderla pero nunca romperla

Iconos de Lotus Organizer

Martnez & Cueva Interaccin Persona Ordenador

Reglas de Oro de Mandel

Revelacin Progresiva
No hay que abrumar al usuario con las funciones que proporciona un producto Lo ideal es mostrar al usuario lo que necesitan cuando y donde lo necesitan: revelacin progresiva
Diferentes niveles de mens que podrn ser seleccionados por el usuario Wizards, asistentes, etc

Martnez & Cueva

Interaccin Persona Ordenador

Reglas de Oro de Mandel

Claridad Visual
Para promover la claridad visual hay que aplicar los principios de diseo visual de la percepcin humana tales como, agrupar elementos en un men, numerar los elementos, ... La informacin debe presentarse con algn tipo de prioridad y orden de forma que los usuarios puedan entender como est organizada Evitar agrupaciones arbitrarias, distinciones, y otros elementos que parecen proporcionar organizacin pero en realidad no lo hacen

Martnez & Cueva

Interaccin Persona Ordenador

Reglas de Oro de Mandel

Claridad Visual (II)

Mal Diseo
Martnez & Cueva

Buen Diseo
Interaccin Persona Ordenador

Reglas de Oro de Mandel

Claridad Visual (III)

No se deben colocar demasiados objetos en la pantalla y los que existen deben estar bien distribuidos Cada elemento visual existe no slo por si mismo, sino tambin por su combinacin con el resto de elementos presentes en la pantalla

Martnez & Cueva

Interaccin Persona Ordenador

Reglas de Oro de Mandel

Claridad Visual (IV)

Martnez & Cueva

Interaccin Persona Ordenador

Reglas de Oro de Mandel

Claridad Visual (V)

4 8 1 6 7 5 3
8

4 8 1 6 7 5 3
8

9 2

9 2

Martnez & Cueva

Interaccin Persona Ordenador

Reglas de Oro de Mandel

Interfaz Consistente
Preservar el contexto de trabajo de los usuarios Mantener la consistencia dentro y entre productos Conservar los resultados de las mismas interacciones Proporcionar esttica atractiva e integridad Animar la exploracin

Martnez & Cueva

Interaccin Persona Ordenador

Preservar el Contexto de Trabajo

Reglas de Oro de Mandel

Los usuarios deben ser capaces de completar trabajos sin necesidad de cambiar de contexto o de estilo de entrada (ej. siempre ratn o siempre teclado) Proporcionar pistas al usuario que les ayude a predecir el resultado de una accin
Si un objeto est siendo arrastrado encima de otro objeto, es necesario algn indicador de cuando se puede soltar, y en cualquier caso siempre poder cancelar la operacin

Martnez & Cueva

Interaccin Persona Ordenador

Consistencia dentro y entre Productos

Reglas de Oro de Mandel

La consistencia entre programas o en diferentes partes del sistema se aplica a tres niveles:
Presentacin Comportamiento Tcnicas de Interaccin
Windows 3.11 Windows 95

Martnez & Cueva

Interaccin Persona Ordenador

Reglas de Oro de Mandel

Conservar los resultados

Si los usuarios obtienen diferentes resultados de la misma accin tienden a cuestionarse su propio comportamiento ms que el del producto

Comportamiento Supersticioso

Martnez & Cueva

Interaccin Persona Ordenador