Interfaces de Usuario

Concepto, características y diseño.

Son el ultimo eslabón de la cadena de producción de los sistemas de información, cadena que comienza en el diseño de sistemas electrónicos. Sin embargo son, igualmente, los grandes olvidados y donde la evolución ha hecho menos efecto.

Interfaz de Usuario: Lugar de contacto entre dos entidades, el usuario (persona humana) y el sistema de información.
Conjunto de objetos, herramientas y representaciones visuales para gestionar la comunicación entre usuarios y computadores

La importancia de las IU radica principalmente en su relación con el ser humano, y la necesidad absoluta de tener en cuenta factores propios del mismo, dicho de otra forma, de la necesidad de considerar los factores y condicionamientos propios de las personas que han de utilizarles. En el peor de los casos, una mala IU, presenta mal y de forma no entendible la información, la secuencia de acciones a realizar por el usuario es confusa, causa problemas y malfuncionamientos y el usuario  se opone a una utilización incorrecta. Todo ello lleva a un manejo erróneo y por lo mismo al mal funcionamiento del sistema de información.

Por otra parte, la IU, es la parte visible de  cualquier sistema y el medio que se utiliza para juzgar el mismo y la causa de que muchos sistemas sean descartados sin entrar en consideraciones sobre su funcionalidad.

No hace muchos años, las IU eran representadas en terminales alfanuméricos, donde las posibilidades de representación de la información era elementales, tal vez por ello, la necesidad de estudio de las mismas no eran muy grandes y con una simples normas básicas de representación se podrían cumplir unos requisitos suficientes para considerar la interface de calidad.

La aparición de las Interfaces Gráficas de usuario (GUI) tipo Windows, XWindows, MAC, ... y su popularidad hacen que en la actualidad sea lo que el usuario ve y espera necesariamente, pero a su vez complican las decisiones a tomar a la hora de presentar información e interactuar con el usuario. Las principales ventajas que nos proporcionan en la actualidad los GUI:

• Son relativamente fáciles de usar y de aprender y los usuarios sin experiencia en computadores se adaptan fácilmente a las mismas.
• Permiten la multitarea, al soportar el cambio entre varias pantallas sin que el usuario pierda información, esta sensación de "libertad" que evita que el usuario se sienta encerrado, es siempre cómoda u agradable para el mismo.
• Los movimientos rápidos, con una simple acción, a través de la pantalla, son posibles y facilitan las tareas del usuario.

Las Interfaces gráficas son mucho más complejas que las interfaces alfanuméricas y permiten el manejo de una cantidad mayor de elementos en la construcción de las interfaces de presentación de información y interacción con el usuario. Ello lleva a la consecuencia de que el diseño es mucho más complejo,debiéndose tener muy en cuenta aspectos como el tratamiento del color y los convenios gráficos e iconográficos que se salen del ámbito meramente técnico, haciendo necesario la concurrencia de especialistas en diseño gráfico y en la consideración de factores humanos y personales.

Evolución de las IU.

1. Interfaces alfanuméricas
   con limitación en la cantidad de información a presentar y manejando un limitado número de elementos de representación y acciones con el usuario.
   Prácticamente no utilizadas en la actualidad.
2. Interfaces Gráficas
   manejando un mayor número de elementos y acciones posibles, lo cual se debe al los medios de manejo gráfico de los terminales y a toda una filosofía de manejo. Se permite la multitarea y se dota al usuario de mayor libertad y posibilidades de decisión.
3. Interfaces Especializadas
   para trabajos muy concretos en ámbitos muy determinados, su complejidad y características de manejo dependen del ámbito y situación de manejo.
   Estas interfaces encuadran desde los cajeros automáticos de los bancos hasta las pantallas interactivas de control de procesos en líneas de producción.
4. WEB
   Popularizado en Internet y actualmente considerada como la interface básica de manejo de sistemas de información.
   Sus características no se alejan mucho de las interfaces gráficas clásicas, pero tienen ciertas particularidades que han necesario su diferenciación y tratamiento particular.
5. Interfaces multimedia
   utilizadas en juegos, presentaciones multimedia y aplicaciones muy especiales
   su tratamiento y características son muy particulares y las posibilidades de las mismas y de los medios multimedia utilizados hacen que su estudio se separe del de las interfaces anteriormente mencionadas.

Elementos de las GUI

Las GUI son complejas, pero en su composición entra un número muy limitado de elementos básicos que el programados ha de manejar:

• Ventanas (Windows)
  Representan áreas de pantalla convenientemente delimitadas en la que se produce la interacción con el usuario.
  Múltiples ventanas pueden ser presentadas al usuario, cubriendo parte o totalmente la ventana, el usuario tomara la decisión de que ventana mostrar (adquirir el foco) y cuando y como cambiar la atención (o foco) de una ventana a otra.
• Iconos
  Son abstracciones gráficas muy sencillas de acciones y conceptos que son presentados al usuario para una más fácil identificación y rápida interacción.Los iconos representan muchos tipos de información, desde un simple fichero hasta datos complejos y acciones.
• Menús
  Son listas de comandos convenientemente identificados para que el usuario pueda seleccionar fácilmente uno de ellos.
• Puntero (Mouse y teclado)
  permiten al usuario la fácil selección y activación de uno de los conceptos representados en la interface gráfica, indicando la necesidad de una acción o el especial interés (dar el foco) sobre un elemento o datos representado en la misma.
• Gráficos
  permiten ser utilizados de múltiples formas en las ventanas, mezclados o en conjunción con cualesquiera otro elemento, para la mejora y de representación y ayuda a la comprensión de las ideas representadas en la información tratada.

Principios de diseño

El diseño de las GUI ha de tener en cuanta: necesidades, experiencia y capacidades de los usuarios. Los posibles usuarios han de ser tenidos en cuanta en el diseño, ya que este no puede ser realizado exclusivamente a partir de las abstracciones realizadas en pasos anteriores del ciclo de vida. Una de la forma de realizar este contacto con posibles usuarios es la realización de un prototipo, que contemple lo esencial de la interface a desarro0llar. este prototipo es puesto a disposición de usuarios, que lo podrán manejar y suministrar sus opiniones y dudas al diseñador.

Siempre se ha de tener en cuanta las limitaciones físicas y mentales de los usuarios, de estas la más importante sea, quizá, las limitaciones que la mente humana tienen de reconocer conceptos nuevos y de aceptar ítems de información simultáneamente. También hay que tener en cuanta que existen conceptos comunes y convencionales que son aceptados inconscientemente por el celebro, la utilización de estos conceptos en las interfaces facilita su manejo por los usuarios.

