Diseño de GUIs

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 texto

• Alta Carga de Memoria

Ejemplo: Reducción de Carga de Memoria

• Procesadores de texto

• Carga de memoria media

Ejemplo: Reducción de Carga de Memoria

• Procesadores de texto

• Baja carga de memoria

Ejemplo: Ley de Fitt

• Exploradores de Internet

• Cumple mal la Ley de Fitt

Ejemplo: Ley de Fitt

• Exploradores de Internet

• Cumple con la Ley de Fitt de forma regular

Ejemplo: Ley de Fitt

• Exploradores de Internet

• Cumple con la 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 Usuario

Carga de Memoria

Ley de Fitt

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 Usuario

Carga de Memoria

Ley de Fitt

Menú Desplegable

8 5 10 8

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 Usuario

Carga de Memoria

Ley de Fitt

Ventana 10 10 8 10

Total 38

GUI Ventana de Propiedades.

[General] [Personalizar]

Peso: 2365KbNombre: DonkeyKong.romDirección: C:\SuperNintendo\Roms\DonkeyKong.romCarpetas: 0Archivos: 0Creado: 24/04/2009Modificado: 03/01/2010Atributos: --Sólo lectura-- -Oculto-

[Aceptar] [Cancelar]

Tablas comparativas.

MS-DOS Menú Desplegable

Ventana de Propiedades

Consistencia 10 8 10

Control al Usuario

1 5 10

Carga de Memoria

10 10 8

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?