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