Dicho de otra forma, el diseño de las interfaces de usuario ha de centrarse en el conocimiento de usuario y de sus capacidades, ya que los sistemas de información han de centrarse en solucionar problemas al usuario. El sistema ha de pensar en las tareas del mismo y en que esas tareas son el objetivo de la propia interacción hombre-maquina. Por ello se insiste en la participación del usuario en las tareas de diseño de las interfaces.

Familiaridad
Se han de utilizar términos y conceptos sacados de de la experiencia y ámbito de potenciales usuarios.

El usuario no se ha de ver forzado a adaptarse a la interface porque sea conveniente que la misma sea de una determinada forma. La interface ha se usar términos familiares al usuario y los objetos manipulados por el sistema han de ser una analogía directa del entorno del usuario. La analogía más común y casi siempre utilizada es la de la "oficina", pero siempre se  ha de particularizar.

Consistencia
similares acciones y conceptos han de tener similar disposición y representación en la interface.

Esta consistencia significa que  todos los elementos, comandos y menús a lo largo del sistema han de tener similar formato, los parámetros han de ser pasados de igual forma. Ello implica que se facilita el aprendizaje del sistema ya que lo aprendido en una parte del sistema es de utilización en el aprendizaje del resto.

Es importante mantener la consistencia a lo largo de los distintos subsistemas y los comandos, acciones y representaciones ser la misma en todos ellos, la existencia de diferencias puede tener consecuencias importantes.

Se pueden considerar dos niveles de consistencia:

1. Bajo nivel
   como es el hecho de igual representación de comandos con teclas o combinaciones de teclas. Esta consistencia a bajo nivel es totalmente necesaria.

2. Alto nivel
   la consistencia de alto nivel es siempre deseable y siempre ayuda a mejorar la calidad de la interface.

Comportamiento fiable (mínima Sorpresa)
El usuario no ha de ser sorprendido con el comportamiento de la interface.

El usuario siempre tiene dificultades cuando el usuario responde de una forma sorpresiva o no esperada. Los usuarios siempre tienen un modelo de funcionamiento y si realiza un cambio en el sistema se espera un comportamiento determinado. Si el sistema reacciona de forma sorpresiva para ese comportamiento e usuario puede sorprenderse y realizar acciones no esperadas que causen malfuncionamientos o perdida de información.

Es, por lo tanto, absolutamente necesario que los interfaces aseguren que todas las acciones son las esperadas en el contesto propio en que se encuentran.

Restablecimiento
Se han de incluir mecanismos que permitan al usuario retornar a estados anteriores que permitan corregir sus propios errores.

Los usuario cometen inevitablemente errores. es misión de la interface minimizar dichos errores, pero no podrán ser eliminados, por lo que se han de incluir medios para que el usuario pueda rehacerse de dichos errores. Existen dos tipos de estos medios:

• Confirmación de acciones destructivas
  si el resultado de la interacción del usuario es una acción potencialmente destructiva, se ha de pedir al usuario confirmación de que realmente la quiere realizar, para lo cual se ha de indicar claramente la acción pedida , los resultados de la misma y pedir su confirmación.

• Implementar facilidades de "deshacer"
  el comando deshacer retornara el sistema a un estado anterior al del error. se pueden establecer múltiples niveles del comando ya que en muchas ocasiones el usuario no se da cuenta instantáneamente del error cometido. la implementación de este comando es siempre costosa, pero es habitual en prácticamente todos los sistemas actuales.

Ayuda en línea
el usuario debe disponer de sistemas de guía y ayuda sensible al contexto.

Se ha de integrar con la interfaces las ayudas y guías necesarias a diferentes niveles, desde avisos y comunicación de las acciones hasta manuales completos. Las ayudas han de ser estructuradas y conteniendo la información necesaria en cada momento, evitando sobrecargar de información no necesaria en ese momento.

Interacción Usuario-Máquina

El diseñador de GUI ha de trabajar con dos importantes líneas de objetivo:

1. presentación de información proveniente del sistema de información
2. recoger la información que el usuario quiera transmitir al sistema de información.

las dos metas han de ser integradas de forma coherente en un marco de trabajo (framework) que sea una metáfora del mundo real entendible por el usuario, esta se denomina metáfora de la interface y será la base del consiguiente diseño.

Manipulación Directa

Una interface de manipulación directa presenta al usuario la información con un modelo de su espacio de información de forma que el usuario interactua con la información a través de acciones directas como son: borrar información, moverla, remplazarla, ... etc, no siendo necesario el lanzamientos de mandatos específicos para realizar estas modificaciones. Los cambios en la información son presentados inmediatamente de forma que el usuario recibe inmediata noticia de los resultados de sus acciones. Un ejemplo típico de este tipo de interface son los tratamientos de textos actuales.

Las ventajas de este tipo de interface son:

• El usuario "siente" que controla la información y no es intimidado por el ordenador.
• El tiempo de aprendizaje se reduce drásticamente. A pesar de esta facilidad de uso, siempre es necesario un entrenamiento básico del usuario para manejar estas interfaces. Usuarios inexpertos pueden cometer fácilmente errores y malfuncionamientos.
• El usuario conoce el inmediato efecto de sus acciones , lo errores, por consiguiente, son detectados y corregidos rápidamente.

Los problemas en el diseño de esta interfaces:

• Creación de la metáfora apropiada
  la elección de mas metáfora apropiada para ser utilizada en el diseño tiene una cierta dificultad. A pesar de utilizar, de forma prácticamente universal, la metáfora del "escritorio" usada por lo entornos gráficos más populares (Windows, MAC, ...) hay ciertas ocasiones en que es difícil adaptarse a la misma sin perder coherencia.
• Dificultades de "navegación"
  si el espacio de información es muy grande, y dada la libertad para moverse o "navegar" a través del espacio de información, el usuario puede perderse si no se le suministra suficiente información de "donde se encuentra". Los medios y técnicas para realizar esto son muy determinados y entran en el estudio de los hipertextos.
• Alto coste
  En general las interfaces de manipulación directa son un tanto arduas de programar y hacen uso extensivo de los recursos del sistema necesitando estaciones de trabajo potentes y con Hardware un tanto costoso.

