J. M.

Cueva

Usabilidad en la Web

USABILIDAD EN LA WEB
2.1 Definicin
La usabilidad se puede considerar como la capacidad del producto software para
permitir que usuarios especficos logren realizar tareas especficas con
productividad, efectividad, seguridad y satisfaccin en determinados casos de uso.
El objetivo de un producto es que posea la calidad necesaria y suficiente para que
satisfaga las necesidades de usuario explcitas e implcitas.

2.2 En que se diferencia de un producto software

Sin embargo, la web es diferente de un producto software, y la naturaleza de la
web plantea nuevos desafos a los diseadores que estn intentando incorporar
usabilidad en sus sitios.

En el diseo de productos y software, los usuarios pagan de antemano y

experimentan la usabilidad despus.
En la Web, los usuarios experimentan primero la usabilidad y pagan
despus.
Las expectativas infladas del usuario de la tecnologa del Internet pueden
ser difciles de satisfacer.
Un sitio Web puede atender a multiplicidad de perfiles de usuario y sus
distintos requerimientos. El construir un sitio orientado a audiencias no
siempre es fcil
En la Web el usuario no ha hecho una inversin en un sitio particular, y otras
opciones son fcilmente disponibles y accesibles
La mayora de los sitios Web requieren estar operativos en un corto espacio
de tiempo y esto dificulta el nivel de rigor de varias actividades del proceso

2.3 Situacin actual

El sitio web de una organizacin es una entrada a su informacin, productos y
servicios. Como tal, debe idealmente ser una reflexin de las necesidades de los
clientes que sirve. Desgraciadamente, el diseo y el desarrollo del sito web es
conducido a menudo por la tecnologa o por la estructura de organizacin u
objetivos de negocio, ms que por lo que el usuario necesita. En aos recientes sin
embargo, los dueos y diseadores del sitio web han comenzado gradualmente a
reconocer la importancia de la usabilidad.
Cul es el propsito del sitio web?
- Qu servicios se proporciona a los usuarios
- Apoyo tcnico a los clientes
- Informacin del producto a clientes posibles

J. M. Cueva

Usabilidad en la Web

Dado el ndice de crecimiento nico de la naturaleza de la web, est claro que la

usabilidad est llegando a ser cada vez ms importante para que los diseadores
del Web site la traten. Hasta cierto punto, los usuarios del Web site cuentan con la
satisfaccin inmediata. Los sitios acertados de la web entonces, sean comerciales o
informativos, sern cada vez ms los que resuelvan los criterios de la usabilidad de
ser claros, atractivos y fciles de utilizar.

2.4 Como Los Usuarios Utilizan Realmente La Web

Un estudio realizado por Steve Krug en su libro Dont Make Me Think revela los
siguientes comportamientos de los usuarios:

2.4.1 No leen las pginas. Las exploran.

La excepcin, por supuesto, es las pginas que contienen documentos como
historias de las noticias, informes, o descripciones del producto
Por qu explorar?
Tienen generalmente prisa.
Saben que no necesitan leer todo.

2.4.2 No hacen elecciones ptimas.

Cuando estamos diseando las pginas, tendemos a asumir que los usuarios
explorarn la pgina, considerarn todas las opciones disponibles, y elegirn la
mejor.
En realidad, la mayora del tiempo nosotros no elegimos la mejor opcin, elegimos
la primera opcin razonable, una estrategia conocida como satisficing.
Por qu los usuarios de la web no buscan la mejor opcin?
Tienen generalmente prisa
Sopesar opciones puede no mejorar sus ocasiones. En sitios mal diseados,
poner esfuerzo en la eleccin de la mejor opcin realmente no ayuda.
El conjeturar es ms divertido.
Por supuesto, stos no quiere decir que los usuarios nunca piensan opciones
antes de que chasquen. Depende de cosas como su mente, cmo estn
presionados por tiempo, y de cunta confianza tienen en el sitio.

2.4.3 No aprecian cmo trabajan las cosas.

Una de las cosas que llega a ser obvia tan pronto como usted haga cualquier
prueba de usabilidad es el grado al cual la gente utiliza cosas sin entender cmo
trabaja, o con ideas totalmente incorrectas sobre cmo trabaja.
Muy pocas personas leen instrucciones. En lugar de ello, avanzamos y
embrollamos a travs, haciendo encima nuestros las propias historias vago
plausibles sobre lo que estamos haciendo y porqu trabaja.

J. M. Cueva

Usabilidad en la Web

Por qu sucede esto?

No es necesario para nosotros mientras podamos utilizar aquello que necesitamos y
una vez encontrado algo que nos sirva no buscaremos nada mejor a menos que
demos con ello casualmente.
El embrollo a travs puede trabajar a veces, tiende a ser ineficaz y a propensar el
error.

2.5 Qu es la usabilidad?
Por medio de la usabilidad se asegura un diseo til y se prueba que el usuario
detecta de modo apropiado el uso del sistema y no de manera equvoca.

2.5.1 Definiciones
Definicin 1
La usabilidad [Olsina,99] es una caracterstica de alto nivel -que se puede medir
mediante el clculo a partir de mtricas directas e indirectas- y representa la
capacidad o potencialidad del producto para ser utilizado, comprendido y operado
por los usuarios, adems de ser atractivo. Incluye a subcaractersticas como
comprensibilidad, operabilidad y comunicatividad entre otras como esttica y estilo
que hacen que el artefacto sea agradable de usar.

