Diseo de la interfaz de usuario

1
Diseño de la interfaz de usuario

• Diseño de interfaces efectivas para sistemas de
  software

2
Diseño de la interfaz de usuario

• El diseño de un sistema computacional incluye
  varias actividades que van desde el diseño del
  hardware hasta el de la interfaz del usuario.
• Para que un sistema tenga éxito se necesita
  contar con un buen diseño de la interfaz del
  usuario.
• Sin embargo se le dedica poco tiempo.

3
Diseño de la interfaz de usuario

• Aunque todavía se utilizan interfaces basadas en
  texto generalmente se usan las interfaces
  gráficas de usuarios (GUI).
• Sus ventajas son
• 1. Relativamente fáciles de aprender y usar.
• 2. Permiten múltiples ventanas.
• 3. Es posible interactuar rápidamente y tener
  acceso inmediato a cualquier punto de la
  pantalla.

4
Proceso de diseño de la interfaz de usuario
5
Diseño de la interfaz de usuario

• Los diseñadores y programadores de software por
  lo general son usuarios competentes.
• Esto los lleva a crear interfaces pensando en
  cómo ellos son capaces de usar los diferentes
  sistemas.
• Para la mayoría de los usuarios estas interfaces
  son difíciles de usar.

6
Principios de diseño de interfaces de usuarios

• Familiaridad del usuario se usan términos y
  conceptos cotidianos a los usuarios.
• Consistencia las acciones se inician siempre
  igual
• Mínima sorpresa el usuario sabe que va a
  ocurrir.
• Recuperabilidad perdonar los errores.
• Guía al usuario retroalimentación por errores
• Diversidad de usuarios poseer características
  apropiadas para los diferentes tipos de usuarios.

7
Interfaz de panel de control
8
Interfaz basada en formulario
9
Presentación de información
10
Presentación de información alternativas
11
Despliegue de información dinámica
12
Despliegue de valores relativos
13
Formas de interacción

• 1. Manipulación directa por ejemplo tomar una
  carpeta y tirarla al basurero.
• 2. Selección de menúes generalmente de una lista
  desplegable.
• 3. Llenado de formularios muy común en Internet.
• 4. Lenguaje de comandos por ejemplo dir .doc
• 5. Lenguaje natural por ejemplo borra el
  archivo xxx

14
Información alfanumérica en relieve
!
El nombre del archivo ya existe. Por favor elija
otro nombre
Capítulo 15 Diseño de la interfaz de usuario
O
K
C
a
n
c
e
l
15
Sistema de ayuda y mensajes
16
Ingreso del nombre de un paciente
Por favor introduzca el nombre del paciente y
presione OK
Bates
, J
.
OK
Cancel
17
Mensajes de error orientados al sistema y al
usuario
User-oriented error message
System-oriented error message
?
Err
or 27
P
atient J
.
Bates is not registered
Clic
k on P
atients f
or a list of registered patients
In
v
alid patient id entered
Clic
k on Retr
y to re-input a patient name
Clic
k on Help f
or more inf
or
mation
OK
Cancel
P
atients
Help
Retr
y
Cancel
18
Puntos de entrada a un sistema de ayuda
19
Ventanas del sistema de ayuda
20
Temas clave

• El diseño de la interfaz debe estar centrado en
  el usuario. Una interfaz debería ser lógica y
  consistente y ayudar a los usuarios a recuperar
  los errores.
• Los estilos de interacción incluyen manipulación
  directa, sistemas de menú, sistemas de llenado de
  formas, lenguajes de comandos y lenguaje natural.
• Los despliegues gráficos deben ser usados para
  mostrar tendencias y valores aproximados.
• El color debe ser usado de manera consistente.

21
Temas clave

• Los sistemas deberían proveer de ayuda en línea.
  Los que deberían incluir ayuda del tipo estoy
  en problemas y necesito información.
• Los mensajes de error deben estar redactados de
  manera positiva más que negativa (de hecho se
  sugiere no usar la palabra ERROR en ellos).
• Idealmente se debería evaluar la interfaz de
  usuario versus la especificación de usabilidad.