El concepto de usabilidad en su explicación más

simple es “la experiencia de un usuario al
interactuar con un sitio web
!EC"#$#%&' C#"!E"()#
'R*U(!EC!UR'
)E$ +(!(#
)(+E,# V(+U'$
("!ER'CC(#"
$a usabilidad es tambi-n llamada “)(+E,#
CE"!R')# E" E$ U+U'R(#. consiste en ser
amables con nuestros usuarios/ debemos
conseguir 0ue les resulta 1ácil 2acer lo 0ue
0uieren 3 encontrar lo 0ue están buscando.
$os sitios web deben ser “educados/ ser4icial
cuando el 4isitante necesite a3uda 3 0ue no
moleste cuando el 4isitante no la necesita.
Un sitio web debe ser agradable 3 no
entrometerse en la experiencia del usuario.
Estos se basan en aumentar la satis1acción del
4isitante. 0ue es el punto de partida para 0ue
permane5ca en -l o regrese en un 1uturo.
Ja7ob "ielsen “el gur8 de la usabilidad es una
de las personas más respetadas en el ámbito
mundial sobre usabilidad en la web.
Ja7ob estudió 9:; problemas de usabilidad 3 a
partir de ellos dise<ó lo 0ue denominó
las “reglas generales para identi1icar los
posibles problemas de usabilidad.
Visibilidad del estado del sistema@ el sistema
siempre deberAa mantener in1ormados a los
usuarios de lo 0ue está ocurriendo. a tra4-s de
retroalimentación apropiada dentro de un
tiempo ra5onable.
Relación entre el sistema 3 el mundo real@ el
sistema deberAa 2ablar el lenguaBe de los
usuarios mediante palabras. 1rases 3 conceptos
0ue sean 1amiliares al usuario. más 0ue con
t-rminos relacionados con el sistema. +eguir
las con4enciones del mundo real. 2aciendo 0ue
la in1ormación apare5ca en un orden natural 3
lógico.
Control 3 libertad del usuario@ 2a3 ocasiones
en 0ue los usuarios elegirán las 1unciones del
sistema por error 3 necesitarán una “salida de
emergencia claramente marcada para deBar el
estado no deseado al 0ue accedieron. sin tener
0ue pasar por una serie de pasos. +e deben
apo3ar las 1unciones de des2acer 3 re2acer.
Consistencia 3 estándares@ los usuarios no
deberAan cuestionarse si acciones. situaciones
o palabras di1erentes signi1ican en realidad la
misma cosa/ siga las con4enciones
establecidas.
Pre4ención de errores@ muc2o meBor 0ue un
buen dise<o de mensaBes de error es reali5ar
un dise<o cuidadoso 0ue pre4enga la
ocurrencia de problemas.
Reconocimiento antes 0ue recuerdo@ se deben
2acer 4isibles los obBetos. acciones 3 opciones.
El usuario no tendrAa 0ue recordar la
in1ormación 0ue se le da en una parte del
proceso. para seguir adelante. $as
instrucciones para el uso del sistema deben
estar a la 4ista o ser 1ácilmente recuperables
cuando sea necesario.
Clexibilidad 3 e1iciencia de uso@ la presencia de
aceleradores. 0ue no son 4istos por los
usuarios no4atos. puede o1recer una
interacción más rápida a los usuarios expertos
0ue la 0ue el sistema puede pro4eer a los
usuarios de todo tipo. +e debe permitir 0ue los
usuarios adapte el sistema para usos
1recuentes.
Est-tica 3 dise<o minimalista@ los diálogos no
deben contener in1ormación 0ue es irrele4ante
o poco usada. Cada unidad extra de
in1ormación en un diálogo. compite con las
unidades de in1ormación rele4ante 3 disminu3e
su 4isibilidad relati4a.
'3udar a los usuarios a reconocer.
diagnosticar 3 recuperarse de errores@ los
mensaBes de error se deben entregar en un
lenguaBe claro 3 simple. indicando en 1orma
precisa el problema 3 sugerir una solución
constructi4a al problema.
'3uda 3 documentación@ incluso en los casos
en 0ue el sistema pueda ser usado sin
documentación. podrAa ser necesario o1recer
a3uda 3 documentación. )ic2a in1ormación
deberAa ser 1ácil de buscar. estar en1ocada en
las tareas del usuario. con una lista concreta de
pasos a desarrollar 3 no ser demasiado
extensa.
Estas reglas son las cla4es para poder 1acilitar
el uso de cual0uier persona. no solo dentro de
los sitios web. sino en cual0uier sistema de
in1ormación.
E4idencia@ El sitio web debe ser 1ácil de utili5ar.
Velocidad@ $os usuarios no tienen paciencia
para lo lento.
Retroalimentación@ +i el usuario 2a de esperar
por algo. debemos a4isarle de ello.
Exactitud@ $as paginas web pro1esionales "#
)E6E" de tener 4Anculos rotos. imágenes
perdidas. errores de Ja4ascript. etc.
Crear una
sección del sitio
Deb
Probar la sección
del sitio Deb
Corregir Callos
EFec2oG
Crear una
sección del sitio
Deb
Probar la sección
del sitio Deb
+itio Completado
'r0uitectura de la (n1ormación. es el conBunto
de m-todos 3 2erramientas 0ue permiten
organi5ar los contenidos. para ser
encontrados 3 utili5ados por los usuarios. de
manera simple 3 directa.
$os elementos 0ue se muestran a
continuación constitu3en la MetodologAa de la
'r0uitectura de (n1ormación.

)e1inición de #bBeti4os del +itio

)e1inición de 'udiencia

)e1inición de Contenidos del +itio

)e1inición de la Estructura del +itio

)e1inición de los +istemas de "a4egación

)e1inición del )ise<o Visual
' tra4-s de esta etapa se busca de1inir cuáles
serán los obBeti4os centrales 0ue deberá tener
el +itio Deb 3 establecer la 1orma de
cumplirlos.
Una 4e5 0ue se 2a terminado adecuadamente
la etapa anterior con la generación de los
obBeti4os del sitio. se debe dar un siguiente
paso. 0ue es el de determinar las principales
audiencias Hp8blicosI 2acia las cuales se
orientará el sitio.
Una de las 1ormas más concretas de
establecer la audiencia 0ue tiene el sitio. es
comen5ar por in4estigar en la propia
institución. para determinar a 0ui-nes
atienden.
Por capacidad 1Asica
Por capacidad t-cnica
Por conocimiento de la institución
Por necesidades de in1ormación
Por ubicación geográ1ica
Para identi1icar contenidos. se deben utili5ar
como insumo los materiales 0ue se 2a3an
obtenido en la etapa de identi1icación de
#bBeti4os 3 de 'udiencias. 3a 0ue en ambos
la b8s0ueda giró en torno a las necesidades
0ue tenAan los usuarios del sitio.
Para cumplir con una norma general respecto
de 0u- deberAa contener un sitio. se pueden
anotar las siguientes. como las más
importantes@