Definicin 2
Podemos definir tambin la usabilidad [Nielsen] como la medida en la cual un
producto puede ser usado por usuarios especficos para conseguir objetivos
especficos con efectividad, eficiencia y satisfaccin en un contexto de uso
especificado.
Efectividad: precisin y la plenitud con las que los usuarios alcanzan los
objetivos especificados. A esta idea van asociadas la facilidad de aprendizaje
(en la medida en que este sea lo ms amplio y profundo posible), la tasa de
errores del sistema y la facilidad del sistema para ser recordado (que no se
olviden las funcionalidades ni sus procedimientos).
Eficiencia: recursos empleados en relacin con la precisin y plenitud con
que los usuarios alcanzan los objetivos especificados. A esta idea van
asociadas la facilidad de aprendizaje (en tanto que supone un coste en
tiempo; igualmente, si se requiere un acceso continuo a los mecanismos de
ayuda del sistema), la tasa de errores del sistema y la facilidad del sistema
para ser recordado (una asimilacin inapropiada puede traducirse en errores
de usuario).
Satisfaccin: ausencia de incomodidad y la actitud positiva en el uso del
producto. Se trata, pues, de un factor subjetivo.

J. M. Cueva

Usabilidad en la Web

Definicin 3
La usabilidad, hace referencia, a la rapidez y facilidad con que las personas llevan
cabo sus tareas propias a travs del uso del producto objeto de inters, idea que
descansa en cuatro puntos:
Una aproximacin al usuario: Usabilidad significa enfocarse en los
usuarios. Para desarrollar un producto usable, se tienen que conocer,
entender y trabajar con las personas que representan a los usuarios actuales
o potenciales del producto.
Un amplio conocimiento del contexto de uso: Las personas utilizan los
productos para incrementar su propia productividad. Un producto se
considera fcil de aprender y usar en trminos del tiempo que toma el
usuario para llevar a cabo su objetivo, el nmero de pasos que tiene que
realizar para ello, y el xito que tiene en predecir la accin apropiada para
llevar a cabo. Para desarrollar productos usables hay que entender los
objetivos del usuario, hay que conocer los trabajos y tareas del usuario que
el producto automatiza, modifica o embellece.
El producto ha de satisfacer la necesidades del usuario: Los usuarios son
gente ocupada intentando llevar a cabo una tarea. Se va a relacionar
usabilidad con productividad y calidad. El hardware y el software son las
herramientas que ayudan a la gente ocupada a realizar su trabajo y a
disfrutar de su ocio.
Son los usuarios, y no los diseadores y los desarrolladores, los que
determinan cuando un producto es fcil de usar.
La usabilidad no es slo un nmero sino que tiene cinco caractersticas que
claramente se deducen de los tres prrafos anteriores:
Facilidad de aprender: Cmo de rpido puede un usuario que nunca ha
visto el interfaz a usar ejecutar tareas bsicas?
Eficacia de uso: Una vez que el usuario haya aprendido a utilizar el
sistema, cmo de rpido puede lograr tareas?
Facilidad del sistema para ser recordado: Si un usuario ha utilizado el
sistema anteriormente, recuerda lo bastante para utilizarlo con ms eficacia
la prxima vez o no?
Frecuencia y severidad del error: Con qu frecuencia los usuarios
cometen errores, cmo de serios son estos errores y cmo de fcil es
solventar estos errores?
Satisfaccin subjetiva: Al usuario le gusta utilizar el sistema, est
satisfecho?
Algunas de las caractersticas son ms importantes que otras. Para la Web, la
facilidad de aprendizaje es a menudo la cualidad ms importante de la usabilidad
puesto que los usuarios no suelen pasar mucho tiempo en un sitio web que no
entienden o no saben manejar. La satisfaccin subjetiva tambin es un factor
importante ya que los usuarios pueden irse libremente a otro sitio.

J. M. Cueva

Usabilidad en la Web

2.5.2 Por Qu Un Sitio No Es Usable?

Los diseadores y desarrolladores de un sitio Web se centran en la
implementacin tcnica en lugar de centrarse en el usuario.
Los diseadores de sitios web piensan de forma distinta a como lo hace el
usuario debido a sus caractersticas tcnicas.
Los diseadores web siempre proponen el uso de los ltimos avances y
tecnologas y esto no siempre es beneficioso para el usuario.
Es necesario pues educar al diseador sobre la necesidad de una buena
usabilidad.
La usabilidad se basa en el DCU (Diseo Centrado en el Usuario), es decir,
es contar con el usuario en el ciclo de diseo o rediseo. Lo que se necesita
saber del usuario es mnimamente lo siguiente:
- Funcionalidad mnima requerida: Qu es lo mnimo que
necesita saber el usuario para trabajar con el sitio web?Empezar con
un diseo sencillo y luego si es preciso aadir cosas.
- Limitaciones del usuario: limitaciones de ancho de banda tipo de
navegador nuevas interfaces (PDA, WAP, webTV) pluggins
plataformas
- Preferencias de usuario
- Hbitos del usuario
- Sistemas existentes con los que interactan habitualmente los
usuarios de telfonos, formularios, sistemas mecnicos, paneles de
control.
- Lo que no le gusta al usuario: Respuesta lenta del servidor,
excesivo tiempo con las descargas de grficos...
- Datos personales: edad, nivel de conocimientos de internet, nivel
de estudios, sitios que ms usan, son clientes actuales o potenciales
del sitio sobre el que vamos a estudiar su usabilidad, dnde viven,
cuntos ordenadores tienen en casa.

2.5.3 Errores Ms Comunes De Usabilidad