El medio más utilizado para crear interfaces de manipulación directa es el Formulario (form) o dialogo,en el que se presenta al usuario una ventana con campos (fields) convenientemente etiquetados que el usuario puede manipular. Las etiquetas (label) de los campos informan al usuario de los contenidos o acciones del campo. El usuario interacciona con los campos manipulando la información en ellos contenida, moviéndose de un campo a otro mediante teclas especificas (normalmente la tecla tab) o usando un puntero (Mouse) para señalar directamente el campo sobre el que poner la atención (foco).

Cada campo del formulario puede tener asociado una serie de chequeos o funciones de transformación que ayuden al usuario a la correcta introducción de los datos. En otros casos, si un relativo escaso número de entradas posibles forman la entrada, un menú puede ser utilizado para que el usuario seleccione la entrad correcta sin cometer errores.

Interfaces modelo de información.

Metáfora: Imagen mental comprensible de objetos reales

Como ya se ha mencionado, la necesidad de conseguir interfaces consistente pasan por la utilización de una metáfora consistente en el diseño de la interface. Esta metáfora trata de simular el comportamiento de una parte del mundo real suficientemente conocida por el usuario.

Le mejor forma de conseguirlo es la utilización de la metáfora del escritorio para la interacción del usuario con el sistema. Esta metáfora representa en la pantalla un escritorio como los usados normalmente en el mundo de las oficinas, los conceptos del escritorio son representados por iconos  que tienen su representación en acciones del sistema. Esta metáfora es la utilizada normalmente en los sistemas GUI más populares.

Sin embargo, los sistemas más complejos o muy especializados tienen dificultades en seguir esta metáfora. En estos casos se mantienen la metáfora pero se le añaden algunas extensiones que siguen conceptos propios del sistema y del mundo real de los potenciales usuarios, creando, de esa forma, representaciones de los comandos propios del sistema. Así muchos diálogos que son paneles de control de estos sistemas complejos son formularios con una serie de iconos, representando cada uno de ellos un comando en particular. Activando el icono (con el puntero) es una acción similar a teclear el comando representado. En casos más complejos controles especiales son representados en el formulario para simular acciones especiales.

Los paneles o formularios típicos integran una serie de controles típicos que se pueden encuadrar en una de las siguientes clases:

• Botones (Buttoms)
  Pulsando (o haciendo click) en ellos se inicia una cierta acción. Su forma esta muy definida y los existentes en una determinada interface suelen ser de tipos y nombres muy señalados.
• Interruptores (Switches)
  cuando existen una serie corta y determinada de opciones o estados fijos para un determinado mandato se suelen representar en forma de elementos en los que interaccionar para marcar inequívocamente cada uno de los estados.
• Menús
  son listas de opciones posibles, una de las cuales puede ser seleccionada por el usuario para iniciar una determinada acción o seleccionar un determinado estado. Se suelen representar por cuadrados de color gris con una base que les da título. Los menús pueden ser fijos o aparecer al activar el titulo de la base, este caso se denomina menú de cortinilla (Pull-down).
• Indicadores
  son controles fijos sin interacción por el usuario y que son mostrados por el sistema para indicar un determinado estado.
• Etiquetas (Labels)
  Son áreas en las que mediante texto o gráficos se indica al usuario información sobre el propio panel o sobre los contenidos de otras áreas del mismo. No suelen tener interacción con el usuario y su valor y forma de mostrarse puede ser manejado por el diseñador y cambiado a lo largo del desarrollo de la aplicación.
• Mostradores o Editores (Displays)
  Muestran una determinada información, generalmente textual, pudiendo el usuario interaccionar y modificar la  misma.
• Deslizadores (Sliders)
  indican un cierto valor mediante una representación de una escala en la que se desplaza un puntero. El usuario puede cambiar este valor pulsando sobre el puntero y deslizando el mismo a través del área de la escala.

Interfaces de menús

Tienen entidad propia, pero la principal razón de ser incluidas como un apartado en este estudio radica en que las GUI se suelen implementar con una doble filosofía de interacción directa y menús.

En este tipo de interfaces el usuario a de seleccionar una de las múltiples posibilidades de un sistema de menús para activar un cierto mandato en el sistema, no siendo necesario que el usuario teclee el nombre y parámetros del mandato. La selección en el menú se realiza directamente con el puntero (Mouse) o a través del teclado con teclas definidas como identificadores de las diversas opciones del menú (ShortCuts) o desplazándose por los menús con las teclas de dirección.

Las ventajas de estas interfaces:

• El usuario no necesita conocer la sintaxis de los mandatos.
• No se requiere esfuerzo de tecleado al usuario
• Los errores de tecleado son inexistentes. Los errores de entrada o selección de menús pueden ser minimizadas desactivando las opciones no validas desde la aplicación.
• Es posible implementar ayuda sensible al contexto.

Los menús pueden ser de dos tipos:

1. Directos
   aparecen como tal en la aplicación, todas sus opciones están visibles en cualquier momento para el usuario.
2. Cortinilla
   se desplazan al activarse otro control en la interface, a su vez pueden ser de dos clases:
   1. Pull-down, que se presentan al usuario como un titulo identificativo del menú, desplazándose y mostrando sus opciones cuando se activa (se hace click) en el mencionado titulo.
   2. Pop-up, que permanecen ocultos y aparecen mostrando su opciones cuando se activa una cierta entidad o control del formulario a la que están asociados, suelen disponer de opciones que representan acciones o mandatos aplicables al control asociado.

Los menús pull-down tienen la ventaja de que el usuario conoce su existencia. Al contrario, los menús pop-up nos son visibles y pueden sorprender al usuario, o el mismo desconoce su existencia y por lo tanto la aplicación de sus mandatos. Por el contrario los menús pull-down ocupan un cierto espacio en pantalla, lo cual puede ser un tanto molesto en ciertas ocasiones.

Un problema que puede surgir con la utilización de los menús, es el gran espacio de pantalla que pueden requerir si el numero de opciones de los mismos es grande. existen varias formas que pueden dar solución a ello:

• Menús con desplazamiento
  El menú solo presenta un número pequeño de opciones, indicando al usuario de forma visual (barras de desplazamiento) que existen más opciones que pueden ser visualizadas por el usuario accionando el desplazamiento del menú.
• Menús jerárquicos
  Las opciones del menú son organizadas de forma jerárquica, agrupando algunas opciones en submenus que son mostrados remplazando al menú predecesor cuando se activa alguna opción de este ultimo. Estos menús pueden contener gran número de opciones, pero tienen la dificultad de mostrar al usuario su exacta posición, por lo que puede perderse fácilmente.
• Menús "andantes"
  Realmente son un caso particular de los menús jerárquicos, donde el menú hijo se presenta lateralmente al menú predecesor, no ocultando a este, que se mantiene visible y disponible para el usuario.