'cerca de la (nstitución

Productos J +er4icios

"o4edades de la (nstitución
(mplicará trabaBar en tres áreas concretas. a
tra4-s de las cuales se de1inirá la estructura
del sitio. el árbol de contenidos 3 los
sistemas de na4egación 0ue se o1recerá a los
usuarios para 0ue a4ancen a tra4-s de sus
contenidos.
Creación de la Estructura
+e re1iere al proceso de identi1icar la 1orma
0ue tendrá el +itio Deb 0ue se está
desarrollando.

Estructura@ se re1iere a la 1orma 0ue tendrá el +itio
Deb en t-rminos generales con sus secciones.
1uncionalidades 3 sistemas de na4egación. "o
considera ni inclu3e elementos grá1icos Hlogotipos.
4i<etas. etc.I.

)ise<o@ se re1iere a la solución grá1ica 0ue se creará
para el sitio. en la cual aparecen colores. logotipos.
4i<etas. 3 otros elementos de dise<o 0ue permiten
identi1icar 4isualmente al sitio.
Mapas Permanentes del +itio
)e1inición de los +istemas de "a4egación
$a tarea siguiente consiste en generar los
sistemas de acceso a dic2os contenidos en el
+itio Deb. ' tra4-s de estos. los usuarios
podrán a4an5ar por sus di1erentes áreas. sin
perderse.
En la generación de dic2os sistemas se debe
atender a dos elementos 0ue serán mu3
importantes@
!extual@ se re1iere a 0ue la na4egación se
2ará a tra4-s de elementos concretos. tales
como men8s. guAas. botones 3 otros
elementos 0ue deben ser claramente
distinguibles dentro de la inter1a5.
Contextual@ es todo lo re1erido a cómo se
presenta la in1ormación. utili5ando para ellos
elementos basados en texto. grá1icos o bien
de entorno.
El sistema de na4egación. se deben tener en
cuenta las siguientes caracterAsticas@
Consistente@ el sistema debe ser similar en
todo el sitio. en lo re1erido a su ubicación 3
disposición en las páginas.
Uni1orme@ el sistema debe utili5ar similares
t-rminos con el 1in de 0ue el usuario 0ue lo
4ea en las páginas. con1Ae en 0ue sus
opciones lle4an siempre 2acia los mismos
lugares dentro del sitio.
Visible@ el sistema debe distinguirse
claramente dentro del sitio. con el 1in de 0ue
el usuario cuente con -l. como si se tratara de
una guAa permanente en el área en 0ue se
encuentre del sitio.
Men8 %eneral@ siempre presente en todo el
sitio. permite el acceso a cada una de las
áreas del sitio.
Pie de Página@ usualmente ubicado en la parte
in1erior de cada página. indica el nombre de
la institución. tel-1onos. dirección 1Asica 3 de
correo electrónico.
6arra Corporati4a@ o1rece di4ersas opciones
de in1ormación respecto del sitio 3 tal como
el anterior. se muestra en todas las páginas.
Ruta de 'cceso@ listado 0ue aparece en la
parte superior de cada página 3 0ue muestra
el tra5ado de páginas 0ue 2a3 entre la
Portada del sitio 2asta la página actual 0ue se
est- re4isando/ cada una de ellas debe tener
un enlace. para acceder al área de la cual
depende la página. Cada uno de los
elementos 0ue con1orman este camino debe
tener un enlace 0ue permita el acceso a esas
áreas. En la literatura internacional en ingl-s
sobre este tema. se llama a este elemento
como breadcrumbs.
Cec2a de publicación@ para saber la 4igencia
de publicación del contenido desplegado.
6otón Fome@ para ir a la portada 6otón Mapa
del sitio@ para 4er el mapa del +itio Deb.
6otón Contacto@ para en4iar un mensaBe al
encargado del sitio.
6uscador@ presente en cada página si es 0ue
la 1uncionalidad existe en el sitio.
6otón '3uda@ para recibir a3uda sobre 0u-
2acer en cada pantalla del sitio.
6otón (mprimir@ para imprimir el contenido de
la página/ se espera 0ue el 1ormato de
impresión del documento 0ue se muestra en
pantalla sea más simple 0ue la página normal
del +itio Deb. para dar la impresión al usuario
de 0ue 2a3 una preocupación por a3udarle en
la tarea de lle4ar impreso el contenido.
Esta etapa considera la generación de dibuBos
sólo lineales 0ue describen los componentes
de cada una de las pantallas del sitio. con el
obBeti4o de 4eri1icar la ubicación de cada uno
de ellos.
6ocetos de )ise<o
Esta etapa consiste en la generación de
dibuBos digitales acabados de la 1orma 0ue
tendrán las páginas principales del sitio 0ue
se desarrolla. considerando como tales la
Portada. Portada de +ección 3 Página de
despliegue de contenidos.
Ma0ueta Deb
Es la etapa 1inal 3 consiste en generar todo el
sitio en tecnologAa F!M$ utili5ando imágenes
3 contenidos reales.