Cuando se habla de Sitios Web, se denomina interfaz al conjunto de elementos de la pantalla que permiten al usuario realizar acciones sobre el Sitio Web que está visitando. Por lo mismo, se considera parte de la interfaz a sus elementos de identificación, de navegación, de contenidos y de acción.
Todos ellos deben estar preparados para ofrecer servicios determinados al usuario, con el fin de que éste obtenga lo que vino a buscar cuando visitó el Sitio Web. Por lo anterior, cada uno de los elementos que sean integrados dentro de la interfaz debe estar pensado para causar un efecto sobre el usuario y deben ser utilizados con un propósito.
En este sentido, es importante considerar que Jakob Nielsen, uno de los autores más citados en cuanto a la usabilidad de los Sitios Web, destaca que los elementos más importantes de la portada de todo Sitio Web se pueden resumir en cuatro postulados generales:
Como se puede apreciar, el foco central de una interfaz es permitir que el usuario que llega como visitante logre los objetivos que lo trajeron al Sitio Web y que ésta le facilite el acceso a los contenidos que están incorporados a través de sus pantallas.
Para conseguir esto, es necesario que la interfaz adopte los elementos, que detallamos en este capítulo, a través de los cuales será posible conseguir el cumplimiento de los postulados antes señalados.
La interfaz del Sitio Web, cualquiera sea el objetivo que persiga, debe dar cuenta de normas de carácter general, que se refieren a sus características como sistema de información y comunicación. Gracias al cumplimiento de éstas, el usuario logrará acceder a las informaciones que se le ofrecen y, además, podrá realizar las acciones que el organismo dueño del espacio digital le entrega a través de este sistema.
El Sitio Web de Jakob Nielsen está en http://www.useit.com/.Dichas características tienen que ver con los elementos de identificación, de navegación, de contenidos y de acción que el Sitio Web debe contener, todos los cuales se analizan en esta sección.
La existencia e importancia de dichos elementos, como asimismo la ubicación que deben tener en la interfaz, se ha visto comprobada a través de las investigaciones que se han hecho en torno a los Sitios Web. Con ellas se demuestra que las zonas que normalmente se ven en una visita inicial, están conformadas por una letra F o bien por un triángulo, cuya sección más revisada es la que se encuentra en la esquina superior izquierda. Lo anterior se aprecia en esta imagen tomada del Sitio Web de la consultora de Jakob Nielsen:
[D] Figura 1. Las imágenes muestran lo más visto en los Sitios Web a partir de las investigaciones de J. Nielsen; los colores rojos y amarillo indican lo más visto; azul y gris, lo menos visto (Copyright imagen: www.useit.com).
Por lo anterior, es importante que las interfaces se construyan tomando en cuenta esta evidencia, con el fin de asegurar que los visitantes reciban la información en cuanto lleguen al Sitio Web, permitiendo que el diseño web contribuya al mejor uso de los contenidos y funcionalidad, en lugar de afectar dicho uso.
Respecto de los elementos de la interface, los aspectos más relevantes a tener en consideración son los siguientes:
Si se revisa el siguiente esquema, se podrá ver la ubicación relativa de todos ellos:
[D] Figura 2. La imagen muestra un diagrama con los diferentes elementos que dan forma a la interfaz.
Se denomina "sistema de navegación" al conjunto de elementos presente en cada una de las pantallas, que permite a un usuario moverse por las diferentes secciones de un Sitio Web y retornar hasta la portada, sin sentir la sensación de haberse perdido en ese camino.
Para conseguir este objetivo el diseño web debe contemplar, al menos, que el sistema de navegación cuente con los siguientes elementos:
Eyetracking: sistema de comprobación de usabilidad que permite identificar, usando un dispositivo de detección de miradas, lo qué está efectivamente viendo un usuario que interactúa con una pantalla.Se entiende por "áreas de contenidos" a las zonas en la que se entrega la información en cada página web, sin importar el formato o los medios que ésta utilice.
Dentro de la zona de contenido se debe distinguir las zonas de título, resumen e información propiamente tal.
Para la zona de título, como se especificó previamente en esta versión de la Guía se debe trabajar con las estructuras definidas por las etiquetas <h...> que permiten indicar hasta seis niveles de importancia de los titulares (incluyendo títulos y subtítulos) utilizados en el documento. Es imprescindible para efectos de Accesibilidad por parte de personas con discapacidades físicas, en particular para quienes tienen problemas de visión, que el título principal del contenido se escriba usando la etiqueta HTML conocida como <h1> debido a que los lectores de pantalla usada por personas ciegas lo destacan como el título principal de la página.
El resumen en tanto, permitirá explicar en dos o tres líneas el contenido de la página y se podrá utilizar esa misma información para la etiqueta del encabezado que permite incluir una descripción.
Respecto del contenido o información propiamente tal, se debe privilegiar el uso de textos cortos, separados por subtítulos significativos que permitan entregar de manera concisa y clarea la información al usuario. Se debe recordar que las personas no leen en pantalla de la misma forma que en los documentos impresos, por lo que se debe privilegiar la economía de palabras.
Adicionalmente, como parte de los contenidos, siempre se deberá ofrecer información adicional, recursos multimediales y otros que aprovechen el hecho de que el usuario accede a la información a través de un sistema computacional. Nuevamente, se debe recordar que los contenidos que no sean textuales deberán cumplir con las normas de accesibilidad recomendadas por el W3C, las cuales han sido adoptadas por el Gobierno de Chile a través del DS 100-2006.
Se entiende por "áreas de interacción" a las zonas en la que se ofrece realización de acciones por parte de los usuarios del Sitio Web, a través de las cuales pueden utilizar los servicios de la institución que pone en marcha el espacio digital. La interacción, en este sentido, va desde acciones menores que pueden ser enlaces para mayor información o suscripción a servicios informativos periódicos, hasta la realización de trámites complejos como la obtención de certificados o el pago de obligaciones.
Uno de los elementos que se debe tener en cuenta en este aspecto es que el usuario normalmente entiende que las zonas de contenidos son para leer y revisar información y las zonas de interacción son las que muestran botones y en ellas no se lee, sino que se ingresa información y se desarrolla la actividad que el sitio ofrece llevar a cabo.
Por lo mismo, es necesario que en las zonas de interacción haya la mínima información posible y que siempre sea la necesaria para llevar a cabo en forma adecuada la acción a que se refiere la interfaz.
Por ejemplo, debido a que normalmente la interacción tendrá lugar a través de un formulario, es necesario que éste sólo cuente con los datos mínimos para que el usuario ingrese lo solicitado para activarlo. En los siguientes ejemplos se hace un comentario sobre esta forma de trabajo.
Ejemplo 1: la pantalla muestra un sistema de interacción directa a través de un formulario que sólo ofrece información básica, ya que todo está explicado mediante elementos del propio formulario en la página web; el texto, por lo mismo se reduce al mínimo.
[D] Figura 9. El formulario sólo ofrece la información precisa para ser utilizado.
Ejemplo 2: el formulario contiene mucha información, pero en términos prácticos el usuario no la lee porque está interesado en la acción propuesta en el formulario, que es ingresar RUT y Clave.
[D] Figura 10. El formulario ofrece demasiada información -la cual para efectos demostrativos aparece desenfocada- la que regularmente no es leída.
Como se puede apreciar a partir de los ejemplos, es necesario que las zonas de interacción estén diseñadas de manera que privilegien la acción. Si se desea dar información relativa a ésta, debe ofrecerse mediante enlaces relacionados y ubicados en las cercanías y no a través del despliegue de texto en el mismo lugar porque queda claro que éste no será leído.