El 90% de los sitios Web presentan fallos de usabilidad. Los fallos ms comunes
son los siguientes:
Indefinicin del sitio (Qu es esto?)
Es bueno que informemos claramente de que es lo que se puede encontrar
aqu y cuales son las ventajas de utilizar esta pgina.
Indefinicin de las funciones a realizar (Dnde est lo que busco?)
Hay que ensear al usuario la ruta claramente de principio a fin. Si los
caminos son complejos hay que simplificarlos.
Bsquedas que no ofrecen resultados
Los buscadores son gratis y baratos, no pierdas el tiempo escribiendo uno.
Implementa un buscador de palabras clave que funcione correctamente.
Mala navegacin / Enlaces perdidos / time out
La mayora de los problemas de navegacin se resolvern pintando la
situacin del usuario.
Enlaces Perdidos
Los enlaces perdidos slo demuestran un mal producto. Simplifica y reduce
el nmero.

J. M. Cueva

Usabilidad en la Web

Time Out
El time out se suele producir cuando la programacin es redundante,
servidores poco potentes o exceso de seguridad. No son justificables.
Exceso de peso
Se resuelve quitando imgenes que no sean necesarias y dando el formato a
la pgina utilizando los estndares de HTML.

2.6 Principios o reglas de usabilidad

2.6.1 Steve Drug
No me hagas pensar
Algunas preguntas que el diseador no puede permitir que se plantee el usuario
son las siguientes
Dnde estoy?
Por dnde empiezo?
Dnde han puesto... ( lo que sea)?
Cuales con las cosas ms importantes de esta pgina?
Por qu han llamado esto as?
No le importa cuantos clicks sino que no sean difciles
Quitar la mitad de las palabras de la mitad

2.6.2 Jakob Nielsen

Segn Nielsen existen 8 reglas bsicas sobre la usabilidad en la Web, a saber:
En Internet el usuario es el que manda.
En Internet la calidad se basa en la rapidez y la fiabilidad.
En Internet cuenta que tu pagina sea ms rpida que bonita, fiable que
moderna, sencilla que compleja, directa.
Seguridad.
La confianza es algo que cuesta mucho ganar y se pierde con un mal
enlace.
Si quieres hacer una pgina decente, simplifica, reduce, optimiza.
La gente no se va a aprender tu sitio por mucho que insistas, as que por lo
menos hazlo sencillo, reutiliza todos los elementos que puedas, para que de
este modo los usuarios se sientan cmodos y no se pierdan cada vez que
necesiten encontrar algo en tu sitio.
Pon las conclusiones al principio.
El usuario se sentir ms cmodo si ve las metas al principio. De esta forma no
tendr que buscar lo que necesita y perder menos tiempo en completar su
tarea. Si completa su tarea en menos tiempo se sentir cmodo y quizs se
dedique a explorar tu sitio o quizs se lo recomiende a un amigo.
No hagas perder el tiempo a la gente con cosas que no necesitan.
Cuidado con cruzar promociones, si lo haces por lo menos hazlo con cuidado.
Procura que la seleccin de productos a cruzar sea consecuente y no lo quieras
"vender todo" en todas las pginas. Segn avance el usuario en su navegacin
procura dejarle mas espacio libre. Puede ocurrir que cuando este punto de
comprar algo vea una oferta que le distraiga y pierdas esa venta.

J. M. Cueva

Usabilidad en la Web

Buenos contenidos.
Escribir bien para Internet es todo un arte. Pero siguiendo las reglas bsicas de
(1) poner las conclusiones al principio y (2) escribir como un 25% de lo que
pondras en un papel, se puede llegar muy lejos. Leer en pantalla cuesta
mucho, por lo que, en el caso de textos para Internet, reduce y simplifica todo
lo que puedas.

2.7 Factores que influyen en la usabilidad

A continuacin se tratan los factores ms importantes que influyen en la usabilidad
de un sitio Web

2.7.1 Diseo De Pgina

ESPACIO DE PANTALLA.

Las pginas web deben estar presididas por un contenido que despierte la
atencin del usuario.
Como norma el contenido de inters para el usuario debe ocupar al menos la
mitad del diseo de una pgina y, preferiblemente, hasta un 80%. La
navegacin debe mantenerse por debajo del 20% del espacio de las pginas de
destino.
Desde el punto de vista de la usabilidad sera mejor eliminar todos los
elementos innecesarios tal como la publicidad, en caso de que tenga que haber
publicidad considerarla dentro del espacio de navegacin.

DISEO DE PLATAFORMA CRUZADA.

En la web el usuario suele controlar su navegacin por las pginas mientras que
los diseadores web tienen que soportar la navegacin controlada por el
usuario. La flexibilidad es la clave.
De dnde vienen los usuarios?
Normalmente vienen a travs de computadoras tradicionales pero
tambin hay que considerar la posibilidad de que accedan a travs de un
mvil o de un automvil por ello disear las pginas sobre las pantallas
pequeas y especificarlas en trminos que permitan a los navegadores
optimizar la pantalla en base a las circunstancias individuales de cada
usuario.
Diseo independiente de la resolucin
Disear para todas las resoluciones de pantalla. No usar nunca un ancho
de pxel fijo para ninguna tabla, marco o elemento de diseo,
exceptuando las barras finas en la parte lateral de la pgina. Habr que
especificar diseos como porcentajes del espacio disponible.
Asegurarse de que los diseos funcionan bien tanto con fuentes
pequeas como con las grandes.
Los elementos grficos tambin deben diseados para distintas
resoluciones.
Utilice el texto para el texto, no incluir texto en los grficos.

J. M. Cueva

Usabilidad en la Web

Proporcione pginas imprimibles separadas

