interfaz usuario
TRANSCRIPT
![Page 1: Interfaz Usuario](https://reader036.vdocumento.com/reader036/viewer/2022082811/558a3856d8b42ac11d8b45e2/html5/thumbnails/1.jpg)
ANALISIS Y DISEÑO DE SISTEMAS II
INTERFAZ DE USUARIO
PROF. TANINO FERRI
![Page 2: Interfaz Usuario](https://reader036.vdocumento.com/reader036/viewer/2022082811/558a3856d8b42ac11d8b45e2/html5/thumbnails/2.jpg)
El diseño de la interfaz de usuario requiere el estudio de
las personas y el conocimiento tecnológico
adecuado.
![Page 3: Interfaz Usuario](https://reader036.vdocumento.com/reader036/viewer/2022082811/558a3856d8b42ac11d8b45e2/html5/thumbnails/3.jpg)
¿Quien es el usuario?¿Como aprende a interactuar con el nuevo
sistema de computo?¿Cómo interpreta la información que produce
el sistema?¿Qué espera del sistema?
Preguntas que deben plantearse y responderse para el diseño de la interfaz de usuario
![Page 4: Interfaz Usuario](https://reader036.vdocumento.com/reader036/viewer/2022082811/558a3856d8b42ac11d8b45e2/html5/thumbnails/4.jpg)
Existen tres reglas de oro para el diseño de la interfaz:
Dar el control al usuario
Es decir un sistema que reaccione a las necesidades del usuario y que le ayude a hacer las cosas.
REGLAS DE ORO
![Page 5: Interfaz Usuario](https://reader036.vdocumento.com/reader036/viewer/2022082811/558a3856d8b42ac11d8b45e2/html5/thumbnails/5.jpg)
Reducir la carga en la memoría del usuario
Una interfaz de usuario bien diseñada no dependerá de la memoria del usuario. Siempre que sea posible, el sistema debe “recordar” la información pertinente y ayudar al usuario con un escenario de interacción que le facilite el uso de la memoria.
![Page 6: Interfaz Usuario](https://reader036.vdocumento.com/reader036/viewer/2022082811/558a3856d8b42ac11d8b45e2/html5/thumbnails/6.jpg)
Lograr que la interfaz sea consistente
Implica:
Toda la información visual este organizada de acuerdo con un estándar de diseño que se mantenga en todas la presentaciones de pantalla.
![Page 7: Interfaz Usuario](https://reader036.vdocumento.com/reader036/viewer/2022082811/558a3856d8b42ac11d8b45e2/html5/thumbnails/7.jpg)
Ventanas:Ventanas múltiples permiten que se despliegue
simultáneamente información diversa en la pantalla del usuario.
Iconos:Representan diferentes tipos de información,
por ejemplo archivos, procesos ,etc.Menús:
Los comandos se seleccionan de un menú en lugar de teclearse en un lenguaje de ordenes.
Características de las Interfaces gráficas de usuario (GUIs)
![Page 8: Interfaz Usuario](https://reader036.vdocumento.com/reader036/viewer/2022082811/558a3856d8b42ac11d8b45e2/html5/thumbnails/8.jpg)
Apuntador:Para seleccionar opciones de un menú o para
indicar elementos de interés en una ventana , se utiliza un dispositivo apuntador , como el ratón.
Gráficos:Los elementos gráficos se pueden mezclar con
texto en el mismo despliegue.
![Page 9: Interfaz Usuario](https://reader036.vdocumento.com/reader036/viewer/2022082811/558a3856d8b42ac11d8b45e2/html5/thumbnails/9.jpg)
Fáciles de aprender y utilizar.Para interactuar con el sistema , los
usuarios cuentan con pantallas múltiples. Se puede pasar de una tarea a otra sin perder de vista la información de la anterior.
Interacción rápida y acceso inmediato a cualquier punto de la pantalla.
Ventajas de las GUIs
![Page 10: Interfaz Usuario](https://reader036.vdocumento.com/reader036/viewer/2022082811/558a3856d8b42ac11d8b45e2/html5/thumbnails/10.jpg)
Proceso de Diseño de la GUI
Analizar y comprender las actividades del
usuario
Producir un prototipo de diseño en
papel
Evaluar el diseño con los usuarios finales
Diseñar el prototipo
Producir el prototipo del
diseño dinámico
Evaluar el diseño con los usuarios finales
Prototipo ejecutable
Implementar la interfaz del usuario final
![Page 11: Interfaz Usuario](https://reader036.vdocumento.com/reader036/viewer/2022082811/558a3856d8b42ac11d8b45e2/html5/thumbnails/11.jpg)