INGENIERÍA DE SOFTWARE
ACTIVIDAD 8:
DISEÑO DEL SOFTWARE EN
TIEMPO REAL
IV CICLO
2022
ÍNDICE:
Diseño del sistema
Diseño de interfaz del usuario
Prototipado de la interfaz de
usuario
DISEÑO DE LA INTERFAZ DE USUARIO
El diseño de la interfaz de usuario
crea un medio eficaz de comunicación
entre los seres humanos y la
computadora.
Siguiendo un conjunto de principios
de diseño de la interfaz, el diseño
identifica los objetos y acciones de
ésta y luego crea una pantalla que
constituye la base del prototipo de la
interfaz de usuario.
DISEÑO DE LA INTERFAZ DE USUARIO
DISEÑO DE LA INTERFAZ DE USUARIO
¿CUÁLES SON LOS PASOS?
El diseño de la interfaz de usuario comienza
con la identificación de los requerimientos del
usuario, la tarea y el ambiente.
Una vez identificadas las tareas del usuario,
se crean y analizan los escenarios para éste
y se define un conjunto de objetos y acciones
de la interfaz.
DISEÑO DE LA INTERFAZ DE USUARIO
¿CUÁLES SON LOS PASOS?
Esto forma la base para crear una plantilla de
la pantalla que ilustra el diseño gráfico y la
colocación de los iconos, la definición de
textos descriptivos, la especificación y títulos
de las ventanas, y la especificación de
aspectos mayores y menores del menú.
Con el empleo de herramientas, se hace el
prototipo, se implementa en definitiva el
modelo del diseño y se evalúa la calidad del
resultado.
DISEÑO DE LA INTERFAZ DE USUARIO
El plano de una casa (su diseño arquitectónico)
no está completo sin la representación de
puertas, ventanas y conexiones de servicios para
el agua, electricidad y teléfono (por no mencionar
la televisión por cable). Las «puertas, ventanas y
conexiones de servicios» del software informático
es lo que constituye el diseño de la interfaz de
usuario
DISEÑO DE LA INTERFAZ DE USUARIO
El diseño de la interfaz se centra en tres
áreas de interés:
El diseño de la interfaz entre los
componentes del software;
El diseño de la interfaz entre el software y
los otros productores y consumidores de
información no humanos (esto es, otras
entidades externas) y
El diseño de la interfaz entre el hombre (esto
es, el usuario) y la computadora
DISEÑO DE LA INTERFAZ DE USUARIO
REGLAS DE DISEÑO DE LA INTERFAZ
DEL USUARIO
Una evaluación heurística es un método
de inspección de usabilidad para
software de computadora que ayuda a
identificar problemas de usabilidad en el
diseño de la interfaz de usuario (UI).
DISEÑO DE LA INTERFAZ DE USUARIO
REGLAS DE DISEÑO DE LA INTERFAZ
DEL USUARIO
1. Visibilidad del estado del sistema
2. Consistencia entre el sistema y el mundo real
3. Control y libertad del usuario
4. Consistencia y estándares
5. Prevención de errores
6. Reconocer en lugar de recordar
7. Flexibilidad y eficiencia de uso
8. Estética y diseño minimalista
9. Ayuda al usuario a reconocer, diagnosticar
y recuperarse de los errores
10. Ayuda y documentación
DISEÑO DE LA INTERFAZ DE USUARIO
1. VISIBILIDAD DEL ESTADO DEL SISTEMA
El sistema siempre debe mantener informados
a los usuarios sobre el estado actual y las
acciones a través de señales visuales y
comentarios apropiados dentro de un tiempo
razonable.
DISEÑO DE LA INTERFAZ DE USUARIO
2. CONSISTENCIA ENTRE EL SISTEMA Y EL
MUNDO REAL
El sistema debe hablar el idioma de los usuarios,
con palabras, frases y conceptos familiares para
el usuario, en lugar de términos orientados al
sistema.
DISEÑO DE LA INTERFAZ DE USUARIO
3. CONTROL Y LIBERTAD DEL USUARIO
Los usuarios a menudo eligen funciones del
sistema por error y necesitarán una “salida de
emergencia” claramente marcada para salir del
estado no deseado sin tener que pasar por un
diálogo extenso. Soporte deshacer y rehacer.
DISEÑO DE LA INTERFAZ DE USUARIO
3. CONTROL Y LIBERTAD DEL USUARIO
La mayor parte de las restricciones y
limitaciones impuestas por el diseñador se
han pensado para simplificar el modo de
interacción.
Pero, ¿para quienes? En muchos casos
es posible que el diseñador introduzca
limitaciones y restricciones para simplificar
la implementación de la interfaz. Y el
resultado puede ser una interfaz fácil de
construir, pero frustrante de utilizar.
DISEÑO DE LA INTERFAZ DE USUARIO
Principios de diseño que permiten que el
usuario tenga el control:
Definir los modos de interacción de
manera que no obligue a que el usuario
realice acciones innecesarias o no
deseadas.
Tener en consideración una interacción
flexible.
Permitir que la interacción del usuario
sea interrumpible y también reversible.
DISEÑO DE LA INTERFAZ DE USUARIO
Principios de diseño que permiten que el
usuario tenga el control:
Facilitar la interacción a medida que
aumenta la habilidad y permitir que
aquella se personalice.
Ocultar los tecnicismos internos al
usuario ocasional.
Diseñar la interacción directa con objetos
que aparezcan en la pantalla.
DISEÑO DE LA INTERFAZ DE USUARIO
4. CONSISTENCIA Y ESTÁNDARES
Es importante mantener la misma consistencia
a lo largo de todo el sistema (color, lenguaje,
flujo de navegación, etc.). La consistencia es
clave a la hora de diseñar interfaces usables.
Cuando el esquema de navegación está
estructurado de acuerdo al modelo mental de
la mayoría de los usuarios, se tiene el 80% de
éxito.
DISEÑO DE LA INTERFAZ DE USUARIO
4. CONSISTENCIA Y ESTÁNDARES
DISEÑO DE LA INTERFAZ DE USUARIO
4. CONSISTENCIA Y ESTÁNDARES
La interfaz debe presentar y obtener información
en forma consistente. Esto implica:
Que toda la información se organice de acuerdo
con reglas de diseño que se respeten en todas
las pantallas desplegadas
Que los mecanismos de entrada se limiten a un
conjunto pequeño usado en forma consistente
en toda la aplicación
Que los mecanismos para pasar de una tarea a
otra se definan e implementen de modo
consistente
DISEÑO DE LA INTERFAZ DE USUARIO
5. PREVENCIÓN DE ERRORES
Incluso mejor que buenos mensajes de error es
un diseño cuidadoso que evita que ocurra un
problema en primer lugar. Elimina las
condiciones propensas a errores o verifícalas y
presenta a los usuarios una opción de
confirmación antes de que se comprometan
con la acción.
DISEÑO DE LA INTERFAZ DE USUARIO
5. PREVENCIÓN DE ERRORES
DISEÑO DE LA INTERFAZ DE USUARIO
6. RECONOCER EN LUGAR DE RECORDAR
Se trata de minimizar la carga cognitiva del
usuario, es decir, aliviar la carga de memoria
del usuario haciendo visible objetos, acciones
y opciones. Siempre se deben indicar los
campos por los cuales se ha realizado la
búsqueda.
DISEÑO DE LA INTERFAZ DE USUARIO
6. RECONOCER EN LUGAR DE RECORDAR
Cuanto más tenga que recordar un usuario,
más propensa a errores será su interacción con
el sistema.
Esta es la razón por la que una interfaz de
usuario bien diseñada no pondrá a prueba la
memoria del usuario. Siempre que sea posible,
el sistema deberá «recordar» la información
pertinente y ayudar a que el usuario recuerde
mediante un escenario de interacción. A
continuación algunos principios de diseño:
DISEÑO DE LA INTERFAZ DE USUARIO
PRINCIPIOS DE DISEÑO
Reducir la demanda de memoria a corto plazo
Hacer que lo preestablecido sea significativo
Definir atajos que sean intuitivos
La distribución visual de la interfaz debe
basarse en una metáfora del mundo real
Revelar información de manera progresiva
DISEÑO DE LA INTERFAZ DE USUARIO
7. FLEXIBILIDAD Y EFICIENCIA DE USO
Aceleradores, atajos (visuales o no) y
recomendaciones que faciliten la
navegación, tanto para los usuarios sin
experiencia como con experiencia. Es
importante que el sistema permita
personalizar acciones frecuentes.
DISEÑO DE LA INTERFAZ DE USUARIO
8. ESTÉTICA Y DISEÑO MINIMALISTA
Se trata de mostrar solo lo relevante;
eliminar el ruido visual, información de
menor importancia. Los diálogos no
deben contener información que sea
irrelevante o que rara vez se necesite.
Cada unidad adicional de información en
un diálogo compite con las unidades de
información relevantes y disminuye su
visibilidad relativa.
DISEÑO DE LA INTERFAZ DE USUARIO
8. ESTÉTICA Y DISEÑO MINIMALISTA
DISEÑO DE LA INTERFAZ DE USUARIO
9. AYUDA AL USUARIO A RECONOCER,
DIAGNOSTICAR Y RECUPERARSE DE LOS
ERRORES
Los mensajes de error deben expresarse
en un lenguaje sencillo (sin códigos),
indicar con precisión el problema y
sugerir una solución de manera
constructiva.
DISEÑO DE LA INTERFAZ DE USUARIO
9. AYUDA AL USUARIO A RECONOCER,
DIAGNOSTICAR Y RECUPERARSE DE LOS
ERRORES
DISEÑO DE LA INTERFAZ DE USUARIO
10. AYUDA Y DOCUMENTACIÓN
Aunque es mejor si el sistema se puede
utilizar sin documentación, puede ser
necesario proporcionar ayuda y
documentación. Cualquier información
de este tipo debe ser fácil de buscar,
centrada en la tarea del usuario,
enumerar los pasos concretos a realizar
y no ser demasiado grande.
DISEÑO DE LA INTERFAZ DE USUARIO
10. AYUDA Y DOCUMENTACIÓN
DISEÑO DE LA INTERFAZ DE USUARIO
ESQUEMAS DE MENU
Los menús proporcionan a los usuarios
una forma sencilla y familiar de recuperar
información e interactuar con el sistema.
Una característica principal de los menús
consiste típicamente en llevar al usuario a
través de una serie de submenús que le
proporcionan una diversidad de opciones.
DISEÑO DE LA INTERFAZ DE USUARIO
ESQUEMAS DE MENU
DISEÑO DE LA INTERFAZ DE USUARIO
ESQUEMAS DE MENU
DISEÑO DE LA INTERFAZ DE USUARIO
ESQUEMAS DE MENU
DISEÑO DE LA INTERFAZ DE USUARIO
DISEÑO DE PANTALLAS
Las formas se utilizan como una herramienta
para hacer que el trabajo se realice e
introducir datos al sistema.
Al hacer un análisis de formas, se debe
determinar qué datos se trata de capturar,
cómo se clasificarán e introducirán en la
forma, quién capturará los datos y con qué
fin, quién obtendrá una copia, qué debe
aparecer en las copias, bajo qué condiciones
se llenará la forma, cómo se manejará, y
durante cuánto tiempo se archivará.
DISEÑO DE LA INTERFAZ DE USUARIO
DISEÑO DE PANTALLAS
Lineamientos para el diseño de
formularios:
Haga que las formas sean fáciles de
llenar.
Asegúrese de que las formas satisfacen
el objetivo para el que fueron diseñadas.
Diseñe formas que aseguren el llenado
preciso.
Las formas deben ser atractivas.
DISEÑO DE LA INTERFAZ DE USUARIO
DISEÑO DE PANTALLAS