Uso de contenido no estndar.
Evitar en la medida de lo posible los cdigos que no sean estndar y, si
no, utilizar valores predeterminados razonables que funcionen en
cualquier caso.

SEPARAR EL SIGNIFICADO DE LA PRESENTACIN

El diseo original de la web y su formato de datos, HTML, estn basados en el

significado de la informacin y no en su presentacin. El uso de la codificacin
semntica permite que el dispositivo optimice la pantalla a la medida de sus
posibilidades
Hay que separar el contenido de las instrucciones especficas sobre la
visualizacin. La informacin relativa a la presentacin de la informacin habr
que mantenerla en un archivo de hoja de estilos separado que estara vinculado
a un archivo de contenido que slo incluira marcado semntico.

TIEMPOS DE RESPUESTA.

Los usuarios solicitan que aceleremos la descarga de pginas. Actualmente, el

objetivo mnimo de los tiempos de respuesta es el de ofrecer pginas a los
usuarios en no ms de diez segundos.
Recomendacin normal en torno a los tiempos:
0.1segundos es el lmite para que el usuario perciba la descarga como
inmediata.
1 segundo es el lmite que hay para que el usuario piense que no hay
interrupcin.
10 segundos es el lmite mximo para mantener la atencin del usuario
centrada en el dilogo.
Tiempos de respuesta previsibles
Todo lo que se pueda hacer para estabilizar los tiempos de respuesta
redundar en una mejora de la usabilidad. Guarde la variabilidad del
tiempo de reaccin de la pgina en un mnimo.
Indicar el tamao de los archivos cuya descarga vaya a durar ms de
diez segundos tomando como referencia el ancho de banda medio de los
usuarios.
El tiempo de respuesta depende de una serie de elementos que forman
una cadena: rendimiento del servidor, conexin del servidor con el
navegador, propio Internet, conexin del usuario con Internet, velocidad
del navegador y de la computadora del usuario, por tanto las demoras
son acumulativas y no dependen de un nico factor.
Descargas rpidas, conexiones rpidas.
Los posibles recursos son reducir al mnimo el HTML, el nmero y el
tamao de los grficos y de los multimedia. Reutilizar las imgenes
dentro de sus pginas y sitio. Aparte de las descargas rpidas es
necesario conexiones a Internet muy rpidas, para ello es necesario
mantener las pginas web por debajo de 34 kilobytes para los usuarios
con MODEM (basado en un estudio de Proven Edge Inc)
Echar una ojeada a la primera pantalla.
Lo ms importante relacionado con el tiempo de respuesta es que el
usuario vea una pantalla de informacin til: la parte superior de la

J. M. Cueva

Usabilidad en la Web

pgina debe tener sentido, utilice atributos de texto ALT en las

imgenes, el navegador debe dibujar rpidamente la parte superior de la
pgina, reducir la complejidad de las tablas dividiendo la informacin en
varias tablas.

VINCULACIN

Los vnculos constituyen la parte ms importante del hipertexto: conectan las

pginas y permiten a los usuarios ir a nuevos sitios de la web. Tres tipos
principales de vnculos:
Vnculos de navegacin estructural: botones de las pginas de inicio y
vnculos a pginas subordinadas a la actual.
Vnculos asociativos del contenido de pgina: palabras subrayadas que
sealan pginas con ms informacin relacionada con la del texto.
Listas de referencias adicionales.
Descripciones de los vnculos
Evitar el uso de haga clic aqu como texto de un vnculo de hipertexto.
Subrayar las palabras ms importantes e incluir texto que proporcione
resumen sobre el tipo de informacin disponible. No ms de 2-4 palabras
para el hipertexto
Ttulos de vnculos y directrices de los mismos
Los ttulos deben tener como mximo 60-80 caracteres. No aadir ttulos
de vnculos a todos los vnculos si no es necesario. La informacin
adecuada que se puede incluir en un vnculo: nombre del sitio al que
llevan si no es el actual, nombre del subsitio al que llevan si
permanecemos en el mismo sitio, breve informacin sobre lo que se
encontrar en el sitio destino, avisos sobre problemas que puede haber
al otro lado del vnculo.
Colorear los vnculos
No utilizar colores no estndar. Generalmente los vnculos de pginas
que el usuario no ha visto son azules y las que ya ha visitado aparecen
en rojo o morado.
Expectativas de los vnculos
Utilizar siempre el mismo URL para hacer referencia a una determinada
pgina. Un vnculo de hipertexto posee dos extremos: la pgina de
entrada y la pgina destino, para aumentar la usabilidad de los dos
extremos debe explicar porqu deben salir del sito actual (retrica de la
salida) y situar a los usuarios en el nuevo contexto (retrica de la
llegada).
Vnculos externos (salientes)
La razn ms importante para incluir vnculos salientes de un sitio es que
conforman una parte muy barata de valor aadido del contenido. Deben
seleccionarse con cautela, es mejor poco y de calidad.
Vnculos internos (entrantes)
Pueden constituir uno de los principales medios de generar trfico en su
propio sitio, para ello mantener URLs permanentes y disponer de un
buen contenido especificado.

10

J. M. Cueva

Usabilidad en la Web

Crear vnculos con suscripciones y registros.

No requiera las suscripciones ni los registros. Si su pgina de todos
modos exige pagos de suscripcin o registro cree pginas de URL
especiales que tengan vnculos gratuitos.
Vnculos publicitarios.
Aconsejable crear vnculos directos con pginas que sigan el mensaje del
anuncio en vez de crear vnculos directos con su pgina de inicio. El
banner publicitario debe ser diseado como un vnculo de hipertexto.

HOJAS DE ESTILO.