• Menús en paneles
  las distintas opciones son presentadas en paneles que se muestran al activar una opción de otro menú o un control o elemento de la interface. estos paneles llamados de cortinilla (pop-up) pueden presentar asociado a las opciones del menú, otra información o controles añadidos, lo cual les convierte en medios muy versátiles en sistemas complejos. Los panes se cierran en cuanto pierden el foco o atención del puntero.

En algunos casos de sistemas de menús muy complejos,m es necesario disponer un mapa de los menús que pueda ser mostrado al usuario en cualquier momento, esto le permitirá buscar seleccionar y activar opciones definidas ya conocidas por el mismo. Estos mapas de menús permitirán también los llamados hipersaltos entre opciones, que representan la activación directa de una opción de un menú jerárquico, sin necesidad de activar las diversas opciones que llevan hacia el mismo.

Interfaces basadas en comandos (Command line Interface)

Requieren que los usuarios tecleen los mandatos y parámetros del sistema en una sintaxis correcta y aceptable. Las ventajas y desventajas de estas interfaces son:

• Crear un procesador de lenguaje para interpretar los mandatos es, generalmente, mas sencillo que crear una interface gráfica.
• El usuario a de aprender el lenguaje de mandatos y su correcta sintaxis. En algunos casos esto no es sencillo.
• Mandatos de una cierta complejidad pueden ser creados a partir de los mandatos simples, lo cual facilita que usuarios expertos realicen tareas complejas de manera muy eficaz.
• Los errores son muy probables y es necesario disponer de un sistema de tratamiento de errores muy potente.
• Este tipos de interfaces pueden ser muy concisas y puntualmente orientadas a facilitar la labor del usuario.
• El único dispositivo posible de interacción es el teclado.

Este tipo de interfaces esta orientado a usuarios muy expertos, que por otra parte requieren o se sienten mas cómodos trabajando con ellos. siempre necesitan un aprendizaje y preparación, por los que usuarios menos expertos pueden requerir otro tipo de interface.

Las interfaces de mandatos no están reñidas con los otros tipos (GUI o Menús) y pueden convivir perfectamente dando al usuario la opción de trabajar frente al tipo de interface con la que se encuentre más cómodo o la que más agradable sea para una determinada tarea.

Presentación de la Información

una de las dos misiones principales de cualquier interface de usuario es la de presentar información a los usuarios de forma que se de utilidad para los mismos.

Esta presentación puede ser un mero reflejo de las entradas que realice el usuario (en un tratamiento de textos, por ejemplo), pero también puede ser necesario presentar un gran numero de datos provenientes del sistema y las interrelaciones entre estos datos de una forma útil. Encontrar el mejor medio para realizar esta presentación implica un conocimiento de los usuarios, el ámbito de trabajo de los mismos y las razones para presentarles la información.

Generalmente es preferible mantener la información separada del sistema utilizado para su presentación, lo cual contradice los principio del paradigma orientado al objeto, pero se presupone que el diseñador de la información conoce la mejor forma de presentación de los mismos y por lo tanto es posible cambiar el sistema de presentación sin necesidad de cambiar el resto del sistema.

En el proceso de diseño de la forma de presentación de la información se han de tener en cuenta una serie de factores:

1. El usuario: ¿esta interesado en la información en si o en las relaciones entre datos?.
2. la rapidez de los cambios en la información y en el interés del usuario en el momento que se produce el cambio.
3. Si el usuario ha de tomar decisiones rápidas y ejecutar acciones en respuesta a dichos cambios
4. Si en usuario ha de interactuar con la información mostrada vía una interface de manipulación directa.
5. Si la información es textual o numérica y la importancia de las relaciones entre los ítems de la información

La información que no sufre cambios puede ser presentada de forma gráfica o textual, dependiendo de la ocupación de la misma. Si se realiza de forma textual diferentes colores o tipografías pueden ser utilizadas para mostrar los cambios en la información, mostrando de esta forma diferenciación entre la información estática y la que cambia a lo largo de la aplicación.

Generalmente la información textual es utilizada para presentar información de pequeño tamaño o que cambia de forma muy lenta. Información que cambia rápidamente o de gran volumen es presentada más eficazmente en form gráfica y sumarizando la misma. En muchos casos el interés radica en determinar valores anómalos de la información, lo cual también es realizado de forma gráfica con cierta comodidad aun en los casos que la presentación gráfica sea de más espacio que la presentación textual (por ejemplo una temperatura que ha de mantenerse en unos limites).

Información muy dinámica y con carácter numérico suele ser presentada en histogramas con formas análogas a los instrumentos que el usuario utilizaría en el mundo real y que son actualizados de forma continua por el sistema.

Los iconos y gráficos pueden ser igualmente utilizados para sumarizar información textual, si se hace necesario dar una representación visual de rápida interpretación, así un icono mostrando un signo de exclamación en colores fuertes, indica una llamada de atención a una determinada frase o información textual..

Uso del Color

El uso del color proporciona al diseñador de interfaces una dimensión extra y muy útil para cumplir las misiones de presentación de estructuras complejas de información. En algunos casos el uso de color es absolutamente necesario para la comprensión de estructuras complejas de color, pero en otros casos más sencillo el color se utilizará como llamas y señales visuales que permitan dirigir la atención del usuario.

Pero el uso del color puede ser problemático y conseguir que la interface sea incomoda y problemática para el usuario. Los errores más comunes en la utilización del color son:

• El color ha de ser utilizado en la transmisión de significados. Sin embargo se ha de tener en cuenta que una buen parte de los usuarios tienen problemas fisiológicos para la percepción del color y que el significado de un color puede variar de acuerdo a convenciones culturales e incluso profesionales.
• Si se utilizan muchos colores o colores muy fuertes o se utilizan colores de forma poco consistente el significado puede ser muy confuso. La fatiga visual y los efectos de abstracción que producen muchos colores juntos o colores muy brillantes pueden desaprobación de la interface por el usuario.

La utilización del color es siempre problemática y difícil, sin embargo se puede seguir las siguientes normas para lograr una utilización razonable:

