Usabilidad como factor clave en el éxito de un sitio web
¿QUE ES LA USABILIDAD?
La Organización
Internacional para la Estandarización (ISO) ofrece dos definiciones de
usabilidad:
ISO/IEC
9241:
"Usabilidad es la
eficacia, eficiencia y satisfacción con la que un producto permite alcanzar
objetivos específicos a usuarios específicos en un contexto de uso
específico"
Es una definición centrada en el concepto de
calidad en el uso, es decir, se refiere a cómo el usuario realiza tareas
específicas en escenarios específicos con efectividad.
ISO/IEC 9126:
"La usabilidad se
refiere a la capacidad de un software de ser comprendido, aprendido, usado y
ser atractivo para el usuario, en condiciones específicas de uso"
Esta definición hace énfasis en los atributos
internos y externos del producto, los cuales contribuyen a su funcionalidad y
eficiencia. La usabilidad depende no sólo del producto sino también del
usuario. Por ello un producto no es en ningún caso intrínsecamente usable, sólo
tendrá la capacidad de ser usado en un contexto particular y por usuarios
particulares. La usabilidad no puede ser valorada estudiando un producto de
manera aislada (Bevan, 1994).
beneficios de la usabilidad
Entre los principales
beneficios se encuentran:
- Disminución de los costes
de asistencia y ayuda al usuario y disminución en la tasa de errores
cometidos por el usuario y del trabajo.
- Optimización de los
costes de diseño, rediseño y mantenimiento.
- Aumento de la tasa de
conversión de visitantes a clientes de un sitio web.
- Aumento de la
satisfacción y comodidad del usuario.
- Mejora la imagen y el
prestigio.
- Mejora la calidad de vida
de los usuarios, ya que reduce su estrés, incrementa la satisfacción y la
productividad.
Todos estos beneficios
implican una reducción y optimización general de los costes de producción, así
como un aumento en la productividad. La usabilidad permite
mayor rapidez en la realización de tareas y reduce las pérdidas de tiempo.
Es importante que cumpla con
las siguientes características:
- Entendible
- Novedoso
- Comprensible
- Inteligente
- Atractivo
Es decir la finalidad, en este
caso de un sitio web, es lograr que el usuario encuentre lo que busca en el
menor tiempo posible.
La Usabilidad de un sitio web
está determinada por sus contenidos, entre más cercanos estén al usuario, mejor
es la navegación por el mismo y más acertada será la experiencia al enfrentarse
a la pantalla.
Lógicamente es imposible crear
un sitio web ciento por ciento perfecto y en óptimas condiciones, pues no se
puede agradar al mismo tiempo a millones de usuarios, sin embargo, los
diseñadores y creadores deben tratar de mostrar todos los elementos de una
manera clara y concisa, minimizando el número de clics.
En ocasiones los cibernautas
se enfrentan a sitios webs de altísima calidad y contenido, pero que presentan
dificultades en su contenido. Por ejemplo, que los menús son de difícil
ubicación, o que la herramienta de búsqueda no aparece en un lugar visible.
Aunque no hay estándares
definidos para la Usabilidad, depende en cierta forma del espacio donde se
desenvuelve el navegante.
Un buen sitio Web debe responder a las necesidades del usuario. En una comunidad virtual donde confluyen diferentes culturas e intereses, el contexto en el que se desenvuelven los miembros de un grupo virtual, o comunidad, no puede generar molestias en el momento de la navegación.
Un error recurrente de los
creadores y diseñadores de sitios Web, es querer imponer sus decisiones y
criterios sin pensar en el usuario. Por eso en el momento de diseñar el sitio e
introducir contenidos, siendo esta última labor de los editores, y no de los
diseñadores, es importante pensar en el otro.
Una de las cuestiones
vitales en la planeación del web es la referencia a los mecanismos de
navegación.
Se entiende por mecanismos de navegación todos los
elementos de las páginas que hacen las veces de <<botón >> de
acceso a otra pagina de la web o de la red en general, por ejemplo: <<
volver a la pagina principal>>. También se consideran mecanismos de
navegación los sistemas creados para facilitar el acceso a la web, como los
índices, los mapas de la web y las visitas guiadas (se trata de caminos creados
por hipervínculos que llevan de una pagina a otra sin permitir mas opciones al
visitante). Así mismo, son mecanismos de navegación los botones propios de
interfaz de los programas navegadores, del tipo <<ir a la pagina anterior
>>, << ir a la pagina siguiente >>.
Los mecanismos de navegación de una web educativo son muy
importantes pues de estos depende en gran parte que los contenidos sean
comprensibles para los alumnos. La accesibilidad de las páginas, la claridad en
la organización de las mismas y la facilidad de uso de la web determinan la
capacidad del mismo para apoyar el proceso de enseñanza.
Uno de los problemas más frecuentes relacionados con la
navegación es la desorientación que con frecuencia sufren los usuarios de este
tipo de sistemas. De acuerdo con Adell (1993), tal desorientación se
caracteriza por los siguientes síntomas:
ü
El usuario no
sabe donde se encuentra;
ü
No sabe como
regresar a un lugar conocido;
ü
No sabe como
buscar la información que necesita o desea; y
ü
Tiene la
sensación de que esta perdiendo algo importante a pesar de sus esfuerzos.
Es muy frecuente encontrar en la web páginas principales
que presentan una lista tan amplia de hipervínculos que resulta más fácil
desorientarse en la exploración. Así mismos, hay otras en las que aparece
solamente el tipo de enlace <<ir a la pagina siguiente>>, lo que
constituye una <<lineación>> de la lectura web en el sentido de que
las posibilidades de navegación del usuario se limitan a las establecidas por
el emisor (visita guiada). Aunque puede resultar contrario ala filosofía del
hipertexto, en esencia no lineal, puede servir
para facilitar la lectura, si esa es la intención del autor del
documento (Adell, J. 1996). Sin embarga, es importante recordar que en un
sistema hipermedia es fundamental que el alumno pueda acceder a los contenidos
en función de sus necesidades. Se debe ofrecer al alumno la posibilidad de
<<elegir>> entre varios caminos y propiciar con ello que el mismo
gestione su proceso de aprendizaje. En ocasiones, la ruta propuesta por el
autor apare junto a otras posibilidades, lo que puede entenderse como formula
en la que se le ofrece al usuario la opción de navegar a su gusto o siguiendo
un mapa claramente preestablecido (visita libre).
Otras de las herramientas de navegación que pueden
contribuir a contrarrestar la desorientación de los usuarios son aquellas que
representan de manera transparente las relaciones entre las diferentes
secciones de la web, tales como mapas que reflejan la estructura del documento
y sus conexiones. Adell resume las posibilidades de contrarrestar el síndrome
de la desorientación con la inclusión de
las siguientes formulas:
ü
Visitas
guiadas , es decir, restringir la <<navegación>> en aras de la
legibilidad, aunque se trate de una lectura lineal;
ü
Mapas o
diagramas del espacio de hipertextual que le ayuden al lector a comprender la
estructura del material, saber donde se encuentra y acceder directamente a los
lugares a los que quiere ir;
ü
Lugares
claves dentro del diseño que el usuario pueda identificar y recordar
fácilmente. Esto puede conseguirse utilizando metáforas significativas, como
suele hacerse al consolidar la asociación de la pagina principal con el icono
<<home>>. Otros autores coinciden en mencionar el uso de metáforas
como una de las formulas mas sencillas y eficaces de orientar al lector ( Díaz,
P. Catenazzi, N. y Aedo, I. 1996; Cacheiro, M.L. 1997);
ü
Índices del
contenido de la web, aprovechando la experiencia lectoescritura tradicional de
los usuarios.
Recomendaciones puntuales
ü
Incluir en
las página principal un menú global de la web.
ü
En las
paginas de segundo nivel (las inmediatamente siguiente a la pagina principal),
insertar un mecanismo de vuelta a la pagina principal, al principio o al pie de
la página.
ü
En las paginas de tercer nivel, incluir
mecanismos que permitan el regreso a la pagina de segundo nivel correspondiente
o a la pagina que incluya el submenú al que pertenece la pagina que se esta
explorando.
ü
En las
paginas que poseen contenidos extensos, insertar mecanismos del tipo <<ir
arriba>>, para que el usuario pueda situarse en la zona principal de la
pantalla rápidamente.
ü
En las webs
extensas, dedicar una página a un índice o mapa global de todos los contenidos
ARQUITECTURA DE LA INFORMACION
Entre las metodologías
más útiles que tendrán los profesionales encargados de desarrollar un Sitio
Web, se contarán las que aparecen descritas dentro de la Arquitectura de la
Información, que es el conjunto de métodos y herramientas que permiten
organizar los contenidos, para ser encontrados y utilizados por los usuarios,
de manera simple y directa.
La Arquitectura de Información estará cumpliendo sus objetivos cuando un
usuario entre por primera vez al sitio y pueda reconocer a quién pertenece el
Sitio Web; lo pueda entender en forma rápida y sin esfuerzo y encontrar la
información ofrecida fácilmente. Adicionalmente eso entregará el beneficio de
que quienes producen el sitio podrán ubicar la nueva información sin tener que
crear nuevas estructuras y al mismo tiempo tendrán la libertad de incorporar
nuevas iniciativas al sitio sin tener que partir de cero.
Los elementos que se muestran a continuación constituyen la metodología de
la Arquitectura de Información, mediante la cual es posible conseguir las metas
de organización y visibilidad de los contenidos. Cada una de ellas debe ser
investigada, desarrollada y documentada adecuadamente:
- Definición de Objetivos del Sitio
- Definición de Audiencia
- Definición de Contenidos del Sitio
- Definición de la Estructura del
Sitio
- Definición de los Sistemas de Navegación
- Definición del Diseño Visual
Definición
de Objetivos del Sitio
A través de esta etapa se busca definir cuáles serán los objetivos
centrales que deberá tener el Sitio Web y establecer la forma de cumplirlos.
Se recomienda comenzar por generar un objetivo central y luego definir
varios objetivos secundarios; no obstante lo anterior, es importante que estos
objetivos sean explicitados adecuadamente al comienzo del desarrollo, con el
fin de que todo el equipo tenga claro el horizonte que debe tener el proyecto.
Para generar objetivos que sean válidos y comprensibles, se aconseja
escribirlos a través de frases que se inicien con verbos que expresen las
acciones a realizar. Por ejemplo: Recibir
preguntas de los usuarios sobre las actividades de la institución
o Presentar públicamente los
informes más importantes de la institución.
Una forma de llegar más concretamente a los objetivos, es revisar la visión
y la misión de la organización, desde la cual se pueden obtener las claves que
permitan definirlos. De más está decir que los objetivos del sitio deberán
estar en concordancia con las necesidades y planificación que haya hecho la
institución en sus planes anuales.
Una de las primeras metas que se debe cumplir consiste en tener presencia en Internet,
siguiendo en este sentido el Instructivo Presidencial de Gobierno Electrónico.
No obstante, se debe entender como tal la entrega de información actualizada de
la institución, más la proposición de alguna actividad interactiva, mediante el
aprovechamiento del estado actual de la tecnología. Por ejemplo, ofrecer las respuestas de las principales
Preguntas Frecuentes que se reciben en la institución o entregar la explicación detallada sobre los
principales trámites, permiten cumplir con la idea de tener
presencia, a través de una propuesta de contenido que ofrece un valor agregado
a quienes ingresan al sitio.
Idealmente el listado de objetivos del sitio debe estar acotado y no llegar
a más de cinco proposiciones. Este número, si bien es arbitrario, se indica
como una forma de señalar que los objetivos no pueden ser tantos como para
impedir su cumplimiento; ni tan pocos como para que el sitio sea poco
ambicioso.
De cada uno de estos objetivos se pueden desprender tareas concretas que
permitan avanzar en el cumplimiento de ellos.
Definición de Audiencia
Una vez que se ha
terminado adecuadamente la etapa anterior con la generación de los objetivos
del sitio, se debe dar un siguiente paso, que es el de determinar las
principales audiencias (públicos) hacia las cuales se orientará el sitio.
Está claro que el
Sitio Web no podrá atender al mismo público que atiende la institución, dado
que el acceso a Internet se produce mayoritariamente en segmentos de ingresos
medianos a altos. Sin embargo, hay varias consideraciones que tener en cuenta,
al definir qué tipos de audiencia se atenderán desde las pantallas del sitio.
A continuación se
hacen algunas definiciones de audiencia, las que, sin importar las
características del sitio, siempre deberán estar presentes, y por lo mismo,
deben traducirse en acciones para poder atenderlas adecuadamente.
Por capacidad física:
la
audiencia del sitio incluirá personas con discapacidades físicas, por lo que
una de las metas que debe tener todo sitio del Gobierno de Chile es permitir el
acceso de ellos, a través del cumplimiento de las normas de Accesibilidad
que se han recomendado como estándares internacionales. Para hacerlo se deben
tomar las medidas correspondientes en la construcción del sitio, las que se
describen en el título sobre Usabilidad y Accesibilidad
del Capítulo 3.
Por capacidad técnica:
la
audiencia que llegue al sitio se dividirá de acuerdo a la experiencia técnica
que tenga; por ello se deben plantear acceso simples mediante enlaces y otros
más complejos, por ejemplo, mediante el uso de buscador. Es importante notar
que en Chile desde hace algunos años se dobla la cantidad de personas que
acceden a la Internet, por lo que cada año, al menos la mitad de la audiencia
tiene poca o nula experiencia en el uso de Internet.
Por conocimiento de la institución:
los
usuarios del sitio se dividirán entre quienes conocen la institución y quienes
no la conocen. Por lo anterior, los primeros siempre sabrán dónde buscar lo que
necesitan usando la terminología, siglas y nombres de departamentos internos;
los segundos, en tanto, no entenderán nada de la nomenclatura interna y les
será muy difícil acceder a la información que se les ofrezca de esa manera.
Por necesidades de información:
los
usuarios del sitio también se dividirán entre quienes llegan a buscar contenidos
determinados y quienes sólo llegan a ver si existe algo que les pueda servir en
lo que estén realizando.
Por ubicación geográfica:
dentro
de la audiencia siempre habrá chilenos que ingresan al Sitio Web desde lugares
diferentes a Santiago o incluso Chile, por lo que los contenidos deben
responder también a esta diversidad.
¿Cómo se
llega a establecer la Audiencia?
Una de las formas
más concretas de establecer la audiencia que tiene el sitio, es comenzar por
investigar en la propia institución, para determinar a quiénes atienden sus
diferentes reparticiones. Entrevistar especialmente a los funcionarios que
atienden público (Oficina de Partes, Secretarias, Oficina de Información,
Reclamos y Sugerencias (OIRS), Mesas de Ayuda, Centrales y Líneas telefónicas
600 y 800) es una fórmula que permitirá determinar con bastante exactitud qué
está ocurriendo con la audiencia.
Una vez que se ha
hecho ese trabajo, es interesante hablar con usuarios que llegan a la
institución y hacerles preguntas muy simples y directas:
- ¿A qué vino a la institución?
- ¿Tiene acceso a Internet?
- ¿Propio o a través de Infocentros?
- ¿Qué tipo de información en la Internet le habría evitado este viaje
- ¿Qué le gustaría ver en el sitio Internet de esta institución?
De las respuestas
que se obtengan, se podrá hacer un muy buen resumen de tres elementos:
- Tipos de usuario que se podrían atender a través de Internet
- Expectativas de los usuarios respecto del sitio
- Necesidad de información de la institución
Estudiar
Escenarios de Uso
Otra de las metodologías
más efectivas, al momento de trabajar en el tema de las audiencias, tiene que
ver con la forma en que el equipo de desarrollo responda a dos preguntas:
- ¿Cuáles son las audiencias previstas?
- ¿Por qué la gente vendrá a su sitio?
Al responder la primera
pregunta, será posible determinar hacia quiénes se deberá enfocar el sitio y,
por lo mismo, comenzar a tomar decisiones respecto de la forma de navegación,
servicios interactivos previstos y otros elementos de despliegue que tendrá el
sitio.
Al responder la
segunda pregunta lo que se busca es que basados en las audiencias posibles, sea
factible imaginar los tipos de contenidos que ellos vendrán a buscar al sitio.
En este sentido, la
expresión Estudiar escenarios de uso, busca
determinar situaciones de uso reales en el Sitio Web, basado en usuarios
existentes que puedan llegar al sitio a buscar determinados tipos de
información.
Por ejemplo, si
nuestro Sitio Web se refiere a cotizaciones previsionales, se puede aplicar el
caso don Juan Pérez, agricultor de Paine, que quiere saber qué puede hacer para
pagar las imposiciones de su AFP en su comuna. ¿Existe en el sitio una
respuesta para él? ¿Si llegara al sitio y viera la portada que se ha diseñado,
encontraría la respuesta a su pregunta?
Al llegar a casos
reales de uso del sitio, basado en las audiencias que se haya definido, es
posible establecer con mucha mayor exactitud cómo esas personas (es decir casos
reales) van a usar el sitio. Naturalmente, este tipo de revisiones permiten
ratificar o modificar lo que se haya definido previamente como contenido del
sitio, debido a que muchas veces la planificación inicial es hecha por personas
que conocen la institución y dan por obvios muchos de los contenidos que para
los usuarios normales no lo son tanto.
Definición de
Contenidos del Sitio
Una vez que se han identificado los objetivos del sitio y la audiencia, se
debe proceder a hacer las definiciones más concretas que permitan decidir qué
contenidos son los que va a tener el Sitio Web que se desarrolle.
Para identificar contenidos, se deben utilizar como insumo los materiales
que se hayan obtenido en la etapa de identificación de Objetivos y de Audiencias,
ya que en ambos la búsqueda giró en torno a las necesidades que tenían los
usuarios del sitio.
Para cumplir con una norma general respecto de qué debería contener un
sitio, se pueden anotar las siguientes, como las más importantes:
Acerca de la Institución:
entregar la información completa referida a Autoridades,
Organigrama, Normativa legal asociada, Oficinas, Horas de Atención, Teléfonos,
etc.
Productos / Servicios:
destacar las actividades principales que el usuario puede
hacer en la institución; puede incluir una guía de trámites que facilite las
acciones de las personas que acudirán a la institución y que considere
servicios interactivos para hacerlos desde el Sitio Web.
Novedades de la Institución:
últimas actividades, noticias, etc.
Viendo esta lista mínima (que crecerá en la medida de las necesidades de
entrega de información de la institución), hay que hacer énfasis en que el
interés de los contenidos variará si se trata de un usuario interno o externo.
Por ejemplo, si miramos un Sitio Web desde el punto de vista del usuario
externo de la institución, lo que más le interesará será la información
referida a los trámites, seguida por la que informe acerca de cómo tomar
contacto con la institución. Si la miramos desde el punto de vista del usuario
interno, lo más importante será la información de Novedades, seguida por la de
organigrama y presentación interna.
Por lo mismo, es muy relevante que tanto los objetivos como la audiencia
del sitio se hayan definido muy bien en forma previa, porque de lo contrario no
habrá posibilidad de atender a ambos usuarios de manera adecuada.
Agrupar
y Etiquetar el Contenido
Con las definiciones hechas hasta ahora, llega el momento de poner en
práctica las metodologías que permiten ordenar los contenidos, agrupándolos en
conjuntos coherentes y dándoles nombres que los identifiquen.
Probablemente la mejor técnica para hacerlo es hacer unas pequeñas tarjetas
de papel, en las que se anotan las principales áreas de contenido que se hayan
detectado y revisado en el paso anterior. Una vez hecho, las cartas se ponen
sobre una mesa y se van agrupando, hasta formar conjuntos de elementos
coherentes entre ellos. Luego, a cada conjunto se le pone un nombre (idealmente
una sola palabra) que identifique a todos sus contenidos.
Con esas agrupaciones hechas, ya tendremos los elementos adecuados para
generar posteriormente el árbol de contenidos que, a su vez, permitirá hacer el
sistema de navegación.
Una vez que el proceso de Etiquetado ha concluido, es bueno hacer comprobaciones
empíricas de la validez de los nombres escogidos. Para ello, se requiere que
los elegidos sean mostrados a personas de diverso origen y que conozcan la
institución, como también a quienes la desconozcan por entero. Ellos deben
responder las siguientes preguntas:
- ¿Qué significa este nombre?
- ¿Qué tipos de contenidos esperaría encontrar
en esta área?
Con las respuestas obtenidas se podrá juzgar si los nombres que se han
usado son los más adecuados o, bien, hay que introducir modificaciones.
Por ejemplo, dentro de los nombres más usados para una de las secciones
habituales de un Sitio Web como es la de información corporativa, se cuenta Acerca de, Sobre... ,Quiénes Somos e Información Corporativa.
Identificar
Requerimientos Funcionales
Junto con la búsqueda de las áreas de contenido que deberá tener el sitio,
se debe trabajar también en la definición de lo que se busca que el sitio haga, es decir, los tipos de
interacción que se busca incluir.
Dentro de los servicios interactivos más frecuentes se cuentan las
siguientes:
- Formulario de Contacto para envío de mensajes
electrónicos
- Sistema de envío de una noticia por mail a un
amigo
- Formato de impresión de los contenidos
- Mapa del Sitio
Dentro de las funcionalidades de mayor complejidad, pero a las que todo sitio
debería aspirar, se cuenta:
- Buscador interno del Sitio Web
- Área de acceso privado para usuarios
registrados
- Sistema de envío de boletines de noticias del
sitio a usuarios registrados
Será importante que el sitio cuente con todos los servicios interactivos
descritos como mínimos, para ofrecer una mejor experiencia al usuario que lo
visita.
Análisis
de Sitios Similares
El último elemento que se debe desarrollar en esta etapa es la búsqueda de
otros sitios en Internet que sean similares a nuestra institución, con el fin
de revisar de qué manera han resuelto los mismos problemas que deberemos
atender.
Esta actividad comparativa permitirá llegar a las buenas prácticas que es
posible adaptar a las necesidades de nuestro sitio, con el fin de asegurarnos
métodos de funcionamiento y despliegue de contenidos, que sean coherentes con
los objetivos que se han planteado inicialmente.
Es importante que se haga una pauta previa de comparación, con el fin de
saber de antemano cuáles son los parámetros que se medirán y gracias a eso,
optimizar la revisión que se haga
Definición de la Estructura del
Sitio
Una vez que se ha hecho el trabajo de identificación de contenidos reseñado
en las etapas anteriores de este documento, se debe avanzar hacia las
definiciones relacionadas con la forma que tendrá el sitio que se está
desarrollando. Ello implicará trabajar en tres áreas concretas, a través de las
cuales se definirá la estructura del sitio, el árbol de contenidos y los sistemas
de navegación que se ofrecerá a los usuarios para que avancen a través de sus
contenidos.
Las tres etapas se explican a continuación:
Creación de la Estructura
Se refiere al proceso de identificar la forma que tendrá el Sitio Web que
se está desarrollando. En este sentido es importante hacer una diferencia entre
estructura y diseño (que será explicada gráficamente más adelante en este
capítulo).
Estructura:
se refiere a la forma que tendrá el Sitio Web en términos
generales con sus secciones, funcionalidades y sistemas de navegación. No
considera ni incluye elementos gráficos (logotipos, viñetas, etc.).
Diseño:
se refiere a la solución gráfica que se creará para el
sitio, en la cual aparecen colores, logotipos, viñetas, y otros elementos de
diseño que permiten identificar visualmente al sitio.
Dado lo anterior, cuando hablamos de la estructura nos estamos refiriendo
básicamente a cuál será la experiencia
que tendrá un usuario cuando accede al sitio. De esta manera podremos
determinar dónde estarán ubicados los servicios interactivos (buscador,
sistemas de encuestas, áreas de contenidos).
Gracias a la realización de esta etapa es posible discutir en términos muy
prácticos cuál será la oferta de elementos de información e interacción que
tendrá el usuario. Al no incluir elementos de diseño, se permite que la
discusión sobre la estructura se desarrolle en aspectos concretos, sin que
intervengan aún consideraciones estéticas que habitualmente atrasan la
aprobación de esta etapa del desarrollo.
Mapas
Permanentes del Sitio
Se refiere al proceso de crear un árbol
de contenido en el que se muestre de manera práctica cuántas
secciones tendrá el sitio en desarrollo y cuántos niveles habrá dentro de cada
uno.
Cuando se usa la idea de crear un árbol, se refiere exactamente a generar
un diagrama que cuente con un tronco, ramas y hojas, para mostrar las zonas
principales, secundarias y contenidos finales que se irán incorporando.
En este sentido se debe evitar a toda costa que el árbol de contenidos
represente la estructura de la organización, dado que ésta es conocida y
comprendida internamente, pero constituye una barrera de entrada para usuarios
externos. Si ellos llegan a buscar en una estructura de contenidos basada en la
forma en que funciona la organización, primero deberán comprender cómo funciona
la entidad para luego encontrar lo que les interesa.
Definicion de los sistemas de navegacion
Una vez que se cuenta con los árboles
de contenido desarrollados en el paso anterior, la tarea
siguiente consiste en generar los sistemas de acceso a dichos contenidos en el
Sitio Web. A través de estos, los usuarios podrán avanzar por sus diferentes
áreas, sin perderse.
En la generación de dichos sistemas se debe atender a dos elementos que
serán muy importantes:
Textual:
se refiere a que la navegación se hará a través de
elementos concretos, tales como menús, guías, botones y otros elementos que
deben ser claramente distinguibles dentro de la interfaz. Para generarlos se
debe conseguir que cada uno de ellos represente claramente la función para la
que fueron designados y no dejar lugar a dudas sobre su función ni sobre la
acción que desarrollarán al ser usados. Es decir, un botón debe parecer tal y
no sólo un parche de
color sobre la pantalla. Adicionalmente, es muy importante que las palabras
escogidas para indicar acciones, sean claras y precisas. En este sentido, si un
botón necesita ser explicado, es mejor desecharlo y buscar otra solución.
Contextual:
es todo lo referido a cómo se presenta la información,
utilizando para ellos elementos basados en texto, gráficos o bien de entorno.
Los elementos relevantes en este caso, serán todos aquellos que permiten
mostrar la navegación en la pantalla. Entre ellos, la gráfica utilizada, la
redacción de los textos que se muestran e incluso el nombre del dominio (URL)
que permitirá que el usuario sienta que está en el lugar indicado.
el sistema debe distinguirse claramente dentro del sitio,
con el fin de que el usuario cuente con él, como si se tratara de una guía
permanente en el área en que se encuentre del sitio.
Se debe tener en cuenta que los buscadores de Internet tienen la capacidad
de indexar e incluir en sus bases de datos, cualquier página del sitio, aún las
más internas. Por ello, es de suma importancia que todas las páginas del sitio
cuenten con el sistema de navegación, especialmente si el Sitio Web está
desarrollado con frames (o marcos) que normalmente impiden que se indique claramente en cada
página la información referida a la navegación general. De esta manera, si un
usuario accede al sitio por una página interior que estaba indexada en un
buscador, siempre contará con las herramientas adecuadas para ir a la portada o
realizar cualquier otra acción que le interese.
listado que aparece en la parte superior de cada página y
que muestra el trazado de páginas que hay entre la Portada del sitio hasta la
página actual que se esté revisando; cada una de ellas debe tener un enlace,
para acceder al área de la cual depende la página. Cada uno de los elementos
que conforman este camino
debe tener un enlace que permita el acceso a esas áreas. En la literatura
internacional en inglés sobre este tema, se llama a este elemento como breadcrumbs.
Fecha de publicación:
para saber la vigencia de publicación del contenido
desplegado.
Botón Home:
para ir a la portada
Botón Mapa del sitio:
para ver el mapa del Sitio Web
Botón Contacto:
para enviar un mensaje al encargado del sitio (o, de
existir, a la OIRS).
Buscador:
presente en cada página si es que la funcionalidad existe
en el sitio.
Botón Ayuda:
para recibir ayuda sobre qué hacer en cada pantalla del
sitio.
Botón Imprimir:
para imprimir el contenido de la página; se espera que el
formato de impresión del documento que se muestra en pantalla sea más simple
que la página normal del Sitio Web, para dar la impresión al usuario de que hay
una preocupación por ayudarle en la tarea de llevar impreso el contenido.
Definición del Diseño Visual
Una vez que se ha
terminado el trabajo en la estructura, ya se cuenta con los insumos suficientes
como para avanzar hacia la generación del diseño visual de las pantallas del
sitio, momento en que se utilizarán todos los insumos que se han ido generando
en las etapas anteriores.
Para ello la
recomendación es trabajar en cuatro etapas sucesivas e incrementales, que se
describen a continuación:
Diseño de las Estructuras de
Páginas
Esta etapa
considera la generación de dibujos sólo lineales que describen los componentes
de cada una de las pantallas del sitio, con el objetivo de verificar la
ubicación de cada uno de ellos.
El ideal es que se
dibujen diagramas con todas las pantallas que tendrá el sitio, ya que de esta
manera será posible que diseñadores y desarrolladores tengan un documento
concreto de trabajo, a través del cual resuelvan todas las dudas de los
elementos que componen esta página. Si bien este trabajo es largo y puede
resultar tedioso, su ventaja es que ningún elemento en las páginas queda puesto
al azar sino que responde a necesidades puntuales que se han detectado y que se
resuelven por esta vía.
Nuevamente, tal
como se planteó cuando se estaba presentando el tema de Estructura en las
páginas anteriores, lo ideal es que estos dibujos no tengan ningún elemento
gráfico o visual concreto, sino que sólo incluyan líneas y bloques que
representen objetos de contenido (como logos, viñetas o fotos). Nuevamente,
como en ese caso, el uso de estas imágenes ayudará a que la discusión sobre
cada pantalla se centre en la funcionalidad y no en temas más subjetivos como
colores o calidad de los elementos de diseño en la página.
Un elemento que se
debe considerar junto con estos dibujos de estructura, es que en las pantallas
que representen transacciones, se debe incluir un diagrama de flujo sencillo,
mediante el cual se ejemplifique cuáles son las interacciones posibles y sus
resultados. Naturalmente se deberá incluir las pantallas correspondientes
cuando sea adecuado.
Gracias a estos
diagramas en combinación con las páginas, tanto diseñadores como
desarrolladores podrán tener claro cuál es el trabajo que deben realizar en
cada una de las áreas del sitio que se estén generando.
Bocetos de Diseño
Esta etapa consiste
en la generación de dibujos digitales acabados de la forma que tendrán las
páginas principales del sitio que se desarrolla, considerando como tales la
Portada, Portada de Sección y Página de despliegue de contenidos.
Para desarrollar
los elementos gráficos se utilizan como insumos los dibujos de estructura que
se han generado en la etapa anterior.
La idea es que en
esta etapa se trabaje en software gráfico para facilitar el proceso de
corrección, ya que habitualmente habrá mucha interacción con los usuarios.
Los elementos que
se deben tener presentes en esta etapa, son los siguientes:
I
Una vez que se ha
aprobado la etapa anterior, se toman los bocetos de diseño que hayan sido
aprobados y se genera un prototipo (páginas clickeables) mediante el cual se pueda
comprobar directamente la forma en que se desempeñan, cuando se les aplica la
tecnología HTML de construcción de páginas web.
La intención de
esta etapa es usar
el diseño de pantalla que se ha creado, contando con enlaces reales que
permitan ver la forma de usar sus atributos (cada enlace tiene los estados de
Enlace, Flotante, Activo y Visitado) y revisar la forma en que se despliegan
las páginas que se van a desarrollar.
Adicionalmente, en
esta etapa será posible hacer la comprobación efectiva del peso de las páginas
una vez construidas y se podrán optimizar los elementos que queden fuera de
norma por peso o tamaño.
Maqueta Web
Es la etapa final y
consiste en generar todo el sitio en tecnología HTML utilizando imágenes y
contenidos reales
En el caso de un
sitio estático, esta etapa corresponderá a la construcción del sitio. En el
caso de un sitio dinámico, las páginas que se generen permitirán que el
diseñador genere las plantillas de trabajo y el desarrollador de software las
utilice como elementos para introducir la programación que sea necesaria para
la creación del sitio.
Es importante
considerar que todas las tareas y actividades incluidas en esta etapa pueden
ser abordadas por un diseñador que tenga experiencia en diseño web. Esto debe
ser parte de los requerimientos solicitados a las empresas proveedoras de este
tipo de servicios.