SoftDLFunk_EstandarIntefazGraficadeUsuario(GUI)

Estándar Interfaz Grafica de Usuario (GUI)
Triangle Funky Users
SOFTWARE DELLA FUNK
ESTÁNDAR INTERFAZ
GRAFICA DE USUARIO (GUI)
Ver. 1.0
ESTÁNDAR INTERFAZ GRAFICA DE USUARIO (GUI)
1 Objetivo
El objetivo del presente manual es el de establecer un conjunto de estándares
para el diseño de la interfaz gráfica de usuario (GUI) producto del proceso de
desarrollo de software que se lleva a cabo por parte de DELLASOFT para el TFU
(sistema de información para la administración de Comerciantes).
2 Lineamientos Generales
La Interfaz Gráfica del Usuario (Graphical User Interface - GUI) es el medio por el
cual el usuario interactúa con el sistema.
3







Características de una Adecuada Interfaz Gráfica de Usuario
Permite presentar y manipular los objetos e información de la pantalla.
Fácil de aprender y comprensible para el usuario (intuitivo).
Rápido desempeño de las tareas del usuario.
Ser estéticamente agradable.
Tiene claridad visual, conceptual y lingüística.
Consistente en apariencia, uso y operación.
Controlable por el usuario:
 Rápida ejecución de acciones.
 Da posibilidad de anular o detener operaciones.
 Sólo puede ser interrumpido por errores propios al ingresar información.
 Evitar estados que limiten las acciones del usuario.
 Eficiente, fáciles de usar.
 Presenta mensajes apropiados para el usuario, en sus propios términos.
 Contempla errores posibles del usuario.
4 Características del Usuario / Tarea a Tomar en Cuenta en el Diseño
 Frecuencia, importancia y estructura de la tarea (predictibilidad).
 Conocimientos y experiencia del usuario: en computación, en su sistema, en
uso de aplicaciones similares.
 Tipo de usuario: rol desempeñado.
 El estilo cognoscitivo del usuario determina la presentación de la información:
cuadros, gráficos y similares.
Triangle Funky Users
Página 2 de 4
ESTÁNDAR INTERFAZ
GRAFICA DE USUARIO (GUI)
Ver. 1.0
5 Recomendaciones Generales para la Elaboración de GUI
 Los elementos de la interfaz deben estar agrupados de manera que guarden
una relación entre ellos.
 Se debe mantener en lo posible una alineación de los elementos, tanto
horizontal como vertical.
 Balance entre elementos de igual peso, no dejar espacios vacíos, pero sin
sobrecargar.
 Las palabras en menús, botones y mensajes deben ser adecuadas.
 Estética.
 En caso de presentar colores, usar los necesarios.
 Toda la interfaz debe tener el mismo idioma según lo desee el usuario. Para
nuestro caso será el idioma español.
 Los mensajes de error deben ser lo más específicos posibles pero a la vez
concisos.
 Ofrecer opciones de deshacer.
6
Algunas Recomendaciones para Casos Particulares
6.1 Recomendaciones para Usar Menús
 Organizar el menú según la secuencia óptima de pasos para la ejecución.
 Minimizar el número de niveles.
 Usar agrupaciones por jerarquías lógicas, entendibles y excluyentes.
 Ordenar los elementos del menú de la manera más natural para el usuario, por
secuencia de ocurrencia, frecuencia, importancia.
 Separar acciones destructivas (borrar).
 Elementos del menú deben ser de una palabra.
 Descripciones únicas dentro de un menú.
6.2 Recomendaciones para Usar Botones
 Usar botones para las acciones más frecuentes usadas.
 Mantener un estilo consistente: características de la etiqueta y dimensiones.
6.3 Recomendaciones al Usar Campos de Entrada de Datos
 Dos tipos: Línea Simple y Línea Múltiple (párrafo).
 Etiqueta: tomar en cuenta formato, alineación y espaciamiento.
 Campos de entrada: tomar en cuenta el tamaño, alineación y espaciamiento
horizontal y vertical.
Triangle Funky Users
Página 3 de 4
ESTÁNDAR INTERFAZ
GRAFICA DE USUARIO (GUI)
Ver. 1.0
6.4 Recomendaciones para Usar Opciones
 Especificar claramente si la selección de las opciones será excluyente o no.
 Usarlas si hay espacio adecuado.
 No usarlas para comandos.
Triangle Funky Users
Página 4 de 4