Principios de Diseño Delphi

PRINCIPIOS DE DISEÑO
DE LAS INTERFACES
GRÁFICAS
(APLICADOS A DELPHI)

Principios de diseño de interfaces gráficas

1

M. Martínez, URJC, 2001

PRINCIPIOS GENERALES
DE DISEÑO
1 Adoptar el punto de vista del usuario.
– Ver la interfaz desde fuera y en relación
con las tareas que va a realizar el usuario.
– Hay que tener mucho cuidado en no
centrarse en los aspectos deimplementación que nos hagan perder la
perspectiva.
– Realizar un primer prototipo sobre papel.
2 Realimentación: La interfaz debe dar
inmediatamente alguna respuesta a cualquier
acción del usuario.
Ejemplos:
– Movimiento del cursor.
– Resaltar la opción elegida de un menú.
– Comunicar el éxito o fracaso de una
operación.
– Reflejar el estado de los objetos.
Principios de diseño de interfacesgráficas

2

M. Martínez, URJC, 2001

3 Potenciar la sensación de control del usuario
sobre el sistema, especialmente para los
usuarios sin experiencia:
– Que la interfaz sea intuitiva:
• Utilizar iconos, modelos, métodos, etc de otras
aplicaciones y del mundo real.
• Evitar sorpresas, por ejemplo, efectos laterales.
• Realimentación.
• Visibilidad.

– Facilitar la exploración:
•Todas las posibles operaciones deben ser
accesibles desde el menú principal.
• Permitir cancelar y deshacer operaciones.

– Evitar los modos.
– Flexibilidad: Que el usuario pueda
configurar la interfaz según sus
preferencias, especialmente para usuarios
expertos.
Principios de diseño de interfaces gráficas

3

M. Martínez, URJC, 2001

4 Consistencia u homogeneidad: Seguir unas
reglauniformes en cuanto a la forma de
operar y la presentación de la información.
Por ejemplo:
– Las ordenes genéricas como copiar,
mover, editar, etc, deben poder aplicarse
sobre cualquier tipo de objeto y de la
misma forma.
– Los mensajes de error deben aparecer
siempre en la misma posición y con el
mismo formato.
– Utilizar códigos visuales homogéneos.
OBJETIVO: Que el usuario puedageneralizar
sus conocimientos de un aspecto de la
interfaz a otros aspectos.

Principios de diseño de interfaces gráficas

4

M. Martínez, URJC, 2001

La consistencia es más importante en las
operaciones que se realizan sin pensamiento
consciente, por ejemplo elegir una opción de
un menú o pulsar la tecla Intro para aceptar.
Tipos de consistencia:
– Interna: Dentro de una aplicación.– Externa: Con otras aplicaciones.
Hay normas de estilo para los diferentes
entornos, como MS-Windows.
– Con los hábitos mentales del usuario.
• Normas culturales.
• Mundo real.
• Otras aplicaciones que usa, si lo sabemos.

Principios de diseño de interfaces gráficas

5

M. Martínez, URJC, 2001

5 Tratamiento de errores:
– Minimizar la posibilidad de cometer
errores.
• Usarpreferentemente controles que restrinjan
los valores a introducir.
• Inhibir controles que representan acciones no
permitidas.
• Pedir la confirmación de operaciones
peligrosas.
• Evitar los controles que sean físicamente
difíciles de manejar (controles muy pequeños,
menúes emergentes o submenúes con muchas
opciones).

– En caso de error, dar información
suficiente y adaptada al punto devista del
usuario, tanto a sus objetivos como a sus
conocimientos.

Principios de diseño de interfaces gráficas

6

M. Martínez, URJC, 2001

– Facilitar la recuperación en caso de error
• De información.
• De navegación (volver a una situación
consistente)

6 Minimizar la necesidad de memorización:
– Usar controles gráficos.
– Limitar la carga de información a corto
plazo:
• Reglade 5±2.
• Procurar que la información necesaria en cada
momento esté presente en la pantalla.

– Utilizar nombres y símbolos
autoexplicativos y fáciles de recordar.
– Consistencia.

Principios de diseño de interfaces gráficas

7

M. Martínez, URJC, 2001

VENTANAS
• Una interfaz gráfica utiliza múltiples
ventanas.

Principios de diseño de interfaces gráficas

8

M....