• Limitar el número de colores a utilizar a no más de cuatro colores por pantalla y siete colores en el sistema. Ser conservador y selectiva la hora de utilizarles, el color se ha de utilizar para complementar la comunicación y no simplemente para mejorar aspectos visuales.
• Un cambio de color ha de significar siempre un cambio de estado en el sistema. El uso de estros cambios significativos puede ser muy importantes en interfaces complejas mostrando gran cantidad de relaciones entre elementos de información.
• Es posible utilizar el color para alcanzar misiones específicas en la interface. así el señalar identidad entre dos objetos o diferencia entre los mismos se puede realizar mediante la utilización razonada y consistente de colores.
• Utilizar el color de una forma especialmente consistente. Si un color es utilizado para señalar un aspecto importante de la interface (el rojo para señalar errores, por ejemplo) no ha de ser utilizado en ninguna otra forma.  Se ha de tener especial cuidado en mantener las convenciones que los potenciales usuarios tengan sobre el significado de los distintos colores.
• Se ha de conocer y tener especial cuidado sobre el uso de colores dispuestos  de forma conjunta. La propia fisiología del ojo hace que algunos colores tengan percepción y signifiquen distinto si están al lado de un área de otro color. Ciertas combinaciones de color son muy molestas y pueden causar fuerte rechazo en los usuarios.

El color puede ser una importante ayuda al diseñador de interfaces para la transmisión de mensajes en interfaces de cierta complejidad, pero siempre que se este en el conocimiento de las reglas para su correcto uso. En caso de no conocer las mismas, y como regla general, se ha de ser muy conservador en la utilización del color en las interfaces.

Ayuda en línea

Uno de los principales principios del diseño de interfaces de usuario es que el usuario ha de disponer en todo momento de la ayuda específica sobre el sistema. las ayudas en línea y los sistemas de guía del usuario son una parte muy importante del diseño y desarrollo de las interfaces de usuario de los sistemas de información. Este trabajo de desarrollo de ayudas cubre tres áreas:

1. Los mensajes que el sistema producirá en respuesta a las acciones del usuario
2. La ayuda en línea y sensible al contexto
3. La documentación de usuario generada en el ciclo de vida del sistema.

El desarrollo de los sistemas de ayuda ha de ser un proceso importante y tomado tan en serio como el desarrollo del sistema en si, de tal manera que incluso puede hacerse necesario en concurso y ayuda de profesionales de la escritura y diseño gráfico.

Mensajes del sistema

La primer experiencia que suelen tener los usuarios de un sistema son los mensajes de error. Un usuario inexperto comete siempre errores que han de producir mensajes que le comenten la ocurrencia de tal error, las consecuencias del mismo y las posibles acciones a tomar. Por ello los mensajes de error han de ser fácilmente entendibles y accesibles a usuarios inexpertos, sin que por ello compliquen el funcionamiento de usuarios con más conocimientos.

los mensajes han de ser siempre amables, concisos, consistentes y constructivos. Se ha de evitar mensajes abusivos, insultantes y prepotentes. No se han de utilizar sonidos o campanas que puedan confundir y preocupar al usuario. De ser posible se indicaran las consecuencias del error y las posibles acciones a tomar y siempre se unirá el mensaje a un sistema de ayuda en línea que amplíe información sobre el error y su solución.

Se ha de ser siempre positivo, evitando acusar al usuario del error y tratando de considerar la experiencia y ámbito del usuario en la redacción de estos mensajes , con el fin de evitar mensajes que puedan ser considerados de forma errónea. Así un mensaje correcto achacara el error al sistema y propondrá la solución en términos adecuados a la experiencia y ámbito del usuario.

Resumiendo los factores a tener en cuenta en el diseño de mensajes:

• Contexto
  El sistema ajustara el contenido del mensaje al contexto en uso y a las aciones particulares del momento
• Experiencia
  un usuario experto puede verse irritado ante mensajes largos con explicaciones obvias. Un usuario inexperto necesita explicaciones largas y detalladas, pudiéndose sentir perdido ante explicaciones cortas y concisas. De ser posible, ambos niveles han de ser considerados en el diseño de la interface.
• Nivel técnico
  El mensaje dependerá igualmente del nivel técnico o de los conocimientos propios del papel del usuario en la organización.
• Estilo
  No se ha de insultar ni culpar al usuario. Los mensajes han de ser positivos, activos y constructivos. Se han de evitar chistes o chanzas.
• Cultura
  hay ciertos aspectos culturales muy a tener en cuenta en el diseño de los mensajes. La cultura de potenciales usuarios ha de ser considerara a fin de evitar el uso de términos que pueden resultar insultantes para usuarios de un determino país, religión, ...

Diseño de ayudas en línea

Un caso en el que el usuario necesita ayuda es cuando aparece un mensaje de error ante el cual el usuario no sabe responder. Otros casos implican la resolución de preguntas como: ¿Que significa ...?, ¿como hacer ...?. El sistema ha de facilitar medios de ayuda que cubran todos los niveles posible en los que el usuario necesite de la misma.

Un sistema de ayuda ha de disponer de múltiples puntos de entrada, el usuario puede llegar a la misma a partir del punto superior de la jerarquía de mensajes, pero también puede entrar como consecuencia de un error, o pidiendo explicación sobre un determinado mandato, icono, ..etc. Y el sistema habrá de proporcionar las puertas que permitan todas estas entradas.

Los sistemas de ayuda en línea suelen tener una estructura jerárquica de tópicos, en la que unos tópicos tienen referencias hacia otros tópicos de nivel inferior. Existen también referencias cruzadas o referencias a otros tópicos en cualquier lugar de la jerarquía en una estructura de hipertexto. Los tópicos dispuestos en la parte alta de la jerarquía contienen información de carácter general, mientras que los tópicos de la parte inferior contienen información de tipo más particular.

El problema puede surgir si el usuario, una vez dentro del sistema de ayuda, no encuentra fácilmente el tópico con la información que le interesa, se encuentra perdido y abandona la confianza en dicho sistema de ayuda.

Presentar la información en múltiples ventanas separadas puede ayudar a una mejor lectura por el usuario, pero se ha de tener en cuenta que el tamaño de las pantallas es limitado y la aparición de múltiples ventanas puede oscurecer el sistema.

El texto, y la presentación del mismo en las pantallas de ayuda, ha de ser especialmente cuidado y preparado específicamente teniendo en cuenta las características propias de la lectura en pantalla. No se ha de utilizar una mera copia del manual escrito, se ha de tener en cuenta que la lectura en pantalla es más difícil y los textos han de ser más concretos y con características topográficas propias que ayuden a su lectura en línea.

dado que el usuario puede "navegar" entre los tópicos de un sistema de ayudas, se le ha de proporcionar sistemas de navegación o orientación que le permitan conocer en todo momento donde se encuentra y como localizar una información en particular. dada la posible estructura en forma de hipertexto de la ayuda, es posible la utilización de ayudas de navegación propias de los hipertextos para ayudar al usuario:

