Diseo del interfaz

La composicin y distribucin de los elementos de interaccin dentro del interfaz es una

de las piezas clave para la consecucin de una adecuada experiencia del usuario.

Para ello se recomienda tener en cuenta los siguientes puntos:

1. Respetar los estndares de navegacin en la red

El usuario habituado a navegar por la red, debe sentir cierta familiaridad al navegar por el
sitio web. Para ello se recomienda seguir pautas de navegacin como:

Colocar el men de herramientas (contacto, mapa web, inicio,...) en la zona

superior derecha.
Usar iconos ampliamente reconocidos y extendidos en la red.
Mostrar el estado de los enlaces (visitado-no visitado, activo-inactivo,...) mediante
un cambio apreciable y usar el subrayado para enlaces incluidos en el texto.
Posicionar el logotipo y/o imagen representativa del sitio en la zona superior
izquierda.
Emplear palabras ya consolidadas en la red como por ejemplo: contacto, mapa
web, inicio....
Uso del pie de pgina para mostrar informacin legal, informacin de privacidad
del sitio u otros datos que sea de inters mantener siempre presentes.
Agrupar los distintos elementos de la aplicacin en mens. La categorizacin en
mens debe atender a criterios homogneos e inteligibles para el usuario.

2. Diferenciar claramente los elementos

A la hora de disear los elementos del interfaz se deben distinguir claramente respetando
su semntica:

Identificar grficamente y de forma unvoca enlaces, encabezados, palabras

destacadas, etc.
Separar claramente la zona destinada a los elementos de navegacin y la zona de
contenido. Para ello se debern mantener los mens de navegacin ocupando una
zona estable en la pgina.
Arquitectura y contenido
Dentro de las claves necesarias para que la experiencia del usuario sea satisfactoria est
ofrecerle una arquitectura coherente y compacta, adems de un contenido y lenguaje
adecuados.

1. Usar un lenguaje adecuado

El lenguaje usado debe ser adecuado al pblico objetivo. Se debe limitar el uso de
tecnicismos y lenguaje complejo.

2. Limitar el contenido
Es un error bastante comn el pensar que un contenido en papel se puede transcribir sin
cambios a un formato web. Se recomienda evitar prrafos largos y el scroll
(desplazamiento de pgina) excesivo, usar el formato PDF para aquella informacin que
por naturaleza es muy extensa (por ejemplo un boletn oficial, unas actas, etc.) y redactar
de forma sinttica los textos.

3. Crear una arquitectura equilibrada

Agrupar enlaces en mens que guarden una relacin semntica.
Proporcionar distintos niveles de profundidad en la informacin.

Interaccin y retroalimentacin (feedback)

1. Orientacin al usuario
Para que el usuario sea el dueo de su navegacin es imprescindible que sepa en todo
momento donde se encuentra, para ello existen diferentes mecanismos:

Usar ttulos que definan correctamente la pgina en la que se encuentra.

Construir un rastro de migas o barra de navegacin (breadcrumbs) y situarlo en la
zona superior de la pgina atendiendo a un formato estndar en el que los textos
del rastro de migas identifiquen claramente los niveles superiores (los cuales
adems sern enlaces a la pgina correspondiente) y el actual.
Ofrecer un mapa del sitio. Es decir, una pgina que incluya de forma esquemtica
un mapa de navegacin del sitio.
En el caso de que el usuario se encuentre en un proceso de varios pasos, mostrar
el paso actual y el nmero de pasos necesarios para finalizar el mismo.
 2. Uso del buscador
El buscador es una herramienta que se ha consolidado por su uso como un mecanismo
bsico para la navegacin de los internautas. Jakob Nielsen, basndose en estudios de
usabilidad, asegura que algo ms de la mitad de los usuarios se decantan por los
buscadores internos para encontrar informacin en un sitio web frente al uso de los
enlaces del sitio o a un comportamiento mixto (buscador y vnculos). La recomendacin es
que para sitios web de ms de 150 pginas se use un buscador aunque un buscador
interno siempre ser una herramienta recomendable incluso si el sitio incluye un nmero
menor de pginas. El uso de un buscador proporciona al usuario un mecanismo rpido
para llegar a la informacin deseada. Para que esto sea as se debern cuidar varios
puntos:

La pgina de resultados debe fragmentar y clasificar los resultados de modo que el

usuario distinga entre archivos, noticias,....
La simplicidad, evitando restringir en exceso los criterios de bsqueda si el propio
usuario no lo desea.
Mantener los criterios de bsqueda junto con los resultados obtenidos.
Validar los de datos de entrada (formato, tipo y valores lmite) antes de iniciar la
bsqueda.
Ayuda en la interaccin
Con la intencin de que el usuario se sienta atendido en todo momento y con el
control de la aplicacin se debern tener en cuenta las siguientes
recomendaciones:
Proporcionar ayuda al usuario en el momento de la interaccin en que la pueda
necesitar.
Proporcionar pginas de error adecuadas.
Construir los formularios correctamente ofreciendo ayuda para cumplimentar los
campos segn el formato deseado y mostrando los mensajes de error all donde se
produce el error.