Utilizarlas para separar presentacin y contenido.

Utilizar una sola hoja de estilos para todas las pginas de su sitio.
Utilizar hojas de estilo vinculadas, es decir, se mantienen en archivos separados
y cada pgina web que desee usarla posee un vnculo de hipertexto en su
encabezado que seala la hoja de estilos.
Estandarizar el diseo a travs de las hojas de estilos.
En cada sitio las hojas deben estar diseadas por un grupo de diseo
especfico y centralizado porque es la nica forma de asegurar un estilo
coherente y de aprovecharse de las ventajas de las hojas de estilo.
Asegurarse de que las hojas funcionan.
Las hojas deben seguir funcionando cuando el usuario final o su
navegador las desactive. No utilizar ms de dos fuentes. No utilizar
fuentes de tamao absoluto. No utilizar el atributo important. Utilizar los
mismos nombres de la CLASS para el mismo concepto en todas las hojas
de estilos.

MARCOS.

La recomendacin es decir no, las razones principales:

-

Se presupone que el usuario tiene una pantalla grande.

Muchos navegadores no pueden imprimir adecuadamente pginas
con marcos.
Los marcos son muy difciles de aprender.
Los motores de bsqueda tienen problemas con los marcos.
Algunos navegadores hacen que sea muy difcil detectar marcos.
Muchos usuarios prefieren diseos exentos de marcos.

CREDIBILIDAD

Uno de los objetivos principales del buen diseo web consiste en establecer la
credibilidad como operacin de ejecucin profesional para ello opta por el diseo
limpio y la buena apariencia.

11

J. M. Cueva

Usabilidad en la Web

IMPRIMIR

Proporcionar versiones imprimibles de cualquier documento largo. La

recomendacin es generar dos tipos de versiones de todos los documentos
extensos: una versin optimizada para su visualizacin en lnea y otra
optimizada para la impresin.
El archivo imprimible debe estar en Postcript o PDF y debe existir siempre un
vnculo con una versin HTML para su lectura en lnea. Todo archivo que sirva
para la impresin debe aceptar los dos formatos internacionales comunes: A4 y
8.5*11 pulgadas.

CONCLUSIN
La simplicidad debe ser el final del diseo de pginas, los usuarios se centran en el
contenido de las pginas. Es recomendable asegurarse de que todas las pginas
funcionan en navegadores de ms de dos aos y en versiones de ms de dos aos
de todos los plugs-ins y dems software.

2.7.2 Diseo Del Contenido

Los estudios sobre usabilidad revelan que los usuarios centran su inters en el
contenido. El contenido es lo primero.

ESCRIBIR PARA LA WEB

Las tres directrices principales para escribir en la web son:

-Ser sucinto
-Escribir para poder encontrar las cosas.
-Utilizar hipertexto para dividir la informacin extensa en mltiples
pginas.
Haga que los textos sean breves
Escribir un 50% menos de texto
Revisin de los textos
Todas las pginas web deben pasar por un revisor ortogrfico y las
organizaciones web de alto nivel deben contratar correctores
profesionales.
Facultad de hojear
Se debe escribir para facilitar el hojeado estructurando los artculos con
dos o tres niveles de titular, utilizando encabezados significativos,
utilizando listas con vietas y elementos de diseo similares, utilizando
resaltado y nfasis para hacer que las palabras importantes retengan la
atencin del usuario.
Lenguaje claro
Empezar cada pgina por la conclusin empleando la estructura de la
pirmide (lo ms importante al principio de la pgina), lengua llana, no
abuso de metforas ni tampoco del humor ni de juegos de palabras.

12

J. M. Cueva

Usabilidad en la Web

Fragmentacin de las pginas

Texto breve dividiendo la informacin en mltiples nodos conectados por
vnculos de hipertexto. Dividir la informacin en fragmentos coherentes y
que cada uno se centre en un determinado tema. La informacin larga y
detallada puede ser relegada a pginas secundarias al igual que la
informacin interesante para una minora se puede mostrar a travs de
un vnculo.

TTULOS DE PGINA

Ttulos que tengan de 2 a 6 palabras, con no ms de 60-80 caracteres.

Pginas diferentes necesitan ttulos diferentes.
Optimizar los ttulos para una bsqueda rpida.
Eliminando los artculos del ttulo y que se aproximen ms a eslganes
que a frases gramaticales.

ESCRIBIR TITULARES

Las principales directrices para escribir titulares son:

Explicar claramente sobre qu versa el artculo.
Lenguaje claro.
No ser misterioso.
No escribir los artculos en los asuntos de correo electrnico y en los ttulos de
pgina pero no en los titulares incrustados en una pgina.
Convertir la primera palabra en algo importante.
Evitar que todos los artculos de la pgina comiencen por la misma palabra.

LEGIBILIDAD

Reglas bsicas que aseguran la legibilidad en un sitio web:

Utilizar colores de alto contraste entre el texto y el fondo, lo mejor es texto
negro sobre fondo blanco
Fondos de colores claros o patrones de formato muy sutiles.
Fuentes suficientemente grandes para buena lectura.
Texto esttico y preferiblemente alineado a la izquierda.
Evitar el uso de maysculas en el texto

DOCUMENTACIN EN LNEA

Mejor disear interfaces de usuario que no necesiten documentacin para su

aprendizaje, la gente no lee la documentacin voluntariamente.
Las reglas bsicas de la documentacin en lnea son:
Facilitar la localizacin de las pginas de documentacin a los usuarios.
Proporcionar muchos ejemplos.
Resaltar cmo hacer las cosas paso a paso.
Proporcionar un breve modelo conceptual del sistema.
Glosario integrado.
Ser breve.