• Identificación del tópico actual
• Ventana de "Historial" con relación de los tópicos visitados.
• Botones de navegación: Adelante, Atrás, Inicio
• Botones de Desplazamiento en la jerarquía: Anterior, Siguiente, Primero, Ultimo, Indice.
• Indices y tablas de Contenidos
• Mapas
• Búsqueda por términos

de forma que el usuario sea capaz de llegar a un determinado tópico de la forma que le resulte más cómoda y útil en un determinado momento.

Documentación de usuario

La siguiente documentación ha de acompañar a cualquier sistema con el fin de garantizar su consistencia, buen funcionamiento y correcto uso por los usuarios:

1. Descripción funcional
   que le ida al usuario lo que el sistema puede realmente hacer y lo que no hace.
2. Manual de introducción
   Con una introducción al sistema describiendo su uso "normal" ilustrado con ejemplos sencillo. Incluirá instrucciones para arranque y parada del sistema y procedimientos de recuperación en los casos de parada anómala más corrientes.
3. Manual del usuario
   Con detalle de los principales procedimientos a realizar por el sistema y ejemplos de las líneas de trabajo más importantes.
4. Manual de referencia
   Con lista ordenada de todos los mandatos y procedimientos del sistema, así como lista completa de los mensajes de error y procedimientos de recuperación.
5. Manual de instalación.
   Con detalles para la instalación del sistema y sus necesidades de recursos, así como los tratamientos en casos especiales.
6. Manual del administrador
   con explicaciones técnicas sobre mantenimiento y adaptación del sistema, corrección de errores y resolución de malfuncionamientos.
7. Plantillas y fichas de ayuda
   necesarias en algunos casos, con explicación corta de los significados de las distintas teclas y de los principales mandatos del sistema.

Evaluación de Interfaces

Es fácil caer en la tentación de suponer que una atractiva interface gráfica es siempre mejor que cualquier interface alfanumérica. Es necesario un proceso de evaluación de la calidad de las posibles interfaces, evaluación que ha de tener en cuanta la usabilidad y el cumplimiento de los requerimientos del usuarios. Sin embargo se ha de tener en cuenta que en muchos casos las propias especificaciones del usuario restringen a que el sistema ha de funcionar en un sistema gráfico para un determinado tipo de pantalla, con lo que el proceso de evaluación de calidad se ve comprometido.

El sistemático proceso de evaluación del diseño de las interfaces gráficas puede ser costoso y complicado, ya que en muchos casos involucrara a especialistas en ramas muy diversas y el uso de laboratorios preparados a tal efecto. Por ello este tipo de evaluación no siempre es posible y hay que restringirse a evaluaciones de usabilidad de acuerdo a normas sencillas tendentes a localizar deficiencias de la interface. Estas técnicas se exponen a continuación:

• Recolección de información sobre cuestiones referidas a lo que los usuarios piensan de la interface:
  • Facilidad de aprendizaje
    Cuanto tarda un usuario inexperto en manejar la interface
  • Rapidez de operación
    En la practica normal de trabajo, cuan rápido es el sistema en responder a las acciones del usuario.
  • Robustez
    como tolera el sistema errores del usuario.
  • Poder de recuperación
    Como se recupera el sistema tras paradas imprevistas.
  • Adaptabilidad
    Cuan cercano esta el sistema al mundo real de trabajo.
• Observación de los usuarios trabajando con el sistema, fijándose en especial en la forma en que los usuarios tratan de realizar las operaciones.
• Captura en vídeo de usuarios frente al sistema.
• Inclusión en el sistema de código que permita capturar información sobre las acciones del usuario y los principales errores cometidos.

Otro sistema posible de evaluación pasa por construir un cuestionario con preguntas sobre el sistema y la interface que han de rellenar los usuarios. Las dificultades para ello radican en la problemática de realizar diseñar preguntas concretas y bien orientadas para evaluar los aspectos que son necesarios, así como pasar el cuestionario a usuarios de todo tipo y con cierta experiencia en el manejo del sistema, ya que un usuario inexperto puede estar resentido en demasía.

Un  método sencillo y de cierta eficacia es el que se basa en la observación directa del trabajo de los usuarios y posterior reunión con los mismos a efectos de comentar sus errores, dificultades, ..etc. La grabación en vídeo del trabajo de los usuarios es un medio muy poco costoso de recopilar información muy fiable y altamente objetiva sobre la utilización que hacen del sistema. este análisis en vidrio puede tener aspectos de estudio de productividad (cadenas de operación innecesarias, movimientos muy largos, ...) y ergometría  conjuntamente con el estudio propio del manejo de la interface.

El recopilar información estadística de manejo en código incluido en la interface permite detectar operaciones corrientes o comunes, operaciones que se realizan juntamente, operaciones que causan errores frecuentemente, ... y preparar los medios que permitan corregir, acortar o hacer más efectivas esas operaciones.

Otro medio muy sencillo de evaluar la interface es la inclusión de un sistema que permita al usuario remitir mensajes al diseñador, en línea y sin abandonar la interface. De esta manera el diseñador dispondrá de una información importante para realizar modificaciones de interés.

El principal problema de todo lo dicho anteriormente radica en la elección del grupo de usuarios con los que se ha de realizar a evaluación. Naturalmente no se puede generalizar el uso de una interface sin haber sido evaluada correctamente, por lo tanto se ha de elegir un grupo de usuarios determinado y bien seleccionado con el que realizar la evaluación, lo cual puede ser ciertamente problemático.

La WEB como interface de usuario

la WEB ha hecho llegar la información de forma barata y accesible a prácticamente todos los usuarios ya que esta prácticamente al alcance de cualquiera.  Ello a llevado a los proveedores de información afijase en la misma como medio de transmisión de sus productos hacia los posibles clientes.

Para estos proveedores la WEB significa una herramienta barata y eficaz de transmisión de conocimiento, actividades y servicios. Para los usuarios la WEB significa un gran repositorio e información a bajo costo. El principal problema para los mismos es la gran cantidad de información de muy distinta calidad disponible, el problema para localizar la información adecuada y con una calidad aceptable es llamado "sobrecarga de la información" y es necesario tenerle muy en cuenta  a la hora de preparar y diseñar sistemas que utilicen la WEB como interface con el usuario.

