Diseño de GUIs
-
Upload
coresplendor -
Category
Documents
-
view
1.357 -
download
1
Transcript of Diseño de GUIs
![Page 1: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/1.jpg)
Atomic Vision
Diseño de GUIs
Fecha: 3 de Junio del 2010
![Page 2: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/2.jpg)
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
![Page 3: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/3.jpg)
Criterios
• Para crear GUIs consideraremos cuatro criterios Consistencia, dar Control al Usuario, Reducir Carga de Memoria y la Ley de Fitt.
![Page 4: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/4.jpg)
Ejemplo: Consistencia
• Puntos de vida• Baja consistencia
• No existe exactitud
• No se parece a ningún indicador conocido
![Page 5: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/5.jpg)
Ejemplo: Consistencia
• Puntos de vida • Consistencia media
• Indica un valor exacto
• Señala el valor actual y el valor máximo
![Page 6: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/6.jpg)
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
![Page 7: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/7.jpg)
Ejemplo: Control de Usuario
• Mensajería instantánea
• Poco control de usuario
• Opciones limitadas
![Page 8: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/8.jpg)
Ejemplo: Control de Usuario
• Mensajería instantánea
• Control de usuario medio
• Opciones básicas en simple acceso
![Page 9: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/9.jpg)
Ejemplo: Control de Usuario
• Mensajería instantánea
• Control de usuario alto
• Opciones básicas y avanzadas en plena vista
![Page 10: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/10.jpg)
Ejemplo: Reducción de Carga de Memoria
• Procesadores de texto
• Alta Carga de Memoria
![Page 11: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/11.jpg)
Ejemplo: Reducción de Carga de Memoria
• Procesadores de texto
• Carga de memoria media
![Page 12: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/12.jpg)
Ejemplo: Reducción de Carga de Memoria
• Procesadores de texto
• Baja carga de memoria
![Page 13: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/13.jpg)
Ejemplo: Ley de Fitt
• Exploradores de Internet
• Cumple mal la Ley de Fitt
![Page 14: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/14.jpg)
Ejemplo: Ley de Fitt
• Exploradores de Internet
• Cumple con la Ley de Fitt de forma regular
![Page 15: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/15.jpg)
Ejemplo: Ley de Fitt
• Exploradores de Internet
• Cumple con la Ley de Fitt de forma ideal
![Page 16: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/16.jpg)
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
![Page 17: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/17.jpg)
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
![Page 18: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/18.jpg)
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
![Page 19: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/19.jpg)
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
![Page 20: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/20.jpg)
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]
![Page 21: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/21.jpg)
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
![Page 22: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/22.jpg)
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.
![Page 23: Diseño de GUIs](https://reader033.fdocument.pub/reader033/viewer/2022042423/5476b24ab4af9fa90a8b6264/html5/thumbnails/23.jpg)
¿Preguntas?