13

J. M. Cueva

Usabilidad en la Web

MULTIMEDIA

Requiere una buena disciplina de diseo, el uso no restringido de multimedia

confunde a los usuarios y dificulta la comprensin de la informacin.

TIEMPOS DE RESPUESTA

Indicar el tamao y el formato de archivo de los elementos multimedia tras el

vnculo siempre que se seale a un archivo que tarda ms de diez segundos en
descargar. Proporcionar avances de todos los objetos multimedia en pginas
HTML claras.

IMGENES Y FOTOGRAFIAS

Reducir al mnimo los grficos de la pgina.

Las pginas web de alto nivel deben reducir el nmero de ilustraciones pero una
pgina biogrfica ha de llevar una fotografa del personaje.
Reduccin de la imagen.
Empleo de la tcnica llamada reduccin de imagen de importancia mejorada
que consiste en la combinacin de recorte(se centra en una parte de la foto) y
escalado (minimiza toda la foto).

ANIMACIN

Reducir el uso de la animacin ya que distrae y molesta a los usuarios. La

animacin es buena para 7 fines:
-Mostrar continuidad en transiciones
-Indicar la dimensionalidad en las transiciones
-Ilustrar los cambios en el tiempo
-Multiplicar la pantalla
-Enriquecer las representaciones visuales.
-Visualizar estructuras tridimensionales.
-Atraer la atencin.

VDEO

El uso del video debe minimizarse debido a las restricciones del ancho de
banda. En lugar de straming video es mejor digitalizar una versin de calidad
ms alta que la del video y ponerlo a disposicin para su descarga.

AUDIO

En trminos de usabilidad, el sonido de buena calidad mejora la experiencia del

usuario por lo que es necesario invertir en sonido de calidad profesional.

14

J. M. Cueva

PERMITIR A LOS USUARIOS

CONTENIDO MULTIMEDIA

Usabilidad en la Web
CON

DISCAPACIDADES

USAR

Los usuarios sordos pueden utilizar ttulos en video y transcripciones de

presentaciones de audio.
Para los usuarios invidentes lo mejor es proporcionar una descripcin de texto
que pueda ser leda por un navegador parlante, y para aquellos que no sean
totalmente invidentes proporcionar una imagen de video ms grande o limpia.

IMGENES TRIDIMENSIONALES.

Es mejor tener 2D que 3D porque el uso de esto ltimo aade dificultades entre
otras que los dispositivos que empleamos (pantalla, ratn) son 2D al igual que
las tcnicas de interaccin que se suelen usar.
Usaremos imgenes 3D cuando se necesite visualizar objetos fsicos que
necesiten ser entendidos en su forma slida: cirujanos, ingenieros industriales,
qumicos.
Tambin las aplicaciones de entretenimiento as como algunas interfaces
educativas pueden ser beneficiadas por las imgenes 3D.

CONCLUSIN.
El contenido es el centro de atencin de los usuarios web. El contenido de calidad
es uno de los determinantes ms importantes de la usabilidad. Las preguntas
formuladas por el usuario al juzgar el contenido son qu hay para m? y cmo va
a ayudarme a resolver el problema? Por ello el contenido tiene que estar orientado
a dar respuestas rpidas al usuario.

2.7.3 Diseo Del Sitio.

El contenido de calidad es uno de los determinantes ms importantes de la
usabilidad y el otro es si los usuarios pueden encontrar la pgina deseada.
Desde el punto de vista de la usabilidad el diseo de sitio es ms importante que el
diseo de pgina.
El diseo de los sitios debe orientarse ante todo a la simplicidad, con pocas
distracciones y con una arquitectura de la informacin muy clara con herramientas
de navegacin adecuadas.

15

J. M. Cueva

Usabilidad en la Web

LA PGINA DE INICIO.

Es el estandarte del sitio, debe ser diseada de forma distinta al resto de

pginas. Las pginas interiores y la pgina de inicio aunque diferentes deben
tener el mismo estilo, la pgina de inicio debe tener un logotipo ms grande y
una mejor colocacin del nombre del sitio.
Objetivos de la pgina de inicio son responder a Dnde estoy? y qu hace
este sitio?
Debe ofrecer tres cosas:
-directorio de las principales reas de contenido del sitio(esquema de
navegacin del sitio)
-noticias o promociones especiales.
- opcin de bsqueda.

QU TAMAO DEBE TENER LA PGINA?

No hay que disear para ningn ancho estndar, es mejor crear diseos que
funcionen para una gama de tamaos de ventana. En caso de tener que hacerlo
es aconsejable el uso de un ancho de 600 pixels.
Ancho de la pgina de inicio.
La mayora estn en 600 pixels.
Las pantallas de bienvenida deben desaparecer porque ralentizan al usuario en
su intento de llegar a la pgina de inicio.

LAS PGINAS DE INICIO FRENTE A LAS INTERIORES.

El nombre del sitio es el elemento ms importante de la pgina de inicio y debe

colocarse en la parte superior izquierda de la pantalla. El nombre del sitio debe
repetirse en todas las pginas interiores.
Ofrecer una bienvenida general o panormica del sitio es tarea de la pgina
principal mientras que las interiores se centran en el contenido especfico.
Poner el nombre del sitio y el logo en la parte superior izquierda en todas las
pginas interiores, adems el logo debe estar vinculado a la pgina de inicio. Es
necesario an tener un vnculo explcito llamado inicio en todas las pginas
interiores.
Fomentar el uso de la vinculacin profunda que permite que otros sitios sealen
a los usuarios el punto exacto de su sitio que sea de inters para ellos en lugar
de colocarles en la pgina de inicio.