Para los proveedores esta sobrecarga de la información implica que han de promocionar el sitio y hacerle conocer al usuario, pero también implica que en el diseño de la interface ha de captar la atención del potencial usuario e interesarle lo suficiente para que sus visitas sean repetitivas.

Al igual que en otras interfaces el usuario a de ser el centro del diseño, la facilidad de navegación para el mismo es un punto clave del diseño. Pero se han de considerar otros aspectos como son el mensaje a transmitir, lo contenidos y la utilidad que los mismos reportan a los usuarios. La innovación tecnológica es importante pero siempre se ha de tener en cuanta el amplio abanico de medios de los diversos tipos de usuarios posibles y considerar los peores casos posibles.

Los requerimientos básicos de una interface basada en WEB se podrían resumir:

1. Declaración de propósitos
   declarando la razón de la existencia del sitio y su alcance. Es dinámica y puede cambiar a lo largo del desarrollo.
2. Información sobre la audiencia
   Conocimiento sobre los usuarios que pueden estar interesados en la WEB y su ámbito personal y laboral.
3. Dominio de la Información
   Temática del sitio, así como los limites de la misma y la información a proporcionar a los desarrolladores.
4. Lista de Objetivos
   Metas especificas a alcanzar basadas en la declaración de propósitos y la audiencia a la que se orienta. Se ha de tener en cuenta solo los objetivos concretos y considerando la perfecta coesistencia de todos ellos.
5. Especificación
   Descripción detallada de restricciones y elementos a considerar en el diseño e implementación. Se indicara las partes del dominio de información a representar y las técnicas a utilizar en cada caso.
6. Presentación
   La manera forma en la que la información es transmitida hacia el usuario. Al contrario que en las interfaces clásicas la presentación en la WEB adquiere una gran importancia.

La WEB tienen unas características propias que la diferencian de las interfaces clásicas, así se hace necesario considerar en el diseño que:

• Los contenidos son ilimitados en espacio y tiempo, la información esta disponible en cualquier sitio del mundo a cualquier hora.
• Contexto de uso en forma de hipertexto, creandose asociaciones entre trabajos e interfaces, sobrepasando el concepto de dominio en muchas fuentes de información.
• Distribución no jerárquica, la organización de la información es muy distribuida y el usuario podrá, en consecuencia, recorrer la información de múltiples formas. La información es porosa, con múltiples puntos de entrada y en forma que es imposible asegurar los recorridos de los usuarios.
• Dinamismo, naturaleza muy cambiante, tanto por las grandes posibilidades de incorporar nueva información, como por la gran cantidad de nueva tecnología que aparece diariamente y que hace pensar en nuevas formas de presentación.
• Innovación, en el sentido que la calidad e interés del sitio ha de ser superada constantemente para mantener el interés de los potenciales usuarios.

Principios de Diseño

Un decálogo sencillo y simple que permitirá a cualquier diseñador lograr un sitio de calidad:

1. Evitar los gráficos grandes en tamaño y en ocupación, disminuir la resolución, el número de colores o trcear el gráfico son técnicas utilices para disminuir el tamaño de los gráficos y agilizar, de esa forma, su transmisión.
2. No suplir lo que se pueda decir con texto por gráficos. En la mayor parte de los casos sustituir conceptos sencillos por gráficos solo ayuda a hacer más lenta la transmisión de las páginas.
3. Ser consistentes en la páginas, identificarlas con logos y esquemas de colores similares. Esto ayuda a mantener la identidad del sitio y agilizar la navegación, ya que los gráficos similares se mantienen en la cache del cliente.
4. Por lo mismo que lo anterior mantener los fondos iguales y un esquema y distribución similar.
5. Pensar seriamente en las características de la WEB y evitar la utilización de matáforas antiguas. Por ejemplo, se ha de evitar el cuadro de mandos tipo vídeo.
6. No castigar al usuario. Si mantienen un navegador antiguo no es culpa suya. Se han de considerar las peores condiciones de visualización para que nadie salga perjudicado con la imposibilidad de ver partes de la información.
7. Mantener enlaces siempre es más conveniente que copiar la información, sobre todo si la información es propiedad de otros sitio.
8. Concentrar el tema del sitio, no dispersar la información con páginas o bloques de información no relacionado con el tema central e innecesario para el mismo.
9. Evitar la vulgaridad.
10. Identificarse completamente, indicar los canales de comunicación con al persona y empresa u organización y ser correcto y educado.

Claves del Diseño

• Audiencia
  Constituida por los usuario que visitarán frecuentemente el sitio. Es necesario definir el perfil de los mismos y reflejarlo de forma clara en las páginas de entrada.
  Se ha de  determinar igualmente los problemas que el usuario trata de resolver accediendo al sitio.
• Calidad
  Refleja el grado en que al interface se adecuada a las necesidades y expectativas de la audiencia, tanto en contenido como en presentación. Entre los elementos que pueden ayudar a aumentar la calidad se podría citar:
  • Identificación de autor y organización
  • Fechar la información y notificar de cambios y cuando se producen los mismos
  • Revisar los vínculos y evitar vínculos erróneos, no activos y anticuados
  • Cuidar ortografía y sintaxis.
  • Disponer mecanismos de ayuda y retroalimentación.
  • seguir estrechamente las reglas de etiqueta de la red.
  • Evitar copias, pirateos y usos indebidos de elementos e información.
• Contenidos
  Es la información que el sitio pone a disposición de quienes le recorran, se han de tener ciertas precauciones en su manejo:
  • Poner la atención del contenido al principio de la página, dejando claro cual es el contenido de la misma y su estructura.
  • Evitar grandes cantidades de texto, la WEB es difícil de leer.
  • Emplear lenguaje directo y explícito.
  • Términos específicos, abreviaciones, títulos y conceptos importantes se han de resaltar con el empleo de negritas u otros atributos tipográficos.
  • Un texto con una ocupación grande se ha de proponer como archivo a bajar para su lectura fuera de línea, indicando la ocupación y características del mismo.
  • Brindar todos los vínculos de contexto apropiados para ampliar y complementar la información.
  • Los vínculos se han de comentar, indicando al usuario las características de la información a la que conducen.
