Atomic Vision

Diseño de GUIs

Fecha: 3 de Junio del 2010

 Diseño de GUIs
• El diseño de interfaces gráficas es la disciplina
que estudia y pone en práctica procesos
orientados a construir la interface de software
lo más fácil de aprender y usar por parte de
sus usuarios
 Criterios
• Para crear GUIs consideraremos cuatro
criterios Consistencia, dar Control al
Usuario, Reducir Carga de Memoria y la
Ley de Fitt.
 Ejemplo: Consistencia
• Puntos de vida
• Baja consistencia

• No existe
exactitud

• No se parece a
ningún indicador
conocido
 Ejemplo: Consistencia
• Puntos de vida • Consistencia
media

• Indica un valor
exacto

• Señala el valor
actual y el valor
máximo
 Ejemplo: Consistencia
• Puntos de vida • Alta Consistencia

• Señala un valor y
utiliza una
imagen para
indicar el valor
actual

• Parecido a una
barra progreso
 Ejemplo: Control de Usuario
• Mensajería instantánea

• Poco control de
usuario

• Opciones limitadas
 Ejemplo: Control de Usuario
• Mensajería instantánea

• Control de usuario
medio

• Opciones básicas en
simple acceso
 Ejemplo: Control de Usuario
• Mensajería instantánea

• Control de usuario
alto

• Opciones básicas y
avanzadas en plena
vista
 Ejemplo: Reducción de
Carga de Memoria
• Procesadores de • Alta Carga de
texto Memoria
 Ejemplo: Reducción de
Carga de Memoria
• Procesadores de • Carga de
texto memoria media
 Ejemplo: Reducción de
Carga de Memoria
• Procesadores de • Baja carga de
texto memoria
 Ejemplo: Ley de Fitt
• Exploradores de • Cumple mal la
Internet Ley de Fitt
 Ejemplo: Ley de Fitt
• Exploradores de • Cumple con la
Internet Ley de Fitt de
forma regular
 Ejemplo: Ley de Fitt
• Exploradores de • Cumple con la
Internet Ley de Fitt de
forma ideal
 Problema.
• Creación de GUIs para Propiedades de archivos y
carpetas, de acuerdo a los criterios ya analizados
anteriormente.

• Evaluando como:

Mejo Intermedio Peor

10 5 1
 GUI en MS-DOS

Dirección: -Dirección-
-Fecha de creación- -Tipo de Archivo- -Peso- -Nombre completo-
N° de Archivos Contenidos: -Total de archivos-

Consistencia Control al Carga de Ley de Fitt

Usuario Memoria
MS-DOS 10 1 10 1
Total 22
 GUI Menú Desplegable.
+--------------------------------------------------+
|Dirección: -Dirección- |
|Peso: -Peso Total- |
|Carpetas: -Carpetas que contiene- |
|Archivos: -Archivos que contiene- |
|Modificado: -Fecha de Creación- |
| [Personalizar] |
+--------------------------------------------------+
Consistencia Control al Carga de Ley de Fitt
Usuario Memoria
Menú 8 5 10 8
Desplegable
Total 41
 GUI Ventana de Propiedades.
[General] [Personalizar]
Peso: -Peso-
Nombre: -Nombre-
Dirección: -Dirección-
Carpetas: -N° de carpetas contenidas-
Archivos: -N° de archivoss contenidos-
Creado: -Fecha-
Modificado: -Fecha-
Atributos: --Sólo lectura- - -Oculto-
[Aceptar] [Cancelar]

Consistencia Control al Carga de Ley de Fitt

Usuario Memoria
Ventana 10 10 8 10
Total 38
 GUI Ventana de Propiedades.
[General] [Personalizar]

Peso: 2365Kb
Nombre: DonkeyKong.rom
Dirección: C:\SuperNintendo\Roms\DonkeyKong.rom
Carpetas: 0
Archivos: 0
Creado: 24/04/2009
Modificado: 03/01/2010
Atributos: --Sólo lectura-- -Oculto-
[Aceptar] [Cancelar]
 Tablas comparativas.

MS-DOS Menú Ventana de

Desplegable Propiedades
Consistencia 10 8 10
Control al 1 5 10
Usuario
Carga de 10 10 8
Memoria
Ley de Fitt 1 8 10
Total 5,5 7,75 9,5
 Conclusión.
• Las GUIs nos ayudan a comprender como los
usuarios verán nuestras unidades de
software, orientándonos de cómo
implementarlas a futuro para que el producto
sea mejor aceptado por los clientes y no
quede en el olvido.
¿Preguntas?