Download - Diseno de la Interfaz de Usuario
![Page 1: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/1.jpg)
![Page 2: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/2.jpg)
![Page 3: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/3.jpg)
El diseño de la interfaz de usuario requiere el estudio de las personas y el conocimiento tecnológico adecuado.
![Page 4: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/4.jpg)
Preguntas que deben plantearse y responderse para el diseño de la interfaz de usuario
¿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?
![Page 5: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/5.jpg)
REGLAS DE ORO
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.
![Page 6: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/6.jpg)
Reducir la carga en la menorí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 7: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/7.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 8: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/8.jpg)
Los mecanismos de entrada se restrinjan a un conjunto limitado que se utilicé de manera consistente en toda la aplicación.
Los mecanismos para ir de una tarea a otra se hayan definido e implementado de manera consistente.
![Page 9: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/9.jpg)
ANALISIS Y DISEÑO DE LA INTERFAZ DE USUARIO
El proceso general para analizar y diseñar una interfaz de usuario empieza con la creación de diferentes modelos de función del sistema.
![Page 10: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/10.jpg)
Luego se delinean las tareas orientadas al ser humano y al equipo que se requieren para lograr el funcionamiento del sistema.
ANALISIS Y DISEÑO DE LA INTERFAZ DE USUARIO (Cont.)
![Page 11: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/11.jpg)
Modelos del análisis y diseño de la interfaz
Un ingeniero humano establece un modelo del usuario; el ingeniero del software crea un modelo del diseño; el usuario final desarrolla una imagen mental que suele denominarse modelo mental del usuario o percepción del sistema, y quienes implementan el sistema crean un modelo de la implementación.
![Page 12: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/12.jpg)
El modelo del usuario
![Page 13: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/13.jpg)
Establece el perfil de los usuarios finales del sistema.
Para construir una interfaz de usuario efectiva, “todo diseño debe empezar por la comprensión de quienes son los usuarios de destino, incluidos sus perfiles de edad, sexo, habilidades físicas, educación, antecedentes culturales o étnicos, motivaciones, objetivos y personalidad”.
![Page 14: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/14.jpg)
Los usuarios están distribuidos en las siguientes categorías:
Principiantes. No tienen conocimientos de la sintaxis del sistema y cuentan con escasos conocimientos de la semántica de la aplicación o del uso de la computadora en general.
![Page 15: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/15.jpg)
Usuarios esporádicos y con conocimientos. Tienen conocimientos razonables de la semántica, pero muestran una retención relativamente baja de la información sobre sintaxis necesaria para utilizar la interfaz.
Usuarios frecuentes y con
conocimientos. Cuentan con conocimientos de sintaxis y semántica suficientes para llegar al “síndrome del usuario avanzado”.
![Page 16: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/16.jpg)
El modelo del diseño
![Page 17: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/17.jpg)
Incorpora datos, arquitectura interfaz y representaciones procedimentales del software.
La especificación de requisitos establece ciertas restricciones que ayudan a definir el usuario del sistema.
El modelo mental moldea la manera en que el usuario percibe la interfaz y esta satisface sus necesidades.
![Page 18: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/18.jpg)
El modelo de la implementación
![Page 19: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/19.jpg)
Combina la manifestación externa del sistema de computo y toda la información de ayuda que describe la sintaxis y semántica del sistema.
Cuando coinciden el modelo de la implementación y el modelo mental del usuario, los usuarios suelen sentirse a gusto con el software y lo usan con efectividad.
![Page 20: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/20.jpg)
El Proceso
El proceso de análisis y diseño de la interfaz de usuario abarca cuatro actividades distintas de marco de trabajo
![Page 21: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/21.jpg)
1. Análisis y modelado de usuarios, tarea y entornos.
2. Diseño de la interfaz
3. Construcción (implementación) de la interfaz
4. Validación de la interfaz
![Page 22: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/22.jpg)
El análisis de la interfaz se concentra en el perfil de los usuarios que interactuaran con el sistema
Proceso de diseño de la interfaz de usuario
![Page 23: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/23.jpg)
PASOS DEL DISEÑO DE LA INTERFAZ
![Page 24: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/24.jpg)
Se han propuesto muchos modelos diferentes para el diseño de la interfaz de usuario, todos sugieren una combinación de los siguientes pasos:
![Page 25: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/25.jpg)
1. Con base en la información desarrollada durante el análisis de la información, definir los objetos y las acciones de la interfaz (operaciones).
2. Definir eventos (acciones del usuario) que cambiarán el estado de la interfaz. Modelar este comportamiento.
![Page 26: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/26.jpg)
3. Representar cada estado de la interfaz tal como lo verá el usuario final.
4. Indicar como interpreta el usuario el estado del sistema a partir de la interfaz proporcionada mediante la interfaz.
![Page 27: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/27.jpg)
TEMAS DE DISEÑO
![Page 28: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/28.jpg)
TIEMPO DE RESPUESTA
El tiempo de respuesta del sistema es la primera queja sobre muchas aplicaciones interactivas. En general, se mide desde el punto en que el usuario realiza alguna acción de control.
![Page 29: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/29.jpg)
El tiempo de respuesta del sistema tiene dos características importantes:
Duración y variabilidad.
Duración. Si la respuesta del sistema se demora mucho, la frustración y el estrés del usuario son inevitables.
![Page 30: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/30.jpg)
Variabilidad. Es la desviación del tiempo de respuesta promedio. Una baja variabilidad permite que el usuario establezca un ritmo de interacción, aunque el tiempo de respuesta sea relativamente largo.
![Page 31: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/31.jpg)
EVALUACIÓN DEL DISEÑO
Una vez que se ha creado un prototipo de interfaz de usuario operacional, debe evaluarse y determinar si satisface las necesidades del usuario.
![Page 32: Diseno de la Interfaz de Usuario](https://reader034.vdocuments.pub/reader034/viewer/2022052321/546dc21baf795967298b5496/html5/thumbnails/32.jpg)
Ciclo de evaluación del diseño de la interfaz de usuario