SMILES.

Es mejor tratar de ser muy literal y describir cada elemento del interfaz por lo
que es y por lo que hace.
Sin embargo un smil puede ser til por dos cosas: puede ofrecer una estructura
unificada para el diseo y puede facilitar el aprendizaje.

16

J. M. Cueva

Usabilidad en la Web

NAVEGACIN.

Las interfaces de navegacin tienen que ayudar a los usuarios en:

Dnde estoy? La ubicacin actual debe mostrarse a dos niveles diferentes: en
relacin con la Web como un todo y en relacin con la estructura del sitio. La
primera regla de la navegacin consiste en incluir el logotipo en cada pgina,
con una colocacin coherente y deber convertirse en un vnculo de hipertexto
con la pgina de inicio. La ubicacin relativa se da mostrando estructuras del
sitio y resaltando el rea donde se encuentra la pgina.
Dnde he estado? Existen varios mecanismos que facilitan esta informacin: el
botn Atrs, la lista de historial y los vnculos de hipertexto aparecen en un
color diferente si sealan a pginas ya visitadas.
Dnde puedo ir? Existen tres tipos de vnculos de hipertexto que indican
posibles destinos:
-vnculos incrustados: texto subrayado, indican ms cosas
-vnculos estructurales: sealan sistemticamente a otros niveles de la
estructura del sitio, a los iguales y a los secundarios de una jerarqua.
-vnculos asociativos: ofrecen pistas a los usuarios vase tambin
Las recomendaciones sobre vnculos son representarlos como texto subrayado
de color azul para pginas no visitadas y rojo o morado para pginas visitadas.
Cuidado con los mens desplegables y los grficos.
Estructura de un sitio.
Tiene que visualizar la ubicacin actual del usuario y sus movimientos
alternativos. Una arquitectura deficiente de la informacin siempre llevar a una
deficiente usabilidad.
Las dos reglas ms importantes son: tener una estructura y hacer que sta
refleje el punto de vista del usuario sobre el sitio, de la informacin o de los
servicios.
La estructura de un sitio debe estar determinada por las tareas que los usuarios
van a llevar a cabo en su sitio. La mayor parte de los sitios poseen una
estructura jerrquica.
Anchura frente a profundidad.
Diseo de navegacin ms habitual enumera todos los niveles superiores del
sitio, normalmente con una banda en la parte izquierda de la pgina. Este
diseo acenta la anchura.

17

J. M. Cueva

Usabilidad en la Web

Figura1: www.terra.es
Existe un segundo diseo que acenta la profundidad mostrando la ruta
jerrquica completa desde la pgina de inicio hasta los niveles de la pgina
actual. Este esquema se denomina migas

Figura 2:useit.com

18

J. M. Cueva

Usabilidad en la Web

Otro diseo es la combinacin anchura-profundidad pero tiene el

inconveniente de ocupar demasiado espacio en la pantalla (looksmart.com)

Figura 3:amazon.com

El ltimo diseo es una anchura de navegacin en los niveles superior e

inferior de la estructura del sitio

19

J. M. Cueva

Usabilidad en la Web

Figura 4:sun.com

EL USUARIO CONTROLA LA NAVEGACIN

Los diseadores web tienen que adaptar y soportar la navegacin controlada

por el usuario dando libertad de movimientos y flexibilidad en la navegacin.
Ayudar al usuario proporcionando mapas que idealmente seran mapas de sitio
dinmico que indique la pgina desde la que se accedi a l y que posea formas
de resaltar la informacin importante a los grupos de usuarios especficos.
Hay que reducir el desorden en la navegacin para ello existen una serie de
mtodos:
-Agregacin
-Resumen -Filtrar -Podar.
-Utilizar las representaciones basadas en ejemplos.

SUBSITIOS.

Utilizar representacin explcita de la jerarqua para proporcionar texto adicional

y opciones de navegacin.

20

J. M. Cueva

Usabilidad en la Web

Subsitio: mecanismo de estructura adicional que se usa en los espacios de

informacin que no se pueden estructurar jerrquicamente y consiste en una
serie de pginas web en un sitio ms grande a las que se ha dotado de un estilo
comn y de un mecanismo de navegacin compartido. El subsitio deber tener
una sola pgina considerada pgina de inicio del subsitio, cada una de las
pginas del subsitio debe tener un vnculo a esta pgina de inicio adems de a
la pgina de inicio del sitio. Tambin debe tener opciones de navegacin
globales y locales.

OPCIONES DE BSQUEDA.

50% de los usuarios se decantan por la bsqueda.

20% de los usuarios siguen los vnculos.
El resto combina ambas cosas.
La bsqueda debe resultar de fcil acceso desde cada una de las pginas del
sitio. No es recomendable ofrecer bsquedas dirigidas que estn limitadas a
buscar en un subsitio, en caso de ser necesario se tiene que declarar
explcitamente en qu mbito se est buscando e incluir un vnculo con la
pgina que busque en todo el sitio. Este vnculo tambin tiene que estar en la
pgina de consulta y en la pgina de los resultados de bsqueda.
Bsqueda avanzada.
Evitar la bsqueda booleana.
Utilizar la bsqueda avanzada cuando si se ofrece en una pgina que no sea
la de las bsquedas sencillas.
Sistema de bsqueda bien diseado que lleve a cabo comprobaciones
ortogrficas y que ofrezca gran nmero de sinnimos.
Pgina de resultados de bsqueda.
Situar los ms importantes primero.
Eliminar coincidencias duplicadas de la misma pgina.
Los sistemas de bsqueda deben reconocer la calidad situando una pgina
FAQ en las primeras posiciones.
Estructurar los resultados de la bsqueda con arreglo a la estructura del
sitio.
Descripcin de pgina y palabras clave.
Abstracciones breves de la pgina
Aadir una serie de palabras clave en una etiqueta meta que vaya dentro del
encabezado de pgina. La lista de palabras clave debe incluir trminos
simples y trminos compuestos.
Utilizar caja de bsquedas ancha.