• Arquitectura
  Es la organización que ha de tener la información acorde a las especificaciones del sitio. Una arquitectura ideal es la que proporciona al sitio flexibilidad, elegancia y eficiencia, para lo cual pueden ser útiles las siguientes indicaciones:
  • El diseño se ha de realizar de forma que se puedan incorporar, modificar o eliminar vínculos sin afectar a lo ya establecido y a su funcionalidad.
  • La interacción ha de ser amigable y fácil
  • Los gráficos pueden ayudar, pero su inclusión ha de ser cuidadosa, generan interés pero restan eficacia a la carga del sitio, pudiendo llegar a ser molestos al usuario.
  • Se han de evitar animaciones y fondos llamativos y estampados.
  • Se han de evitar dependencias de software y hardware, tanto en el servidor como en el cliente.
  • Se han de intentar conciliar los aspectos de flexibilidad y elegancia.
  • Un solo esquema de color se ha de utilizar en todos los elementos del sitio y mantenerlo en gráficos.
  • Se ha de ofrecer, siempre que sea posible, información sobre la estructura del sitio.
  • La información se ha de dividir en fraccionas acordes al tamaño de la pantalla, cuidando su presentación en la misma.
  • Se ha de establecer un "patrón universal" como modelo para el sitio y seguirle fielmente en todas las páginas.
  • No han de faltar en ninguna página: logo, identificación de autor y organización, fecha de actualización, título de la página y esquema de los contenidos de la misma.
• Innovación
  Es la mejora continua de la calidad del sitio. Involucra encontrar formas creativas y nuevas tecnologías para mejorar la presen tación y funcionalidad del sitio.
• Internacionalización
  Sería el soporte que ha de dar la interface para que personas de todos los ámbitos puedan acceder a la información en su propia lengua y acorde a sus características culturales.
  Este aspecto es muy caro y no se suele cumplir en ningún caso.
• Modelo Mental
  Para dar una buena impresión del sitio la estructura, servicios y navegación del mismo deben dar al usuario la posibilidad de crearse un modelo mental del mismo consistente, comprensible y sencillo. estos modelos mentales que el usuario puede construirse implican:
  • Libro, de lectura secuencial
  • Revista, donde una serie de artículos o apartados pueden ser leídos independientemente
  • Arbol, estructura jerárquica en la que cada tópico o tema conduce a otras con información más específica.
• Navegación
  se ha de dotar al sitio de todas las ayudas de navegación posibles. estas ayudas de navegación son las típicas y posibles en los Hipertextos:
• Vínculos
  Los vínculos son una parte importante de la WEB, se han diferenciar por forma y color del resto de los textos y contenidos y es conveniente evitar cambiar las costumbres existentes en la red.
  cada vinculo ha de tener su propio contexto, y dentro del mismo el usuario ha de tener información para decidir si en conveniente visitar al sitio referenciado.
  Es conveniente diferenciar entre los vínculos que referencian información en el propio sitio (internos) y los que llevaran al lector a otros sitios (externos).
  Si se utilizan gráficos como vínculos, es aconsejable añadir un texto explicativo que sea de utilidad en los casos en que el lector no pueda., o no quiera, ver el gráfico.

Herramientas e implementación

Prácticamente, desde la aparición de lenguajes de tercera generación (Cobol, Fotran, ...) han estado acompañados de lenguajes o utilidades para el diseño de Interfaces de usuario. algunos lenguajes, incluso, se basarón en las interfaces de usuario con centro de su funcionalidad (RPG, por ejemplo).

Las herramientas para la generación de lenguajes de usuario se pueden dividir en estas clases:

• Lenguajes de definición de controles
  Consistentes en lenguajes de alto nivel que tienen directivas relacionadas con los distintos controles que pueden ser utilizados en las Interfaces de usuario y que permiten determinas las características y funcionamiento propio de de cada control y las relaciones entre ellos.
  Con estos lenguajes se construyen script (o ficheros de comandos) que compilados generan código fuente u objeto, integrable con el resto de código en la generación final de la aplicación.
  Unas API o colección de funciones permite al código de la aplicación comunicarse con el código generado por el lenguaje generador de la aplicación.
• Herramientas Visuales
  Prácticamente realizan la misma labor que los lenguajes de definición anteriormente citados, y en muchos casos son una evolución de los mismos, de forma que al propio lenguaje se le dota de una interface gráfica de fácil manejo.
• Generadores de Aplicaciones
  Partiendo del diseño, generalmente gráfico, de las interfaces de usuario y definiendo la funcionalidad de las mismas en un lenguaje de muy alto nivel y basándose en los controles y formularios como centro de desarrollo, se genera la aplicación.
  Dentro de este grupo se pueden englobar los lenguajes de cuarta generación y otros entornos de desarrollo que en la actualidad se restringen a su utilización en aplicaciones para mainframes y servidores Unix.
• Entornos visuales de desarrollo
  Entre los que se encuadran los lenguajes de programación visual más populares del mundo PC: VB, Delphi y C++Builder. Estos entornos siguen una filosofía de programación orientada al evento, en la que los diversos controles de la interface quedan a la espera de que se produzca en los mismos unos determinados eventos o acciones del usuario. Estos eventos son capturados por la interface y pasados a unos procedimientos manejadores de eventos, que determinan el código a ejecutar en cada caso.
  Estos entornos disponen de una serie de librerías que definen cada control y su   funcionalidad básica. Los diversos controles son instanciados en el formulario que forma la interface gráfica y a los que se asigna unas propiedades que definen su apariencia y comportamiento, así como unos manejadores de eventos que indican las acciones a realizas en respuesta a las interacciones del usuario.
• WEB
  El lenguaje de etiquetas o directivas HTML permite la definición de interfaces de usuario muy complejas y de características bastante diferentes a las interfaces clásicas, de forma que su construcción y métodos de desarrollo son muy particulares, haciendo necesario un estudio particular y más detallado.
  las interfaces WEB son consideradas en la actualidad como la interface básica de desarrollo y el medio casi único de acceder a sistemas distribuidos de información.
  existen una gran cantidad de generadores y editores visuales de páginas WEB, que permiten la consecución de resultados altamente satisfactorios con relativamente poco esfuerzo.
  La incorporación de hojas de estilo (CSS) permiten mejorara en gran manera la apariencia de las las interfaces WEB sin deterioro de su funcionalidad ni eficacia.
• Interfaces de Usuario distribuidas
  Una serie de tecnologías permiten en la actualidad la construcción de interfaces de usuario que quedan residentes en un servidor a la espera de que cualquier usuario de la red pueda necesitarlas. Cuando una estación cliente hace uso de una página WEB que necesita dicha interface, el servidor procede a su suministro e instalación en la estación cliente, quedando desde entonces disponible para el mismo que puede interaccionar con al misma siempre que lo necesite.
  Active X y Apples de java, así como script de lenguaje Flahs y otros permiten este construcción de interfaces de usuario distribuidas.