MODELOS DE DISEÑO DE ESTANDARES DE PANTALLAS DE SISTEMA Introducción: Para comenzar a detallar los estándares de pantallas de diseño primero tenemos que empezar por tener en claro que es un diseño de pantalla o en el mundo de los sistemas informáticos llamados interfaz, bueno es un programa que nos permite crear un entorno visual el cual me va a permitir a que mi sistema creado interactué con el usuario final.
La importancia de una interfaz bien diseñada La facilidad de usos del diseño de su aplicaron no es simplemente una sutileza filosófica que se debería tener en cuenta, sino que resulta esencial para el éxito de dicha aplicación, la inversión que realice r ealice en el diseño de su aplicación no solo contribuirá a dar soporte y mantener a los clientes existentes, sino también aumentar el numero. Por lo tanto esa inversión en el diseño de la aplicación afecta directamente al planteamiento actual y futuro. La extendida utilización de características como los cuadros de diálogos habituales y los controles han aumentado la coherencia entre l as aplicaciones. Bueno una vez realizada la introducción se definirán los diferentes tipos de interfaces que puedo desarrollar a mi sistema y a la vez se podrá observar algunos normas requeridas para su implementación
INTERFACES DE LENGUAJE NATURAL Las interfaces de lenguaje natural son quizás el sueño e ideal de usuarios inexpertos, debido a que permiten a usuarios interactuar i nteractuar con la computadora en su lenguaje cotidiano o natural. No se requieren habilidades especiales de usuarios, quienes interactúan con la computadora mediante lenguaje natural. Las sutilezas e irregularidades que residen en las ambigüedades del lenguaje natural producen un problema de programación sumamente exigente y complejo. Los intentos por interactuar con lenguaje natural para algunas aplicaciones en las cuales cualquier otro tipo de interfaz no es factible (por decir, en el caso de un usuario que está incapacitado) se está obteniendo con algo de éxito; sin embargo, estas interfaces normalmente son caras. Los problemas de implementación y la demanda extraordinaria en los recursos de informática hasta ahora han mantenido las interfaces de l enguaje natural a un mínimo. Sin embargo, la demanda existe y muchos programadores e investigadores están trabajando diligentemente en las interfaces de lenguaje natural.
INTERFACES DE PREGUNTA Y RESPUESTA En una interfaz de pregunta y respuesta, la computadora despliega en pantalla una pregunta para el usuario. Para interactuar, el usuario introduce una
respuesta (mediante pulsaciones del teclado o un clic del ratón) y la computadora después actúa en esa información de entrada de acuerdo con su programa, en el siguiente ejemplo podemos observar un tipo de interfaz de pregunta y respuesta:
MENUS Una interfaz de menú proporciona al usuario una lista en pantalla de las selecciones disponibles. En respuesta al menú, un usuario está limitado a las opciones desplegadas. El usuario no necesita conocer el sistema pero tiene que saber qué tarea se debe realizar. Por ejemplo, con un menú típico de procesamiento de texto, los usuarios pueden escoger opciones para editar, copiar o imprimir. Sin embargo, para utilizar el mejor menú los usuarios deben saber qué tarea desean desempeñar. Los menús no dependen del hardware. Las variaciones abundan. Los menús se establecen para usar el teclado, lápiz óptico o el ratón. r atón. Las selecciones se pueden identificar con un número, carta o palabra clave. La consistencia es importante en el diseño de una interfaz de menú.
Cabe recalcar que un menú no depende del hardware al contrario se usan para controlar el software desarrollado y poseen algunos lineamientos como: •
•
•
•
•
•
Siempre se despliega la barra de menú principal. El menú principal usa palabras simples para los artículos del menú. Las opciones de menú principales siempre despliegan menús desplegadles secundarios. El menú principal debe tener opciones secundarias agrupadas en grupos similares de características. .Los menús desplegadles que se presentan cuando se hace clic en un artículo de menú principal con frecuencia consisten en más de una palabra. Estas opciones secundarias desempeñan acciones o despliegan artículos de menú adicionales. Los artículos de menú en gris no están disponibles para la actividad actual.
INTERFACES DE FORMULARIO (FORMULARIOS DE ENTRADA/SALIDA) Las interfaces de formulario consisten de formularios en pantalla o formularios que se basan en la Web que despliegan campos que contienen datos o parámetros que necesitan ser comunicados al usuario. El formulario a menudo es un factor similar de un formulario impreso que ya es familiar para el usuario. Esta técnica de interfaz también se conoce como método basado en el formulario y en formularios de entrada/salida. Los formularios para las pantallas de despliegue se configuran para mostrar qué información debe introducirse y dónde. La ventaja principal de la interfaz de formulario de entrada/salida es que la versión impresa del formulario proporciona documentación excelente. Muestra etiquetas para cada campo así como también contexto para las entradas. Los documentos que se basan en la Web se pueden enviar directamente al sistema de facturación si se involucra una transacción o pueden ir directamente a la base de datos del cliente si se está enviando una encuesta. Los formularios que se basan en la Web hacen al usuario responsable por la calidad de los datos y hacen disponible el formulario para completarlo y enviarlo en 24 horas, 7 días a la semana, desde cualquier parte del mundo. Hay algunas desventajas con los formularios de entrada/salida. La desventaja principal es que los usuarios experimentados se podrían impacientar con estos formularios y querrían formas más eficaces para introducir datos.
INTERFACES GRÁFICAS DE USUARIO Las interfaces gráficas de usuario (GUIs) permiten la manipulación directa de la representación gráfica en pantalla, la cual se puede realizar con la entrada del teclado, una palanca de juego o el ratón. La manipulación directa requiere mayor sofisticación del sistema que las interfaces vistas anteriormente.
La creación de GUIs representa un reto, debido a que se debe inventar un modelo apropiado de realidad o un modelo conceptual aceptable de la representación. El diseño de GUIs para uso en intranets, extranets y, aún más urgente, en Web, requiere una planeación más cuidadosa.
Acción Mínima del Usuario: es lo que se busca a la hora de desarrollar una interfaz para ello: •
•
•
Codificar los códigos en lugar de las palabras completas en las pantallas de entrada. Los códigos también se codifican al usar una interfaz de lenguaje de comandos. Un ejemplo es introducir una abreviación de dos letras en lugar del nombre del estado en una dirección. En una pantalla de GUI, los códigos se podrían introducir seleccionándolos de una lista desplegadle de códigos disponibles. Introducir únicamente datos que aún no están almacenados en los archivos. Por ejemplo, al cambiar o eliminar los registros de artículo sólo se debe introducir el número del artículo. La computadora responde al desplegar información descriptiva que se almacena actualmente en el archivo del artículo. Proporcionar caracteres de edición (por ejemplo, diagonales como separadores de campo de fecha). No es necesario que l os usuarios introduzcan caracteres de formateo tales como ceros a la izquierda, comas o un punto decimal al introducir una cantidad en dólares; ni tampoco necesitan introducir diagonales o guiones al introducir una fecha.
•
•
•
•
Usar valores predeterminados para los campos en las pantallas de entrada. Los valores predeterminados se usan cuando un usuario introduce el mismo valor en un campo de la pantalla para la mayoría de los registros a ser procesados. El valor se despliega y el usuario podría presionar la tecla Enter para aceptar el valor predeterminado o sobrescribirlo con otro nuevo. Las GUIs podrían contener casillas de verificación y botones de opción que se seleccionan cuando se abre un cuadro de diálogo. Proporcione menús sensibles al contexto que aparecen cuando se hace clic en un objeto con el botón derecho del ratón. Estos menús contienen opciones específicas para el objeto bajo el ratón. Diseñar un programa para consultar registros de modo que el usuario sólo necesite introducir los primeros caracteres de un nombre o descripción del artículo. El programa despliega una lista de todos los nombres de coincidencia, y cuando el usuario escoge uno, se despliega el registro correspondiente. Proporcionar pulsaciones del teclado para seleccionar opciones del menú desplegadle con frecuencia, estas opciones se seleccionan usando un ratón, seguido por algún tecleo. Los usuarios deben mover sus manos del teclado al ratón y viceversa. Conforme los usuarios se familiaricen con el sistema, las pulsaciones del teclado proporcionan un método más rápido para manipular los menús desplegadles, debido a que ambas manos permanecen en el teclado.
FUNCIONAMIENTO NORMAL Y CONSISTENCIA El sistema debe ser consistente en su juego de pantallas y en los l os mecanismos para controlar el funcionamiento de las pantallas en las diferentes aplicaciones. La consistencia hace más fácil para los usuarios aprender a usar nuevas partes del sistema una vez que están familiarizados con un componente. Puede lograr la consistencia mediante lo siguiente: •
•
•
•
Localizar títulos, fecha, tiempo y mensajes de retroalimentación en l os mismos lugares en todas las pantallas. Salir de cada programa mediante la misma clave u opción de menú. Sería un diseño pobre usar la tecla de función 4 (F4) para salir del programa AGREGAR CLIENTE y la tecla de función 6 (F6) para salir del programa CAMBIAR CLIENTE. Cancelar una transacción de forma consistente, normalmente usando una tecla de función [generalmente F12) en una computadora central y la tecla Esc en una PC. Obtener ayuda de forma estandarizada. La tecla estándar para la ayuda es la tecla de función 1 (Fl) y la mayoría de los desarrolladores de software está adoptando esta convención.
•
•
•
•
Estandarizar los colores usados para todas las pantallas. Los mensajes de error normalmente se despliegan en rojo. Recuerde mantener el mismo color de fondo de pantalla para todas las aplicaciones. Estandarizar el uso de iconos para funciones f unciones similares al usar una interfaz gráfica de usuario. Por ejemplo, un pedazo pequeño de papel con una esquina superior torcida con frecuencia representa un documento. Usar terminología consistente en una pantalla de despliegue o sitio Web. Proporcionar una forma consistente para navegar entre los diálogos. Por ejemplo, encuentre una forma consistente para agregar registros o para trabajar con un sitio Web, tal como usar los mismos botones para Atrás
y Adelante.
•
Usar alineación, tamaño y color de fuente f uente consistente en una página Web.
La necesidad de Sencillez Mejorada Las computadoras siguen siendo demasiado “difíciles de utilizar”, los usuarios suelen quejarse del gran numero de características que encuentran en l as aplicaciones, mucho usuarios esperan que las computadoras sean fáciles de usar y justamente es ahí la importancia de conseguir una sencillez que esta relacionada directamente con la interfaz por que es en ella donde finalmente va interactuar el usuario con el sistema, ojo y al hablar de sencillez no significa eliminar funciones, sino invertir mas tiempo y dedicación en el diseño.
Lista de Comprobación para una buena Interfaz Continuación algunos pasos de las “buena costumbres para lograra una buena interfaz”: •
•
•
•
•
La aplicación debe instalarse fácilmente con el numero mínimo de pasos. La aplicación evitara los nombres de archivos crípticos en los archivos visibles La aplicación no escribe archivo en la raíz del disco duro. La aplicación no deberá mostrar las entradas Ayúdame, léame, desinstalar en el menú inicio. La aplicación no utiliza el área de notificación de la barra de tareas para presentar informaron de estado, para lanzar aplicaciones o utili dades o
para consultar propiedades. Solo utilizara las áreas de notificación para un cambio importante. •
•
•
La aplicación es accesible mediante el teclado. La aplicación deberá funcionar correctamente si el usuario aumenta de tamaño de la fuente predeterminada. La aplicación se ajusta adecuadamente cuando el usuario cambia la resolución de la pantalla y también para las configuraciones con varios monitores.
Principios y Metodologías de Diseño Una interfaz de usuario bien diseñada esta construida sobre principios y procesos de desarrollo centrados por un a parte en los usuario y por otra en los datos usados. 1.
Principios Princi pios de diseño centrados c entrados en el e l usuario : para ello ell o tenemos los siguientes principios.
El usuario tiene el control : Un principio importante es que el usuario debe sentir que controla el software y no sentirse controlado por el software, pero a la vez tiene varias implicancias: •
•
•
•
•
La suposición desde el punto de vista operativo es que el usuario es el que inicia el sistema (no computadora ni el software), el juega un papel activo y no reactivo, para ello debemos de automatizar las tareas pero pensando en que el usuario pueda elegirla o controlarla. Como los usuarios son muy distintos en cuanto a preferencias y conocimientos se debe personalizar algunos aspectos de interfaz. El software debe reflejar la configuración del usuario para distintas propiedades del sistema como colores, fuentes, etc. El software debe ser lo mas interactivo y obediente posible. Evitar los modos siempre que se pueda; un modo limita la interacción especifica del usuario con el sistema. Cuando un modo sea la mejor alternativa posible de diseño o la única (como seleccionar una herramienta concreta en un programa de dibujo) asegurarnos de que el modo sea obvio y visible para ser aplicado por el usuario final. Utilizar ventanas secundarias sin modo siempre que sea posible. Ejecutar los procesos que tarden mucho en terminar como tarea de fondo, manteniendo la aplicación frontal interactiva. Eje: cuando se esta imprimiendo el usuario será capaz de minimizar la ventana aunque no se pueda modificar.
Claridad : Diseñar el software de forma que los usuarios puedan manejar directamente las representaciones software de la información, ojo tener en cuenta que tener la información y las opciones visibles reduce la carga mental del usuario final. Los usuarios pueden reconocer un comando mas fácilmente de lo que podrían recordar de su sintaxis. Coherencia: Coherencia: permite a los usuarios aprovechar sus conocimientos existentes en nuevas tareas, aprender aprender cosas nuevas más más rápidamente y concentrar mas su atención en las tareas. La coherencia es importante en todos los aspectos de la interfaz, incluida nombre de los comandos, la representación visual de la información, el comportamiento operativo y la ubicación de los elementos en la pantalla. Para hacer esto se debe tener presente lo siguiente: •
•
Coherencia dentro de una aplicación: presente todas las funciones mediante un conjunto coherente de comando e interfaces. Coherencia dentro del sistemas operativo: si mantiene un alto nivel de coherencia con los convenios de interacción e interfaz proporcionados por (WINDOWS O LINUX,etc) el software se beneficiara de la capacidad de los usuarios.
Perdón: Perdón: a los usuarios les gusta explorar una interfaz y a menudo aprenden mediante ensayo y error. Una interfaz eficaz debe permitir un comportamiento interactivo. Debe proporcionar únicamente conjunto de pociones adecuadas y advertir al usuario en las situaciones que pueden dañar el sistema o datos. Los usuario pueden cometer errores hasta en las mejores interfaces diseñadas tanto física (apuntar accidentalmente a comando o datos incorrecto) o mentales (tomar una decisión incorrecta sobre que comando o dato seleccionar) un diseño eficaz evita las situaciones propensas a errores. Retroalimentación: Retroalimentación: proporcionar siempre una retroalimentación para las acciones del usuario. Una buena retroalimentación ayuda a confirmar que el software esta respondiendo a dichas acciones. Nada desconcierta mas a los usuarios que una pantalla murta que no responde a sus acciones . Un usuario típico no tolerara unos pocos segundos de una interfaz que no responda. Estética: el diseño visual es una parte importante de la interfaz de una aplicación. Los atributo visuales proporcionan impresiones valiosas y comunican información importante sobre el comportamiento interactivo de objeto concretos, se debe ofrecer un entorno coherente que contribuya claramente a que el usuario entienda la información presentada. Sencillez: una interfaz debe ser sencilla (no simplista), fácil de aprender, fácil de utilizar. También debe proporcionar acceso a toda la funcionalidad de una aplicación. Maximizar la funcionalidad y mantener la sencillez son dos aspectos enfrentados en la interfaz. Un diseño eficaz es el que equilibra estos dos objetivos. La sencillez tiene relación con la familiaridad; las cosas familiares a menudo parecen más sencillas y eso le dará una validez tremenda a nuestro diseño frente al usuario final.
. 2.
Diseño Centrado Centr ado en los Datos : el diseño centrado en los datos significa que el diseño de la interfaz ofrece soporte de un modelo en el que un usuario puede examinar los datos y editarlos directamente
Objetos como Metáfora: una interfaz de usuario bien diseñada di señada proporciona un arco inteligible y coherente en que los usuarios pueden trabajar sin verse confundidos por los detalles de la tecnología subyacente. Características de los Objetos: los objetos tanto en el mundo real como en las representaciones para las computadoras tiene ciertas características que nos ayudan a entender lo que son y como se comportan, entre ellas tenemos las siguientes: •
•
•
Propiedades: tienen características o atributos que definen su aspecto o estado (color, tamaño y forma). Operaciones: las cosas que pueden hacerse con un objeto o a un objeto se consideran operaciones. Relaciones: los objetos siempre existen en el contexto de otros objetos.
Conclusiones: •
•
•
•
•
Es importante contar primeramente con una adecuada implementación de hardware (procesadores, tarjetas graficas) y software para el desarrollo de interfaces. Las combinaciones de interfaces pueden ser sumamente eficaces. Por ejemplo, usar menús desplegables con interfaces gráficas de usuario o emplear menús anidados en interfaces de pregunta y respuesta produce combinaciones interesantes. La necesidad de usuarios por la retroalimentación del sistema también es una consideración importante. La retroalimentación del sistema es necesaria para permitir a usuarios saber si su entrada es aceptada, si la entrada es correcta o incorrecta, si el procesamiento sigue adelante, si las peticiones se pueden o no procesar pr ocesar y si está disponible información más detallada y cómo conseguirla. Las consultas se diseñan para permitir a usuarios extraer datos significativos de la base de datos. El diseño de Web toma ventaja de los hipervínculo para permitir a usuarios tomar varias rutas conforme interactúen con el sitio Web
Bibliografía: •
•
Diseño de interfaz de usuarios para aplicaciones Windows, Antonio Vaquero Sánchez, Sánchez, Editorial Mc Graw Hill-2002. Análisis y Diseño de sistemas, KENNETH E. KENDALL-vol. 6, Editorial PRENTICE HALL INC-2003