21

J. M. Cueva

Usabilidad en la Web

Figura 5:google.com
Diseo del destino de la bsqueda.
La pgina destino de una lista de resultados de una bsqueda debe
presentarse en el contexto de la bsqueda del usuario.
Normalmente se destaca la pgina de destino de una bsqueda resaltando
todas las ocurrencias de los trminos que buscaba el usuario.
Se necesita un mtodo estandarizado de codificar las preguntas de usuarios
en los motores de bsqueda principales.

DISEO DE URL.

Hay que considerar los URLs como elementos de diseo.

El componente ms importante de un URL es el nombre del dominio siendo
preferible nombre corto, simple o compuesto formando una nueva palabra
evitando el uso de guiones que expliquen el significado de la estructura del sitio,
comprensibles.
Las abreviaturas se utilizaran como alternativa a tres o ms palabras que juntas
resultan demasiado largas.
Las reglas para que un URL sea fcil de escribir son:
-Corto
-Palabras comunes
-Letras minsculas.
-Evitar caracteres especiales, utilizar exclusivamente letras y dgitos
(cuidado con las oes y con los ceros)

22

J. M. Cueva

Usabilidad en la Web

URL de archivado
Construir el sitio para facilitar la atraccin de vnculos entrantes.
Mantener las pginas en el mismo URL.
Siempre que se reorganiza un sitio o se mueven archivos por otros motivos,
hay que asegurarse de que los URL sigan funcionando.
Hacer publicidad de un URL
Para integrar su presencia en lnea con las actividades que realiza en el
mundo real, todos los anuncios y marketing deben incorporar los URL
apropiados que sealen a su sitio web.
Todo producto fsico tambin debe incorporar el URL .
Soportar URL antiguos
Los URL antiguos deben permanecer funcionales durante al menos medio
ao, y preferiblemente durar dos aos o ms.
En ellos se redirigir desde el servidor al usuario al nuevo URL.
El protocolo http indica dos cdigos:
-301 indica que la pgina se ha movido de forma permanente.,
-302 indica que es un traslado temporal.

CONTENIDO CREADO POR EL USUARIO.

Los chats son posiblemente la peor forma de aadir espritu de comunidad a la

Web. Es mejor no empezar un dilogo con los usuarios a menos que se destinen
recursos sustanciales a hacerlo.
Los grupos de discusin del sitio son lo ms recomendable; el contenido creado
por el usuario suele ser bastante apreciado.
Las discusiones generales son buenas pero caras de mantener.

NAVEGACIN MEDIANTE APPLETS

Son formas de aadir una funcionalidad avanzada a un sitio web permitiendo a

los usuarios interactuar con un programa.
Dos categoras:
-de funcionalidad, miniaplicaciones independientes por derecho propio.
-de contenido, muy integrados en el contenido de una pgina web.
Los applets que se comunican con el servidor deben mostrar un indicador de
progreso al hacerlo.
Los applets tambin necesitan un botn de cancelacin para permitir al usuario
interrumpir las operaciones que sean lentas.

CONCLUSIN
Basar la arquitectura de la informacin en las necesidades de los usuarios.
La experiencia dominante hoy entre los usuarios es que se est en la pgina
equivocada.
Solucin tecnolgica a los problemas del diseo de sitios: un gran motor de
bsqueda de lenguaje natural que permita a los usuarios localizar la pgina
deseada al primer intento.

23

J. M. Cueva

Usabilidad en la Web

2.8 Estado del arte en la evaluacin de artefactos

web
Deben ser sistemticamente tenidas en cuenta durante el proceso de desarrollo a
modo de garantizar la calidad en consideracin de la satisfaccin de los
requerimientos de los diferentes perfiles de usuario caractersticas y atributos de
calidad de artefactos Web tales como usabilidad, navegabilidad, seguridad,
caractersticas de bsqueda y recuperacin de la informacin, mantenibilidad,
rendimiento, accesibilidad, no-deficiencia, y aspectos de funcionalidad especficas
del dominio.
La calidad hay que considerarla durante todo el ciclo de vida de desarrollo de un
artefacto Web: la calidad ha de ser planeada. Se debe prever dentro del modelo de
ciclo de vida de desarrollo de artefactos Web, actividades, metodologas y
procedimientos para asegurar y control de calidad. Las actividades y mtodos
deben a su vez estar comprendidas en el marco de un modelo de proceso de
evaluacin.
Se requiere una metodologa integral: un conjunto bien definido y cooperante de
estrategias, mtodos, modelos y herramientas que, aplicados sistemticamente a
las distintas actividades del proceso, produzca los indicadores o resultados finales.
Se necesita una metodologa que cubra las principales actividades del modelo de
proceso de evaluacin.
No existe hasta el momento una metodologa amplia y reconocida, cuantitativa y
objetiva para evaluar los artefactos y sistemas Web complejos.
El empleo apropiado de las guas de estilo y criterios que aparecieron a mediados
de los noventa ayuda a mejorar el proceso de diseo en la Web pero, obviamente
no constituyen por s mismas un modelo y mtodo de evaluacin de artefactos Web

24