DISEO WEB Y USABILIDAD

Contenido

INTRODUCCIN .............................................................................................................................. 2
JUSTIFICACIN .............................................................................................................................. 4
OBJETIVO GENERAL .................................................................................................................... 5
Objetivos especficos ................................................................................................................ 5
CAPTULO 1. PROCESO DE DISEO Y EVALUACIN ......................................................... 6
CAPITULO 2. OPTIMIZANDO LA EXPERIENCIA DEL USUARIO ...................................... 10
CAPTULO 3. ACCESIBILIDAD.................................................................................................. 13
CAPTULO 4. HARDWARE Y SOFTWARE ............................................................................. 16
CAPTULO 5. PGINA DE INICIO ............................................................................................. 18
CAPTULO 6. DISEO DE PGINA .......................................................................................... 21
CAPTULO 7. NAVEGACIN ...................................................................................................... 24
CAPTULO 8. DESPLAZAMIENTO Y PAGINACIN ............................................................. 27
CAPTULO 9. ENCABEZADOS, TTULOS Y ETIQUETAS ................................................... 29
CAPTULO 10. ENLACES............................................................................................................ 32
CAPTULO 11. APARIENCIA DEL TEXTO .............................................................................. 35
CAPTULO 12. LISTAS ................................................................................................................ 38
CAPTULO 13. CONTROLES BASADOS EN PANTALLA ................................................... 40
CAPTULO 14. GRFICOS, IMGENES Y MULTIMEDIA .................................................... 44
CAPTULO 15. ESCRIBIENDO CONTENIDO WEB ............................................................... 47
CAPTULO 16. ORGANIZACIN DEL CONTENIDO ............................................................. 50
CAPTULO 17. BSQUEDAS ..................................................................................................... 53
INTRODUCCIN

El presente documento trata sobre las directrices de diseo web y la usabilidad

desarrolladas por el Gobierno de EEUU, a travs del U.S. Departament of Health
and Human Services (HHS) en el 2004. Fueron realizadas y revisadas por
diseadores y expertos de usabilidad basndose en la investigacin de diferentes
campos, las cuales se agrupan en 17 temas, destinndose un tema para cada
captulo. En este trabajo se presentan de manera resumida cada una de las
mencionadas directrices que debe cumplir un sitio web.

En el primer captulo se habla de que el primer paso a considerar es definir

los objetivos que tendr el sitio web, as como cuestiones relacionadas con la
usabilidad y su evaluacin, en el segundo captulo se refiere a cmo optimizar la
experiencia de usuario mediante el desarrollo de interacciones hombre-mquina
eficientes y eficaces, en el tercer captulo se tratan cuestiones de accesibilidad y las
directrices relacionadas a sta, basadas en la norma federal de accesibilidad de la
seccin 508 del gobierno de Estados Unidos.

El cuarto captulo se relaciona a las restricciones que el hardware y software

imponen a los usuarios mediante especificaciones en ocasiones no adaptadas a sus
necesidades, sin embargo, no se puede disear para satisfacer a todos los usuarios,
pero si identificar cules son los ms utilizados. En el quinto captulo se menciona
la importancia que tiene la pgina de inicio de un sitio web, y de la cual puede
depender su xito, as como algunas recomendaciones para que stas causen una
buena impresin a los usuarios y los invite a continuar navegando en el sitio.

El sexto captulo, se refiere a la estructura que deben tener las pginas web
para facilitar la compresin del contenido, desde el acomodo de los elementos, las
longitudes de las lneas de texto y el uso de marcos. En el sptimo captulo, se tratan
cuestiones de navegacin, es decir, del mtodo utilizado para encontrar informacin
dentro del sitio, y una buena forma de hacerlo es incluir mapas del sitio para que el
usuario conozca en que parte de l se encuentra. En el octavo captulo, se

2
recomienda a los diseadores que decidan desde al principio del diseo, si van a
utilizar pginas largas que requieren de desplazamiento, o pginas cortas en las
que se tienen que mover de una pgina u otra, as como sus pros y sus contra.

En el noveno captulo, se proporcionan pautas acerca de los encabezados,

ttulos y etiquetas que se utilizarn en el sitio web, y que si son diseados
adecuadamente atraern la atencin de los usuarios y les facilitan la bsqueda de
informacin. En el dcimo captulo, se habla de cuestiones relacionadas a los
enlaces, desde el uso de las etiquetas adecuadas hasta el manejo efectivo que se
hace de ellos. Tambin, se trata el tema del texto en el captulo once, sobre el
aspecto que debera tener y las caractersticas que debe poseer para propiciar que
la pgina web tenga una comunicacin efectiva con el usuario.

El captulo doce, trata de aspectos relacionados a las listas, como el formato,

el orden de los elementos, el estilo, entre otros. En el nmero trece, se describen
cuestiones sobre los controles basados en pantallas (widgets), tales como: botones
de radio, casillas de verificacin, listas desplegables y campos de entrada, que por
lo general permiten la interaccin entre usuario y el sitio web. En captulo catorce,
se mencionas las caractersticas que deben cumplir los grficos, imgenes y los
elementos multimedia para que un sitio web sea visualmente llamativo, pero que no
saturen la percepcin de los usuarios.

En el captulo quince, trata de uno de los elementos ms importantes de un

sitio web, el contenido; el cual debera ser sustancial, con palabras comprensibles
para el usuario comn, as como una redaccin adecuada. Y sobre la organizacin
del contenido se habla en el captulo diecisis. Finalmente, en el captulo diecisiete,
se recomienda proporcionar una opcin de bsqueda cuando el sitio web es rico en
contenido, esto agrega valor al sitio y mejora el rendimiento de los usuarios en
cuanto a que encentrarn ms fcilmente la informacin, a que si utilizaran un motor
de bsqueda.

3
JUSTIFICACIN

Hoy en da, se produce ms informacin de la que podemos asimilar, se crean sitios

y pginas a cada instante, sin embargo, stos deben estar bien diseados y con
una buena usabilidad para lograr que los usuarios permanezcan en ellos por ms
tiempo y lo que es ms deseable que lo sigan frecuentando. Tantas opciones que
ofrecen los motores de bsqueda, hace que los usuarios solo den exploraciones
rpidas a las pginas para seleccionar aquellas que les son cmodas, atractivas y
de contenido til a sus intereses.

Es importante conocer las buenas prcticas web desde que los diseadores
comienzan a hacer sus primeros proyectos web, esto permitir que se les arraiguen
y se conviertan en hbitos, esto les facilitar el diseo de futuros proyectos. Y no
solo a quienes se dedican profesionalmente al diseo web, sino que estas pautas
les servirn a personas que tienen conocimientos especficos en ciertos temas y
quieren compartir sus conocimientos por medio de la red, a aquellos que quieren
dar a conocer sus productos o servicios a mayor pblico, en fin hay muchos usos
que se les puede dar a las pginas web.

Las herramientas que nos ofrece la tecnologa en la actualidad, permite que

cualquier persona sin conocimientos especficos en diseo pueda elaborar su propio
sitio web, sin embargo, es necesario que conozcan prcticas efectivas y
responsables para lograr el mximo rendimiento, y por tanto, se proporciona este
documento con las directrices fundamentales para propiciar que el desempeo de
las pginas web sea eficiente y eficaz para atraer a los usuarios y retenerlos.

4
OBJETIVO GENERAL

Que los lectores conozcan las directrices fundamentales relacionadas al diseo web
y la usabilidad, para que puedan aplicarlas durante el proceso de diseo de sus
propios sitios o pginas web.

Objetivos especficos

Que los lectores conozcan las directrices fundamentales del proceso de

diseo y usabilidad de los sitios y pginas web
Que los lectores apliquen los conocimientos adquiridos en el proceso de
diseo de su propio sitio o pgina web.

5
CAPTULO 1. PROCESO DE DISEO Y EVALUACIN

En este captulo se presentan algunas cuestiones relacionadas con la usabilidad en

el proceso de diseo, desarrollo y evaluacin de un sitio web. La primera, es la
relacionada con la fijacin de los objetivos principales del sitio web, los cuales deben
ser claros y concisos, as como establecer el enfoque que tendr el sitio, si ser
hacia la educacin, informacin, entretenimiento, ventas, etc., asimismo, determinar
la audiencia a la cual estar dirigido el sitio web, el contenido, funcin, la apariencia
nica y la diferencia respecto a otros sitios web. Una buena idea, es comunicar los
objetivos, a travs de un consenso formado por los desarrolladores, administrador
y otros trabajadores del sitio web.

Otra cuestin, es el uso del enfoque de diseo iterativo, esto con el propsito
de crear un sitio web ms til y usable; al cual se le podrn estar haciendo cambio
basados en los resultados de las pruebas, es decir, un proceso repetitivo de probar
y hacer cambios. La siguiente cuestin est relacionada a la anterior, y se refiere a
hacer evaluaciones antes y despus de hacer cambios, para asegurarnos si los
cambios realizados han hecho una diferencia en la usabilidad del sitio web.

Otro aspecto importante, es proporcionar contenido til (atractivo, relevante

y apropiado) para la audiencia, y no desperdiciar recursos proporcionando acceso
fcil y buena usabilidad, pero con el contenido equivocado. Otro punto, se refiere a
comprender y satisfacer las expectativas del usuario, especialmente las
relacionadas con la navegacin, contenido y organizacin. Para que al usuario le
sea ms fcil el aprender y recordar el mapa de un sitio, es conveniente hacer uso
de un plan de formatos y navegacin que le sean familiares (ver fig. 1).

Es relevante tambin, comprender ampliamente las necesidades de los

usuarios, por ello, entre mayor intercambio de informacin se d entre usuarios y
desarrolladores, mayores sern las probabilidades de obtener un sitio web exitoso.
En este intercambio podra incluirse soporte en lnea a los clientes, encuestas y
entrevistas a los clientes, tablero de anuncios, personal de ventas, grupos de
usuarios, intercambio de experiencias, grupos de discusin, etc. EL xito del

6
proyecto requiere al menos 4 y en promedio 5 fuentes de informacin, evitando el
uso de intermediarios.

No es conveniente utilizar las ideas de un solo diseador, lo mejor es tener

prototipos de varios desarrolladores, para que al evaluarlos independientemente se
elijan los mejores elementos de cada uno. De la misma manera, se deben
consideran tantas cuestiones de interfaz de usuario durante el proceso de diseo
como sea posible, los cuales pueden incluir: el contexto desde donde los usuarios
visitaran el sitio web, el nivel de experiencia de los usuarios, el tipo de tareas que
stos realizan en el sitio, el tipo de computadora y rapidez de la conexin usada
cuando visitan el sitio, evaluacin de prototipos, y los resultados de las pruebas de
usabilidad.

Otra cuestin relevante, es enfocarse en el rendimiento antes que en la

preferencia, esto es, tomar decisiones acerca del contenido, formato, interaccin y
navegacin antes de decidir los colores y grficos decorativos. Tambin es de
importancia considerar el establecimiento de los objetivos de usabilidad, que
incluyan tasas de xito y el tiempo que lleva a los usuarios a encontrar informacin
especfica, u objetivos de preferencia que aborden la satisfaccin y la aceptacin
por parte de los usuarios.

Adems, se debe hacer una seleccin adecuada del nmero de participantes

en la aplicacin de las diferentes evaluaciones de usabilidad, si se usan muy pocos
se podra reducir la usabilidad de un sitio, pero si se usa demasiados se
desperdiciaran recursos valiosos. La inspeccin de las evaluaciones deben
realizarlas especialistas en usabilidad y entre ms expertos participen, ms tiles
sern los resultados. Al comienzo del diseo, se puede utilizar un nmero pequeo
de participantes, sin embargo, lo mejor es desarrollar ciclos iterativos de pruebas de
usabilidad sobre la marcha del desarrollo del sitio web.

Para que un sitio web tenga altas probabilidades de ser visitado, se debe
asegurar de que se encuentra posicionado sobre las treinta referencias presentadas
desde el mejor motor de bsqueda. Para que esto se requiere que el meta-contenido

7
y los ttulos de las pginas sean apropiados, el nmero de enlaces al sitio web, as
como, el registro con los mejores motores de bsqueda (ver fig. 2).

Cuando se realizan las pruebas de usabilidad, se debe reconocer el sesgo

que parece tener todos los probadores, para ello, es conveniente que los
diseadores indiquen con precisin los objetivos de usabilidad de sus sitios web,
para los probadores de usabilidad y las evaluaciones. Asimismo se debe ser
cauteloso cuando se utilicen evaluaciones heursticas, por ejemplo, la revisin de
expertos, ya que stas aparentemente detectan mayores problemas potenciales,
que los que en realidad son, as lo demuestran algunos estudios.

Otra precaucin que se debe tener, es en el uso de recorridos cognitivos, los

cuales con frecuencia se utilizan para resolver problemas obvios antes de realizar
las pruebas de rendimiento. Sin embargo, al parecer detectan ms problemas
potenciales que los que en realidad existen, cuando se comparan con los resultados
de las pruebas de rendimiento. Se puede hacer uso de mtodos de evaluacin
automtica, esto es, cuando un software es usado para evaluar un sitio web, ese
mtodo puede ayudar a encontrar varios problemas en las evaluaciones iniciales,
pero no deben ser usados como sustitutos de las evaluaciones o las tpicas pruebas
de usabilidad aplicadas a los usuarios.

8
Fig. 1 _ Pgina web con un mal diseo, con formatos y navegacin poco familiares.

Fig. 2_ Sitio web con altas probabilidades de ser visto, al introducir las palabras clave plantas
medicinales, aparece en la posicin #1 de los tres buscadores ms utilizados: Google, Yahoo y Bing.

9
CAPITULO 2. OPTIMIZANDO LA EXPERIENCIA DEL USUARIO

En este captulo se mostrarn algunas recomendaciones a los diseadores de sitios

web, referente a facilitar y fomentar la eficiencia y eficacia de la interaccin hombre-
mquina, para reducir la sobrecarga de trabajo de los usuarios mediante el
aprovechamiento de las capacidades de la computadora.

La primera, consiste en mostrar la informacin en un formato directamente

utilizable, es decir, que los usuarios no se vean en la necesidad de convertir,
adaptar, calcular, interpolar, o trasladar los datos mostrados en otras unidades, o
consultar la documentacin para determinar el significado de los datos mostrados.
Por ejemplo, proveer diferentes formatos de temperatura (grados centgrados o
Fahrenheit), o en el caso de la hora (formato 12hrs., o 24 hrs.), (ver fig. 3). Tambin,
se debe evitar mostrar ventanas o grficos no solicitados por el usuario, ya que los
mismos han comentado que les resultan molestos y les distraen de su actividad
original.

Otra recomendacin, es el proveer asistencia a los usuarios, esta cuestin

es particularmente importante si se considera que, muchos de los visitantes de los
sitios web son inexpertos o es su primera visita, por lo que resulta benfico incluir
un enlace que les proporciones ms informacin sobre el contenido del sitio, y
describa la mejor manera de navegar en l.

Una buena idea, es proporcionar opciones de impresin o de descarga,

debido a que muchos usuarios prefieren leer el texto de una copia impresa del
documento y hacer anotaciones al margen, o algunos creen que no sern capaces
de volver a encontrar de nuevo el documento en el sitio web (ver fig. 4). Adems,
se debe considerar el desarrollo de pginas que se puedan imprimir correctamente,
con la anchura adecuada para imprimirse en el tamao estndar de 8,5 x 11
pulgadas en orientacin vertical.

Otra utilidad, sera que se estandaricen secuencias de tareas, los usuarios

aprenden ciertas secuencias de comportamiento y tiene un mayor rendimiento
cuando pueden repetirlas de manera fiable. Por ejemplo, encontrar paneles de

10
informacin adicional a la derecha o izquierda, se familiarizan con un proceso de
bsqueda, o en la manera que se presenta el calendario (listas desplegables, o
ventanas emergentes).

Minimizar el tiempo de descarga de las pginas de un sitio web, para ello, es

necesario reducir al mnimo el nmero de bytes por pgina. Advertir tiempo de
espera, los usuarios deben saber si la pgina est programada para esto; algunos
sitios utilizan stos tiempos de espera por motivos de seguridad, por lo que deberan
alertar al usuario si requiere de tiempo adicional para concluir sus operaciones.

Reducir la sobrecarga de trabajo de los usuarios, para tal efecto, dejar que el
ordenador haga tantas tareas como sea posible, para que los usuarios se
concentren en las tareas que requieren de entrada y procesamiento humano, con la
finalidad de obtener el mximo provecho de los puntos fuertes de cada uno. Otra
recomendacin es, usar la terminologa de los usuarios en documentos de ayuda,
ya que existe una comprensin variada de los usuarios respecto a cmo se
denominan algunas caractersticas del sitio web, y en algunos casos la forma en
que se utilizan.

Adems, proporcionar realimentacin apropiada a los usuarios mientras

esperan que se complete el proceso solicitado, mediante el uso de algunos
elementos que les indiquen cuando haya finalizado el procesamiento, de sta
manera, los usuarios podrn realizar otras actividades durante el tiempo de espera.
Muy similar a esto, es la cuestin de informar a los usuarios de los tiempos de
descargas largas, y proporcionar el tiempo y tamao de las imgenes o
documentos, para que ellos decidan si esperan o no para la descarga del archivo.

Algo que se debe evitar, es requerir que los usuarios realicen multitareas
mientras leen desde el monitor, esto podra ralentizar el rendimiento de su lectura,
generalmente, los usuarios pueden leer desde el monitor con mayor rapidez que
desde el papel, mientras no se les requiera de otras tareas que involucren recursos
de memoria de trabajo mientras leen. Otro punto, es realizar el diseo tomando en
cuenta las limitaciones de memoria de trabajo de los usuarios, stos pueden

11
recordar relativamente pocos elementos de informacin para un corto periodo de
tiempo.

Fig. 3_ Esta pgina web no se provee de diferentes formatos de medidas en peso y volumen.

Fig. 4_ En esta pgina, se proporciona la opcin de imprimir, enviar por correo o guardarla en PDF.

12
CAPTULO 3. ACCESIBILIDAD

Los sitios web deberan ser diseados para asegurar que todo el mundo, incluyendo
personas con dificultades, visuales, auditivas y para realizar movimientos precisos,
puedan utilizarlos. En todos los sitios web del gobierno de EU, deben cumplir con
las normas federales de la seccin 508. En este captulo se mencionan las
directrices relacionadas a la accesibilidad.

La primera se refiere, a que cuando se est diseando un sitio web para el gobierno
de los EU, se debe asegurar que se cumple con los requisitos de la seccin 508 de
la Ley de Rehabilitacin. Se calcula que alrededor del ocho por ciento de la
poblacin de usuarios tiene una dificultad que puede hacer que el uso tradicional de
un sitio web les resulte difcil o imposible.

El diseo de formularios para que los usuarios utilicen tecnologa de

asistencia, es de importancia en el aspecto que gran parte de la informacin
recogida a travs de internet se recopila mediante formularios en lnea, por ello,
asegurarse de que puedan completar y enviar el formulario en lnea. Otra directriz,
se refiere a la provisin de texto equivalente para elementos no textuales, tales
como imgenes, representaciones grficas del texto (incluyendo smbolos), mapas,
animaciones (gif) applets, vdeos, botones grficos, etc.

. Otro cumplimento a ley, es el no usar solo color para transmitir informacin,

para ello, asegurarse de que la informacin transmitida en colores, tambin est
disponible sin color, debido a que poco menos del 10% de los usuarios tienen
dificultad para distinguir colores, para hacer frente a stas deficiencias, los
diseadores deben seleccionar cuidadosamente combinaciones de colores, que
permitan a los usuarios con deficiencias, distinguirlos, tomando en cuenta contraste
y luminosidad.

Otro requisito, es el proporcionar pginas equivalentes cuando no se puede

dar cumplimiento a las disposiciones de accesibilidad en la pgina original, esto
para que los usuarios puedan tener acceso fcilmente y posibilite el uso de lectores
de pantalla y otros dispositivos de asistencia. Como regla general, garantizar que

13
estas pginas equivalentes se estn actualizando con frecuencia y que contienen la
misma informacin que en la pgina original.

Tambin, se debe garantizar que los scripts permitan la accesibilidad, esto

es, que cuando el diseador este proporcionando informacin en una pgina que
utilice lenguajes de script para mostrar contenido o crear interface de elementos,
ste puede ser ledo por tecnologa de asistencia. Otra regla, es proporcionar mapas
de imagen del lado del cliente, en lugar de hacerlo del lugar del servidor, debido a
que los del lado del cliente, se pueden hacer totalmente accesibles, mientras que
los del lado del servidor no pueden ser accesibles sin el empleo de texto alternativo
para cada seccin del mapa.

Permitir que los usuarios que utilizan tecnologas de asistencia omitan

enlaces de navegacin repetitiva, ya que para ellos puede ser una tarea tediosa y
requiere de mucho tiempo, el esperar a que todos los enlaces repetitivos sean
ledos. Adems, proporcionar el ttulo del marco para facilitar la identificacin y
navegacin en el mismo marco; stos son usados para dividir la pantalla del
navegador en reas separadas, que presentan informacin diferente, pero
generalmente relacionada. Por lo tanto, los ttulos del marco deben ser claros y
concisos, para permitir a las personas con discapacidad orientarse a s mismos
adecuadamente cuando usen los marcos.

Otro requerimiento, es hacer pruebas de accesibilidad a los plug-ins, applets,

u otras aplicaciones que requieran interpretar el contenido de una pgina, para
asegurar que ellos pueden ser usados por tecnologa de asistencia (ver fig. 5). As
como, el proporcionar alternativas equivalentes para que los elementos multimedia
puedan sincronizarse. Y no requerir hojas de estilo, que comnmente son utilizadas
para controlar el diseo y la apariencia de la pgina web, ellas no deben obstaculizar
la capacidad de los dispositivos de asistencia para leer e interpretar lgicamente la
informacin. Una ltima directriz, es evitar el parpadeo de pantalla con una
frecuencia superior a 2 HZ e inferiores a 55 Hz, debido a que las personas con
epilepsia son fotosensibles, y pueden tener convulsiones provocadas por ciertas
frecuencias de parpadeo de pantalla (ver fig. 6).

14
Fig. 5_ El contenido de esta pgina de diario, puede ser accesible desde diferentes tipos de
dispositivos.

Fig. 6_ Los colores brillantes y el parpadeo veloz que tiene esta pgina de inicio, afecta hasta a los
usuarios comunes, con mayor razn a personas con epilepsia.

15
CAPTULO 4. HARDWARE Y SOFTWARE

Los diseadores no siempre pueden hacer lo que les viene en mente. As como, los
diseadores consideran las necesidades especficas de informacin de los
usuarios, tambin deben considerar las restricciones que stos imponen a ellos
respecto al hardware, software y la velocidad de conexin a internet. Debido a varias
limitantes no se puede disear para todos los usuarios, por lo que se debe identificar
el hardware y software utilizados por su audiencia primaria y secundaria y disear
para maximizar la efectividad de su sitio web.

Por lo tanto, se debe disear para los navegadores ms comunes e intentar

dar cabida al 95% del total de los usuarios, para lo que deben hacerse todas las
pruebas utilizando stos navegadores (ver fig. 7). Asimismo, no se debe asumir que
todos los usuarios tendrn las mismas caractersticas en el navegador, algunos de
ellos pueden seleccionar fuentes ms grandes, desactivar fondos, usar menos
colores, etc., por lo que los diseadores deben averiguar los ajustes ms utilizados
por los usuarios, y especificar en el sitio web exactamente las suposiciones que
hicieron acerca de la configuracin del navegador.

Otro aspecto a considerar, es el disear para los sistemas operativos ms

populares, para lo que los diseadores deben intentar cubrir al 95% del total de los
usuarios haciendo pruebas de un sitio web usando stos sistemas operativos. De la
misma manera, hacer el diseo tomando en cuenta la velocidad de conexin de la
mayora de los usuarios, sin embargo, las cifras sobre el uso de una velocidad u
otra est cambiando continuamente, por lo que se debe estar consultando varias
fuentes para mantener las cifras actualizadas.

Tambin, los diseadores deben tomar en cuenta las resoluciones de

pantalla ms utilizadas para intentar dar cabida al 95% del total de los usuarios, que
para el ao 2003 la ms utilizada fue la de 800x600 pixeles, para lograr hacer esto
los diseadores debern ajustarse a esta resolucin, incluso a una ms alta y hacer
todas las pruebas del sitio web basndose en stas (ver fig.8).

16
Fig. 7_ Sistemas operativos ms comunes en la actualidad.

Fig. 8_ Resoluciones de pantalla ms utilizadas al 2015

17
CAPTULO 5. PGINA DE INICIO

La pgina de inicio debe ser diferente a la de otros sitios web y causar una buena
impresin a todos los que la visiten, as como, proveer un acceso fcil a cada pgina
del sitio web. En trminos de transmitir calidad, la pgina de inicio probablemente
es la pgina ms importante de un sitio web, tal y como lo demuestra un estudio en
el que se pregunt a los usuarios si encuentran alta calidad en los sitios web, en la
que cerca de la mitad de las veces los participantes solamente miraron la pgina de
inicio.

Otro aspecto, es el referente a que se debe asegurar que una pgina de inicio
luzca como tal, es decir, que posea las caractersticas que un usuario esperara de
una pgina de inicio y que incluya acciones tales como: encontrar enlaces
importantes, acceder al mapa del sitio o ndice, hacer bsquedas, entre otras (ver
fig. 9). As como, el mostrar las opciones ms importantes en sta pgina, ya que
los usuarios no deberan requerir hacer clic en una pgina de segundo o tercer nivel
para descubrir la gama completa de opciones del sitio web.

Es importante tambin, permitir el acceso a la pgina de inicio desde

cualquier otra pgina del sitio web, algunos usuarios pueden requerir regresar a la
pgina de inicio para comenzar una nueva tarea, o comenzar la tarea otra vez, por
lo que se debe crear una manera obvia para lo que los usuarios regresen
rpidamente a la pgina de inicio desde cualquier punto del sitio web. Muchos sitios
web utilizan el logo de la organizacin como un enlace para regresar a la pgina de
inicio, pero lo mejor es incluir un enlace en una etiqueta de home cerca de la parte
superior de la pgina, porque muchos usuarios no esperaran que el logo sea un
enlace a la pgina principal.

En lo referente a los paneles de las pginas de inicio, stos deben tener la

anchura adecuada para ser reconocidos como paneles, ya que esto es crtico para
ayudar a los usuarios a entender el esquema general de un sitio web, deben tener
el ancho suficiente para presentar claramente enlaces e informacin de navegacin,
pero lo suficientemente estrecho para no dominar la pgina.

18
 Una accin valiosa, es el anunciar a los usuarios los cambios importantes en
un sitio web, para no tomarlos por sorpresa y que no sepan qu hacer de repente al
enfrentar una nueva estructura en la navegacin del sitio. Una manera de hacerlo,
es comunicar a los usuarios previamente de los cambios que se harn y la fecha en
que se aplicarn, as como, que la informacin contine disponible en el sitio.
Tambin podra ser til si se les informa de cambios relevantes de otros lugares en
el sitio web, por ejemplo, si surgen cambios en las polticas de compra,
proporcionarles una notificacin de esto en la pgina de pedido.

Tambin, debe comunicarse en la pgina de inicio el propsito del sitio web,

porque algunos usuarios podran desperdiciar el tiempo por entender mal el
propsito del sitio, por ejemplo, en un estudio la mayora de los usuarios esperaban
que un sitio web mostrara los resultados de proyectos de investigacin, no
meramente descripciones de metodologa de proyectos. En algunos casos el
propsito de un sitio web es fcilmente inferido, en otros podra necesitarse ser ms
explcitos mediante el uso de un breve texto o un tagline.

Otra recomendacin, es limitar el uso de texto comn en la pgina de inicio,

ya que la primera accin de la mayora de los usuarios es dar un vistazo a los ttulos
de los enlaces y encabezados principales, pero si les requiere a los usuarios que
lean gran cantidad de texto comn pueden retrasarse considerablemente, o podran
evitar completamente leerlo.

Una ltima consideracin, es limitar la longitud de la pgina de inicio para

mostrar toda la informacin en pantalla completa, adems de colocar en esta
seccin cualquier elemento que deba atraer la atencin inmediata de los usuarios,
debido a que si los usuarios determinan que lo que ven no es interesante, no se
molestaran en desplazarse a ver el resto de la pgina, y esto puede impactar
negativamente en la efectividad del sitio web (ver fig. 10).

.Las dimensiones de una pantalla completa de informacin deben basarse

principalmente en la resolucin de pantalla. Lo siguiente supone que los usuarios
tienen seleccionada una resolucin de 800x600 pixeles: anchura mxima=780
pixeles; altura mxima =430 pixeles.

19
Fig. 9_ Esta pgina de inicio, posee todas las caractersticas propias de ella, tiene un rea para
bsqueda, enlaces a otras pginas, los temas principales se encuentran en la barra superior del
men, el logo del sitio funciona como enlace a la pgina principal, as como en las dems pginas
tambin se encuentra este acceso directo.

Fig. 10_ Esta pgina tiene un mal diseo, su longitud se desborda de la pantalla completa, adems
de estar muy saturada y no distinguirse claramente la barra de mens.

20
CAPTULO 6. DISEO DE PGINA

Todas las pginas web deberan ser estructuradas para facilitar la comprensin, lo
cual incluye poner las longitudes de pgina apropiadas, por lo general, las pginas
ms cortas son utilizadas en las pginas de inicio y de navegacin para que no haya
la necesidad de desplazarse y puedan ser consultadas rpidamente, y las de
longitud mayor a 1 facilitan la lectura ininterrumpida, especialmente para contenido
de pginas, en donde la barra de desplazamiento indica si hay ms informacin
debajo.

Cuando se requiera que ciertas funciones permanezcan visibles para ser

accesibles por los usuarios, deben utilizarse los marcos, funciona bien el tener
elementos funcionales en un marco y que los elementos acten en consecuencia
en otro marco. Esto algunas veces se refiere algunas a mens simultneos,
porque se hacen cambios en un marco ocasionando que la informacin cambie en
otro marco. Los marcos lado a lado parecen funcionar mejor, con las funciones en
la izquierda y la informacin visible en el rea de la derecha.

Se debe tener en mente que los marcos pueden confundir a algunos

usuarios, por lo que no deben utilizarse ms de tres en una pgina, adems de que
stos plantean problemas cuando los usuarios intentan imprimir y a la hora de
buscar pginas. Tambin, es fundamental establecer el nivel de importancia de la
informacin presentada en cada pgina del sitio web, y colocarse en el orden que
le sea ms til a los usuarios, que les permita encontrar y usar la informacin ms
importante; as, la de mayor importancia debe mostrarse en la parte ms alta de la
pgina y la menos utilizada aparecer en la parte de abajo.

De la misma manera, colocar los elementos ms importantes del sitio en el

centro superior de la pgina, para facilitar a los usuarios encontrar la informacin,
ya que generalmente stos ven primero hacia ese lugar, despus a la izquierda,
luego al a derecha y finalmente comienzan a moverse de manera sistemtica por
toda la pgina, as como el colocarlos de manera consistente en el mismo lugar.
Todo el contenido crtico y de navegacin debe estar hacia la parte superior de la

21
pgina. Particularmente en las pginas de navegacin, la mayora de las opciones
principales deben ser visibles sin o con un mnimo de desplazamiento (ver fig. 11).

La pgina debe estructurarse de tal manera, que se los usuarios puedan

hacer comparaciones entre dos o ms elementos sin tener que recordarlos,
mientras stos navegan en otra pgina o en otro sitio de la misma pgina. Tambin,
se recomienda usar modernamente los espacios en blanco, ya que el exceso de
separacin de los elementos de la pgina puede requerir a los usuarios desplazarse
innecesariamente, debe limitarse la cantidad de espacios en blanco, sobre todo en
pginas utilizadas para la exploracin y la bsqueda.

Los elementos de una pgina (bloques de texto, filas, columnas, casillas de

verificacin, botones, campos de entrada, etc.) deben estar alineados visualmente,
ya sea vertical u horizontalmente y ser consistente a travs de todas las pginas del
sitio web, para permitir al usuario encontrar y analizar ms rpidamente la
informacin (ver fig. 12). Asimismo, elegir las longitudes de lnea ms apropiadas
de acuerdo a la determinacin del que disea, si es ms importante el rendimiento
(velocidad de lectura) utilizar longitudes de lnea ms larga (75-100 CPL); o si lo es
la preferencia (de los usuarios), deben usarse lneas ms cortas (50 CPL).

Se debe evitar obstaculizar el desplazamiento a travs de la pgina, por lo

que se debe asegurar que la ubicacin y el diseo de los encabezados y otros
elementos de la misma, no generen la ilusin de que los usuarios (principalmente
los nuevos visitantes) han llegado a la parte superior o inferior de una pgina,
cuando la barra de desplazamiento indica que no es as.

22
Fig. 11_ Esta pgina de inicio, es un caos total, no se puede distinguir la informacin importante.

Fig. 12_ Los elementos de sta pgina web, se encuentran perfectamente alineados

23
CAPTULO 7. NAVEGACIN

La navegacin de refiere al mtodo utilizado para encontrar informacin dentro de

un sitio web. Una pgina de navegacin se utiliza principalmente para ayudar a los
usuarios a localizar y enlazar a las pginas de destino. Es importante, proporcionar
retroalimentacin a los usuarios, para permitirles conocer en qu lugar del sitio web
se encuentran y procedan a la siguiente actividad. Algunos ejemplos de
retroalimentacin son los siguientes: proporcionar la ruta y jerarqua de la
informacin, el texto del enlace coincide con la pgina de destino, cambiar el color
del enlace cuando ya se le ha dado clic, y usar otras seales visuales para indicar
la parte activa de la pantalla.

Cuando las pginas son largas, es conveniente utilizar una lista de

contenidos en la parte superior y que sea clickeable, es decir, con enlaces que
conduzcan a las secciones del contenido correspondiente, esto puede servir para
dos propsitos, proporcionar un esquema de la pgina y que el usuario pueda
determinar si contiene la informacin deseada, y el otro es que permite a los
usuarios acceder rpidamente a la informacin especfica.

Cuando coloquemos enlaces en nuestra pgina web, se debe evitar crear o

dirigir a los usuarios a pginas que no tengan opciones de navegacin, esto puede
confundirlos y hacerlos sentir frustrados, por ejemplo, cuando se redirige al usuario
a una nueva ventada del navegador y sta se abre a pantalla completa y el botn
de retroceso se encuentra deshabilitado, l podra no darse cuenta que fue
redirigido a otra pgina y no sabe qu hacer porque no puede presionar atrs para
regresar a donde estaba, por ello, si se incorporan stos enlaces, la ventana recin
abierta debe contener un control de accin destacado para cerrar la ventana y
regresar al usuario a la ventana original del navegador.

Los elementos de navegacin deben diferenciarse y agruparse para ser

identificados por el usuario fcilmente, y ste pueda entender la diferencia en su
significado y destino, as como, la estructura del sitio web. Debe crearse un
esquema de navegacin comn en cada una de las pginas contenidas en la web,

24
ubicando consistentemente pestaas, encabezados, listas, bsquedas, mapas de
sitio, etc. Se debe ubicar los elementos crticos de navegacin en lugares que
sugieran la posibilidad de hacer clic, por ejemplo, las listas de las palabras que se
encuentran en paneles derecho o izquierdo, asumen ser enlaces.

Cuando utilice pestaas, debe asegurarse de que las etiquetas de stas son
claramente descriptivas de su funcin o su destino, que permitan al usuario hacer
selecciones sin errores, cuando las etiquetas de pestaas no se pueden aclarar
debido a la falta de espacio, es mejor no utilizarlas. De la misma manera, deben ser
colocadas en la parte superior de la navegacin y verse como clickables, con una
apariencia de pestaas del mundo real, es decir, deben verse como aquellas que
se encuentran en un cajn de archivos.

Cuando se tengan muchas pginas en un sitio web, es recomendable utilizar

mapas del sitio para ofrecer una visin general y mostrar la jerarqua del sitio web,
pueden disearse en forma de tabal tradicional o como un ndice simple (ver fig. 13).
Por otra parte, deben usarse los tipos de men apropiados, los secuenciales para
tareas de desplazamiento hacia adelante (despus de cada seleccin se abre otro
men) y los simultneos para tareas que de otro modo requeriran numerosos
usos del botn de regreso, stos muestran opciones de varios niveles en la jerarqua
del men, proporcionando al usuario la posibilidad de elegir en el men cualquier
orden.

Las pginas de navegacin deben ser cortas y no requerir que los usuarios
deban desplazarse, la informacin debe ser presentada en una sola pantalla para
evitar que el usuario suponga que la parte inferior de la pantalla es el final de sta,
y no hagan el intento de avanzar para encontrar ms opciones de navegacin (ver
fig. 14).Tambin, se deben proporcionar glosas (texto corto explicativo) para ayudar
a los usuarios a seleccionar los enlaces correctos, ya que stas presentan una vista
previa de la informacin detrs de un enlace; las glosas deben ubicarse cerca del
enlace pero no colocarse en donde perturbe el texto principal.

25
Fig. 13_ En esta pgina, se puede visualizar el mapa del sitio web, para que el usuario pueda ver
todas las pginas que contiene el sitio, y determinar en qu parte de l se encuentra.

Fig. 14_ La pgina muestra todos los elementos principales en una sola pantalla, sin necesidad de
que el usuario se desplace para ver el resto de los temas.

26
CAPTULO 8. DESPLAZAMIENTO Y PAGINACIN

Al comienzo del proceso de diseo, los diseadores deben decidir si van a utilizar
la paginacin (en pginas cortas) o desplazamiento (en pginas largas), esto son
base en consideraciones de los principales usuarios y el tipo de tareas que
desarrollan. Como primera regla, se debe eliminar la necesidad del desplazamiento
horizontal, ya que es una manera lenta y tediosa para ver la totalidad de la pantalla
(ver fig. 15), sin embargo, algunas pginas pueden requerir este desplazamiento si
la resolucin de su monitor en menor que la utilizada por los diseadores.

Cuando se requiere que los usuarios comprendan lo que estn leyendo, lo

ms apropiado es utilizar el desplazamiento para evitar la interrupcin que
ocasionara la paginacin. El desplazamiento permite a los lectores avanzar en el
texto sin perder el contexto del mensaje, no obstante, un estudio mostr que los
participantes de paginacin construyen mejores representaciones mentales del
texto en su conjunto, y son mejores para recordar las ideas principales y ms tarde
localizar la informacin relevante en una pgina, sta es la preferida por los usuarios
sin experiencia.

De acuerdo a lo anterior, el desplazamiento es ms rpido que la paginacin,

pero cuando las pginas tienen un tiempo de carga rpida, no hay diferencia en
estas dos opciones, en tal caso, es mejor utilizar la paginacin para seleccionar los
enlaces y encontrar informacin importante. Pero si se decide utilizar el
desplazamiento es necesario facilitrselo al usuario, una manera de hacerlo es
resaltando los elementos principales, por si el usuario decide desplazarse mediante
la barra de desplazamiento (avance rpido) en lugar que de las flechas en los
extremos de sta (ver fig. 16).

Si los diseadores no son capaces de decidir entre paginacin o

desplazamiento, por lo general, es mejor proporcionar varias pginas ms cortas en
lugar de una o dos de mayor tamao. Los hallazgos de las pruebas de usabilidad
deben ayudar a confirmar o negar esa decisin.

27
Fig. 15_ En esta pgina, la navegacin se hace horizontalmente, sin embargo, no se muestra una
barra de desplazamiento, este se hace mediante el rotador del ratn, lo cual es un inconveniente
para los usuarios inexpertos, porque como sabran que solo hay esa manera de desplazarse.

Fig. 16_ En esta pgina, se resaltan los elementos principales, para facilitar el desplazamiento de
los usuarios.

28
CAPTULO 9. ENCABEZADOS, TTULOS Y ETIQUETAS

Es importante que los diseadores se esfuercen en disear encabezados nicos y

descriptivos en cada pgina del sitio, as como utilizar el orden HTML apropiado,
esto para ayudar a los usuarios a identificar la informacin que necesitan, dado que
la mayora de ellos solo hace una exploracin a los encabezados antes que leer la
informacin (ver fig. 17).

Tambin las etiquetas incluyendo los enlaces, debern ser descritos con
precisin y claridad, de manera que reflejen la informacin y elementos incluidos en
cada categora para ser entendidos por el usuario comn; al igual que en los
encabezados, la descripcin debe ser especfica para evitar ambigedades,
evitando utilizar enunciados similares que compliquen la identificacin de cada
elemento. Al igual, los encabezados de las filas y columnas de una tabla deben ser
claros y concisos y por supuesto, tambin su descripcin debe estar relacionadas
con la informacin de las celdas para su fcil identificacin.

Aunado a todo lo anterior, al realizar una descripcin liberalmente, se puede

obtener gran ventaja en el sentido que ayudar a los usuarios a identificar la
organizacin de la estructura de la pgina, as como visualizar la clasificacin de la
informacin mismo que les permitir mediante un exploracin rpida de los
encabezados, y etiquetas acceder rpidamente a la informacin requerida.

En cuanto a los ttulos, tambin se requiera que tengan una descripcin clara,
concisa y nica para cada pgina del sitio, sobre todo tomando en cuenta que, los
motores de bsqueda utilizan los ttulos de las pginas para identificar pginas con
la informacin que solicitan los usuarios a travs de ellos. Los ttulos de las pginas
no deben ser iguales a la de otras pginas, para permitir que sean diferenciadas por
el usuario durante su bsqueda, as como el que los ttulos deben ser congruentes
con el contenido de las pginas.

Otra recomendacin, es el resaltar o hacer nfasis especial en aquellos

elementos de importancia fundamental que requieren la atencin de los usuarios o
en los que no son mostrados con tanta frecuencia, as como, actualizacin de datos

29
o aquellos que rebasan un lmite o no cumplen con cierto criterio. Esta acentuacin
es ms til cuando se hace moderadamente para no saturar la visualizacin del
usuario, as como el que tenga una distribucin relativamente uniforme.

Los usuarios por naturaleza, siempre tratan de simplificar sus opciones, por
lo que los diseadores deberan de proveer maneras de reducir estas opciones lo
ms eficiente posible, presentadas con claridad para que ellos puedan enfocar su
atencin en la opcin que consideren ms importante. Tambin debe utilizarse un
orden HTML adecuado para los encabezados, esto permitir a los usuarios
comunes y a los de asistencia de tecnologa a tener una idea de la jerarqua de la
informacin que se presenta en la pgina (ver fig.18).

Fig. 17_ Los ttulos del men son bastante descriptivos, as como los enlaces del centro, cualquier
rea es clickeable, desde la imagen, el encabezado y la sntesis.

30
Fig. 18_ En esta pgina web, los elementos no son presentados con claridad, ni con un orden
adecuado, adems de estar en un nivel inferior al de la publicidad.

31
CAPTULO 10. ENLACES

Enlazar significa que los usuarios seleccionarn y clickearan un enlace de hipertexto

en una pgina de inicio generalmente, lo que lo causar que se cargue una nueva
pgina, y as sucesivamente, los usuarios continan haca su objetivo. Es
importante proveer seales consistentes de clickeabilidad, que sean claras y
suficientes, que permitan a los usuarios identificar qu elementos son clickeables;
algunas seales pueden ser uso de subrayado, vieta, flechas o que el elemento
parezca una pestaa de folder de la vida real (ver fig. 19).

Otro aspecto a tomar en cuenta, es que los elementos colocados en la parte

superior, derecha o izquierda de la pgina, tienen una alta probabilidad de ser
considerados enlaces. De igual manera, se debe evitar usar seales engaosas de
que un elemento es un enlace, por ejemplo, un encabezado importante tiene
algunas caractersticas de contener enlaces debido a que los elementos estn
subrayados y tienen una coloracin azul (muy usual en los enlaces) (ver fig. 20).
Los enlaces de texto son ms fcil de ser reconocidos que los de imgenes, por lo
que son ms recomendables y son los preferidos por los usuarios, adems de que
por lo general se descarga ms rpido y al ser clickeado cambia de color indicando
que ya ha sido seleccionado.

En algunos estudios se muestra que existe confusin entre los usuarios si

una imagen es clickeable o no, obligando a stos a pasar el puntero del ratn sobre
ellas para saberlo, lo que ralentiza la navegacin de los usuarios. Otro beneficio de
los enlaces de texto, es que si el usuario desactiva los grficos de su navegador, de
todas maneras puede ver las opciones de los enlaces de texto.

Evite confundir a los usuarios, por lo que se debe asegurar que las etiquetas
de los enlaces son significativas, entendibles, lo suficientemente descriptivas y
fciles de diferenciar por stos, ms que enfocarse al entendimiento del diseador.
Adems, deber ser compatible el nombre del enlace con el destino de la pgina,
es decir, que debe haber una relacin congruente entre la descripcin del enlace y
la informacin presentada en la pgina a la que se direcciona. Tambin, deber

32
evitarse el utilizar el mismo nombre de enlace para dos o ms destinos diferentes,
esto puede confundir a los usuarios.

El contenido importante debera ser arribado desde ms de un enlace para

aumentar la probabilidad de que un usuario encuentre la informacin que necesita,
por lo que se debe permitir que diferentes usuarios prueben varias maneras de
encontrar la informacin en funcin del reconocimiento de determinada etiqueta o
del nombre alternativo de un enlace. As mismo, se debe proporcionar
retroalimentacin al usuario mediante el cambio de color de un enlace ya utilizado
para mejorar la velocidad de bsqueda de informacin, asegurndose de que
cambien de color todos los enlaces que lleven al mismo destino para evitar confundir
a los usuarios; los colores ms apropiados son el azul para enlaces sin visitar y
morado los que ya fueron utilizados.

Otra buena prctica, es el proporcionar enlaces a otras pginas web con

contenido relacionado, as como enlaces para proveer definiciones y descripciones
para aclarar conceptos tcnicos, ya sea re-direccionar a un diccionario, glosario u
alguna otra seccin en la que se proporcione esta informacin, para ayudar a los
usuarios con menor conocimiento. Se debe tomar en cuenta, que el texto de los
enlaces no debe ser demasiado corto o muy largo para que los usuarios puedan
comprenderlos bien y leerlos rpidamente, la longitud ms apropiada es no rebasar
ms de una lnea, sin embargo, no siempre se puede controlar esta cuestin debido
a la configuracin del navegador o resolucin de la pantalla de los usuarios.

De acuerdo a un estudio, los usuarios tienden a suponer que los enlaces los
llevarn a otra pgina del mismo sitio web, por tal motivo, se les debe indicar cuando
se trate de un enlace interno o de un externo, una manera de hacerlo es colocar la
URL del enlace externo para alertar al usuario que saldr del sitio web. Tambin se
encontr, que es mejor utilizar el sealar y hacer clic que pasar el ratn sobre, a
la hora de seleccionar los elementos de un men cascada, ya que esta accin lleva
18 % menos tiempo, provoca menor nmero de errores y es el preferido por los
usuarios.

33
Fig. 19_ En esta pgina web, los enlaces son claramente identificables, se encuentran en coloracin
azul y los de la parte superior tienen forma de pestaa.

Fig. 20_ Esta pgina web que habla de los sitios mal diseados, tambin este lo est. Pues ese que
parece un enlace no lo es, no se puede clickear, adems con problemas para mostrar la imagen.

34
CAPTULO 11. APARIENCIA DEL TEXTO

En este captulo se trata la cuestin de las caractersticas que debe tener el

texto para comunicar efectivamente la informacin de la pgina a los usuarios. La
primera de ellas es, utilizar texto negro sobre fondo liso y de alto contraste, ya que
esto permite mayor rendimiento en la lectura del texto en prosa (ver fig. 21), tambin
se debe garantizar la coherencia visual de los elementos de cada pgina del sitio
web, esto se refiere a la consistencia entre el tamao y espaciamientos entre
caracteres, los colores utilizados para etiquetas, fuentes y fondos, y la ubicacin de
las etiquetas, textos e imgenes (ver fig. 22).

Adems de la consistencia de los elementos entre pginas, tambin deben

elegirse formatos que le sean familiares a los usuarios, por ejemplo para nmeros
de telfono, la fecha, la hora, entre otros. Debe usarse por lo menos un tamao de
fuente de 12 puntos para facilitar la lectura de los usuarios, y definitivamente evitar
usar fuentes menores de seis puntos, sobre todo, cuando la audiencia meta son
ancianos, deber utilizarse fuentes de al menos 14 puntos. Tambin debe tomarse
en cuenta que, los navegadores web de Windows muestran entre 2 y 3 puntos ms
grandes la misma fuente utilizada en una Macintosh, y que los ajustes de los
navegadores pueden reducir o aumentar el tamao de la fuente definida por el
diseador.

Evite utilizar fuentes desconocidas por el usuario, esto puede ralentizar la

velocidad de lectura, las fuentes ms comunes y que no presentan diferencias en el
rendimiento lector son: Times New Roman, Georgia, Arial, Helvtica y Verdana,
todas en tamao de 12 puntos. De igual manera, es apropiado cambiar las
caractersticas de la fuente para enfatizar la importancia de una palabra o frase
(corta), estas pueden ser; texto en negrita, cursiva, estilo y/o tamao de fuente, sin
embargo, de no ser bien utilizadas esta caractersticas puede hacer que disminuya
la velocidad de lectura hasta en un 20 %, asimismo, evitar subrayar las palabras
debido a que en la web suelen asumirse como enlaces.

35
 Tambin debe evitarse saturar de elementos, caractersticas o funciones
para atraer la atencin de los usuarios, esto puede provocar el efecto contrario;
estos deben utilizarse con moderacin y solo cuando sea apropiado, por ejemplo:
los efectos de movimiento son los ms efectivos para llamar la atencin, pero se
debe tener cuidado, porque si se expone ms tiempo del necesario puede molestar
a los usuarios o distraerlos de la informacin del sitio. Los objetos grandes,
particularmente las imgenes llaman la atencin antes que otros de menor tamao,
empero algunas veces son interpretados por los usuarios como publicidad o
decoracin por lo que trataran de evitarlos.

Siguiendo con lo anterior, los usuarios miran las imgenes no ms de dos

segundos y despus miran el subttulo del texto asociado, muchas de las veces para
entender el significado de la imagen. Las partes de las imgenes o textos que ms
llaman la atencin de los usuarios son las que tiene colores ms brillantes, pero es
importante que existe cierto contraste entre estos para que se pueda deducir la
importancia de estos elementos.

Fig. 21._ En esta pgina web, el texto es color negro sobre un fondo blanco y liso, as como un
espaciado adecuado entre caracteres, lo que le da el contraste necesario para propiciar un mayor
rendimiento de lectura.

36
Fig. 22._ En esta pgina web, los colores utilizados, tanto en el texto como el fondo, son muy
inapropiados porque ralentizan la lectura y cansa la vista al poco tiempo de estar leyendo, entre otros
detalles de diseo.

37
CAPTULO 12. LISTAS

Las listas con muy comunes de encontrar en los sitios web, en este captulo se
describen algunas caractersticas que deben contener las listas para maximizar el
rendimiento del usuario. La primera es concerniente al ordenamiento de los
elementos de la lista, que deben organizarse de manera que faciliten el uso del sitio
web, asegurndose primero de que el sitio est formateado para apoyar ese orden,
y el de las dems pginas; como ejemplo, las listas de elementos, conjunto de
vnculos y una serie de pestaas estn en un orden significativo para el usuario, si
no hubiera un orden obvio, se debe organizar alfabtica o numricamente.

Se debe preferir el utilizar listas verticales, que el texto continuo; este formato
facilita la exploracin, as mismo, se ha demostrado que a los usuarios les lleva un
20% ms tiempo explorar una lista horizontal que una vertical. Tambin, debe
proporcionarse un encabezado introductorio a cada lista, para permitir al usuario
entender con facilidad de qu tratan los elementos de la lista y cmo se relacionan
entre s, para ello, stas debern ser fciles de explorar y de entender para ello se
puede disponer del uso de etiquetas significativas, colores de fondo eficaces, bordes
y espacios en blanco para que los usuarios puedan identificar que de trata de una
lista discreta (ver fig. 23).

Se debe evitar numerar las listas comenzando por el cero, las secuencias
para contar personas debern comenzar con el nmero uno. Al ordenar los
elementos de la lista, los de mayor relevancia debern ser colocados en la parte de
arriba, puesto que un estudio muestra que los usuarios tienden a mirar de uno a tres
elementos de la lista o tan pronto como ven algo relevante de la lista; de igual modo,
la primer letra de la primer palabra de cada elemento de la lista, deber escribirse
con mayscula (solo esa), a no ser que otra palabra del elemento de la lista se
escriba con mayscula.

El estilo de las listas deber ser el apropiado para cada caso, por ejemplo, si
se trata de elementos que presentan igual valor o estatus, es mejor utilizar lista con
vietas, pues eso indica que no existen una secuencia, si se trata de elementos que

38
justifiquen cierto orden especfico se puede utilizar las listas numeradas para
denotar que cada elemento tiene un valor ascendente, especialmente, cuando se
trate de instrucciones.

Fig. 23._ En esta pgina web se muestra una tabla con formato vertical y con encabezados para
cada columna, con bordes y espacios en blanco para que el usuario pueda comprender bien el
contenido.

Fig. 24._ En esta pgina web, los elementos de ordenan de forma horizontal, y sin ningn orden de
los elementos, ni encabezados que permitan distinguir bien el contenido de la tabla.

39
CAPTULO 13. CONTROLES BASADOS EN PANTALLA

Los controles basados en pantalla, a veces conocidos como widgets, suelen ser
requeridos por el usuario para interactuar con un sitio web, al utilizarlos deber
tenerse la precaucin que le son familiares al usuario, entre los ms comunes se
encuentran: pulsadores, botones de radio, casillas de verificacin, listas
desplegables y campos de entrada. Es importante hacer una distincin entre los
campos de entrada de datos opcionales de los obligatorios, esto se puede hacer
colocando un asterisco antes de la etiqueta del campo de entrada, o colocando la
palabra requerido a un lado de la etiqueta del campo de entrada.

Se pueden anticipar los errores de entradas de los usuarios, mediante la

configuracin de la computadora para que los detecte automticamente, por
ejemplo, si se ingresa la fecha 31 de febrero, el equipo deber generar un mensaje
indicando que hay un error y que debe corregirse, sin embargo, hay algunas
entradas que no necesitan o no son susceptibles de comprobacin. No se debe
asignar tareas adicionales a los usuarios al requerirle la entrada de los mismos
datos que ya ingres en otra pgina, es mejor que el equipo recuper esa
informacin ya introducida y reducir la probabilidad de errores.

Es necesario que la descripcin de las etiquetas de los campos de entrada

sea clara, concisa y sin ambigedades para evitar confundir a los usuarios y obtener
los datos deseados (ver fig. 25). As mismo, hacer una clara distincin entre el
campo de entrada y la etiqueta, esto puede hacerse utilizando etiquetas en negrita
o proporcionando otro tipo de seales visuales, por ejemplo, un asterisco; tambin
deber estar colocados uno cerca del otro para que el usuario pueda identificar
fcilmente la etiqueta y el campo de entrada relacionado a sta (ver fig. 26).

De la misma manera, las etiquetas de los botones pulsadores debern indicar

claramente la accin que se efectuar al hacer clic sobre ellos, los ms comunes
son: actualizar, ir, enviar, cancelar, entrar, inicio, siguiente, anterior. Tambin, se
debe asegurar de que las etiquetas de entrada de datos estn redactados de forma
consistente, es decir, que se utiliza la misma etiqueta si se requieren los mismos

40
elementos de datos en otra pgina, de ser posible adopte reglas de etiquetado
consistente, por ejemplo evitar usar palabras o frases cortas para una algunas
etiquetas y oraciones cortas para otras, o usar verbos para algunas y sustantivos
para otras.

Los diseadores, debern crear campos de entrada suficientemente largos

para que el usuario pueda ver los datos que estn ingresando sin necesidad de
desplazarse, si es el caso que se cuenta con nmero limitado de caracteres, deben
indicarlo cerca del campo de entrada. Siempre que sea posible, debe mostrarse
valores predeterminados en los campos de entrada para acelerar la entrada de
datos, el elemento inicial puede determinarse mediante el criterio de seleccionado
con mayor frecuencia o el ltimo elemento seleccionado, sin embargo, debe evitarse
utilizar la posicin predeterminada para mostrar un encabezado o una etiqueta para
ese widget.

Nunca debe utilizar un solo botn de radio, mnimo deben ser dos, en caso
que el usuario no requiera activar cualquiera de las opciones, se debe proporcionar
una etiqueta que diga ninguna. Cuando se requiriera hacer una seleccin
mutuamente excluyente, es decir, que se seleccione solo una opcin, en preferible
utilizar los botones de radio, ya que estos permiten un mejor rendimiento que la lista
abierta o desplegable, as mismo, cuando sea apropiado asignar una de las
opciones de los botones de radio como predeterminado. Cuando se desee permitir
a los usuarios seleccionar ms de una opcin de la lista, se deben utilizar casillas
de verificacin.

No debe asumirse que los usuarios estn familiarizados con todos los widgets
disponibles en el sitio web, algunos, sobre todo lo de mayor edad no saben usar un
cuadro de entrada desplegable, es por eso, que los diseadores deben hacer
pruebas de usabilidad de rendimiento y aceptabilidad de los widgets para
asegurarse de que no confunden o ralentizan a los usuarios. Adems, se debe
disear las operaciones de entrada de datos con un nico mtodo de entrada, es
decir, no requerir que los usuarios ingresen datos utilizando en teclado y luego
cambiar al uso del ratn, pues esto reduce su velocidad de entrada.

41
 Cuando se deban ingresar datos largos, es mejor si se hace una particin de
los elementos de los datos para reducir el riesgo de errores de entrada de los
usuarios, por ejemplo, cuando se tenga que ingresar nmeros de telfono, o de
seguridad social, es ms fcil de verificar si se ingresan en grupos de tres o cuatro
caracteres, a lugar de verlos en un solo grupo.

Evite hacer que los cdigos introducidos por el usuario sean sensibles a las
maysculas y minsculas, a no ser que exista una razn vlida para hacerlo; por
ejemplo, para mayor seguridad de las contraseas. As como, evitar obligar a los
usuarios a colocar el puntero al inicio del primer campo de un formulario o hacer clic
para activar el campo, los diseadores deberan programar la colocacin del cursor
al comienzo del primer campo de entrada de datos. Tambin se les debera
proporcionar una funcionalidad de auto-tabulacin para los usuarios frecuentes para
reducir significativamente los tiempos de entrada de datos.

Una buena prctica, es que los diseadores incluyan unidades de medida

como parte de la etiqueta de un campo de entrada de datos para reducir tanto el
nmero de tecleadas del usuario, as como, la probabilidad de errores. Tambin lo
es, el asegurarse que cuando un usuario hacer doble clic en un enlace no causar
problemas, para ello se indica hacer las pruebas de usabilidad para prevenir
resultados inesperados.

Cuando se utilicen cuadros de lista, debera mostrar tantas opciones como

sea posible, para evitar hacer que el usuario tenga que desplazarse en la lista y
ralentizarlo en su eleccin, o en caso de usuarios inexpertos, puede no resultarles
obvio que deben desplazarse para ver los elementos ocultos. Si se trata de muchos
elementos, es mejor utilizar un cuadro de lista abierto para que los usuarios puedan
hacer su eleccin ms rpido y reducir errores de omisin, sin embargo, si la lista
es demasiado larga, opte mejor por la lista desplegable.

Para priorizar botones pulsadores de entre otros, puede hacerlo ponindolo

en primera posicin, resaltndolo o si se trata del ms utilizado, hacer que tenga
una accin predeterminada. Cuando disee operaciones de entrada de datos, no
obligue a los usuarios a que ingresen caracteres que requieran el uso de la tecla

42
shift, o a precisar entre letras maysculas y minsculas, esto les demanda ms
atencin y tiempo adicional, en lugar de eso, debera incluirse al inicio del campo de
entrada los smbolos requeridos. Algo que ayuda a acelerar rendimiento, es el
utilizar campo de entrada de datos en lugar de seleccionar de los cuadros de lista,
en un estudio se muestra que la introduccin de datos es ms rpida y preferida por
los usuarios, sin embargo, estos tienden a provocar ms errores.

Fig. 26._ En esta pgina web, las etiquetas de estos campos es un poco confusa, el vuelo de ida
dice llegada y el vuelo de venida dice salida.

Fig. 26._ En este formulario se distingue claramente la etiqueta y el campo de entrada, porque se lo
coloc un color de fondo a la etiqueta para resaltarla.

43
CAPTULO 14. GRFICOS, IMGENES Y MULTIMEDIA

Estos elementos se utilizan en la mayora de las pginas web, cuando se usan de

manera apropiada, pueden facilitar el aprendizaje (las imgenes se recuerdan mejor
que sus nombres textuales) y aadir un tremendo valor a un sitio web. En este
captulo se mencionan una serie de consideraciones para el uso apropiado de los
grficos, imgenes y elementos multimedia, siendo esto ltimos los que ms
capturan la atencin de los usuarios, sin embargo, solo se deben utilizar cuando se
tienen razones claras y tiles, para evitar distraer innecesariamente a los usuarios,
adems de que algunos de estos elementos pueden hacer que tarde mucho tiempo
en cargar la pgina.

Cuando se utilice un logotipo de la organizacin, este debe colocarse en un

lugar consistente en todas las pginas del sitio web, para proporcionar al usuario un
marco de referencia, lo ms usual, es que se coloque en la esquina superior
izquierda. Se debe tener cuidado cuando se utilizan imgenes grandes en la
cabecera de la pgina, no debe llenar la pantalla completa si debajo de ella hay
informacin, pues los usuarios podran asumir que no hay ms contenido y no se
desplazaran para comprobarlo.

Deber usarse las imgenes con moderacin, slo cuando son crticos para
el xito del sitio, es decir, cuando le aaden valor y aumentan la claridad de la
informacin (los grficos aumentan los tiempos de descarga, por lo que deber valer
la espera del usuario) (ver fig. 27). Adems, se debe asegurar que las imgenes
transmiten el mensaje deseado, suele haber discrepancias sobre los que los
usuarios y los diseadores creen que es apropiado para transmitir un mensaje, los
usuarios eligen lo que les parece ms familiar, mientras que los diseadores lo que
les parece ms artstico. Cuando se trate de imgenes clickeables o de relativa
importancia, se deben etiquetar para ser fcilmente comprendidas por los usuarios
tpicos, asegurndose de que el texto asociado este muy cerca de las imgenes.

Los diseadores deberan tomar medidas, para asegurar que las imgenes
en el sitio web no ralentizan los tiempos de descarga de la pgina innecesariamente.

44
Un estudio inform que los usuarios calificaron una tardanza de hasta 5 segundos
como buena, pero una de ms de diez segundos la evaluaron como pobre, por lo
tanto, para acelerar los tiempo de descarga es mejor utilizar varias imgenes
pequeas en lugar de una nica imagen grande, minimizar el nmero de colores
diferentes en las imgenes y poner una etiqueta especificando las dimensiones en
pixeles.

Cuando la visualizacin de una imagen grande no es crtica, primero

proporcione vista en miniaturas para que los usuarios decidan si esperan o no a que
termine de cargar la pgina. Vincular la imagen en miniatura a la copia de tamao
completo. Se debe evitar que las imgenes importantes se vean como anuncios
publicitarios o decoraciones gratuitas, puesto que los usuarios podran omitirlos o
evitarlos; tambin se debe utilizar con moderacin las imgenes de fondo,
asegurndose de que stas son simples y que no impiden o dificultan la lectura del
texto.

Se debe asegurar que en las grficas de relativa importancia se incluyan los

valores de los datos reales, mostrando los datos cuando se requiera de una lectura
precisa de stos. La anotacin numrica adyacente se puede agregar a los
extremos de las barras de la grfica de barras, o para marcar los puntos de una
curva trazada, en algunas se puede requerir la anotacin completa de los datos,
mientras que en otras solamente se requiere mostrar los datos de los elementos
seleccionados (ver fig. 28). Cuando el usuario deba monitorear datos cambiantes,
es mejor utilizar un formato grfico para facilitar esta tarea y permitir al usuario
detectar cambios crticos o fuera de lo normal; siempre que sea posible, la
computadora debe procesar los datos de monitoreo y llamar la atencin al usuario
ante las anormalidades.

Cuando se requiera introducir una animacin, se debera proporcionar una

explicacin introductoria a los usuarios sobre lo que van a ver, para ayudarlos a que
integren mejor la animacin con el contenido asociado, adems de permitir que ellos
controlen (pausar, detener, reproducir o ignorar) la animacin u otros elementos
multimedia.

45
Fig. 27._ En esta pgina web las imgenes saturan el sitio, adems de que el logo de la empresa
est ubicado en un lugar poco comn y no es fcil distinguir que se trata del logo.

Fig. 28._ En estas grficas se proporcionan los datos completos debajo de la barra y por encima los
porcentajes relacionados.

46
CAPTULO 15. ESCRIBIENDO CONTENIDO WEB

El contenido es la parte ms importante de un sitio web. Si el sitio no provee la

informacin que los usuarios necesitan, el sitio web ser de poco valor sin importar
su facilidad de uso. La primera recomendacin es que no debe utilizar palabras poco
conocidas y limitar el uso de acrnimos y abreviaturas, si es necesario utilizarlos,
stos debern estar claramente definidos para ser entendidos por el usuario
promedio y definirlos en la primer mencin, pero se debe tomar en cuenta, que
algunos usuarios pueden pasarlos por alto si se desplazan por la pgina sin ver en
dnde estn definidos, por esto, use palabras completas cuando sea posible. Utilice
el siguiente formato para definir acrnimos y las abreviaturas: consulta fsica de
datos (CFD).

Se deber hacer un uso apropiado de las maysculas y minsculas

contenidas en el texto continuo (prosa), esto facilita su lectura, sin embargo, si la
intencin es llamar la atencin del usuario hacia un concepto o idea, presentarlo en
maysculas, negritas o cursiva, sin abusar de su uso, no en ms de una o dos
palabras o frase corta, porque esto hace que la lectura sea ms lenta. Tambin, se
debe evitar el uso del argot (Modalidad lingstica especial de un determinado grupo
social o profesional), es mejor utilizar palabras conocidas por el usuario promedio,
y para ayudar a la comprensin entre usuarios que estn acostumbrados al argot,
puede ayudar poner el trmino entre parntesis.

Otra pauta importante, es incluir el tema principal de un prrafo y la cobertura

sobre sobre el mismo, en la primera oracin de cada prrafo; esto porque cuando
los usuarios echan un vistazo al texto, suelen leer superficialmente una o dos
oraciones al inicio de cada prrafo (ver fig. 29). Adems, se debe hacer uso de una
voz activa en las oraciones, estas son usualmente ms concisas que las escritas en
voz pasiva, los verbos fuertes ayudan al usuario a diferenciar al sujeto del objeto y
se benefician de un lenguaje directo y simple.

Como regla general, debe escribir las instrucciones en declaraciones

afirmativas en lugar de negativas, es mejor indicarle al usuario qu hacer, en lugar

47
de lo que debe evitar, sin embargo, si existe una alta posibilidad de realizar un paso
de manera equivocada o si las consecuencias son terribles, la voz negativa puede
ser ms clara para el usuario. Por otro lado, se debe limitar el nmero de palabras
y oraciones en un prrafo para optimizar la comprensin lectora, una oracin no
debera contener ms de veinte palabras, y un prrafo no ms de seis oraciones,
as mismo, no colocar mucha prosa en las pginas de navegacin, cuando hay
muchas palabras en stas pginas, los usuarios tiende a buscar palabras
especficas o empiezan a hacer clic en diferentes enlaces, en lugar de leer el texto
asociado al enlace.

Otro aspecto a considerar, es el clarificar las secuencias de accin, por lo

que al momento de describir una accin o tarea que tienen un orden natural o una
secuencia (instrucciones de ensamblaje, solucin de problemas, etc.) se debe
estructurar el contenido de manera que la secuencia sea obvia y consistente. Las
secuencias cronolgicas son fcilmente entendidas por los usuarios, no debe
forzarlos a hacer o aprender tareas en una secuencia inusual o incmoda.

Fig. 29._ Esta pgina web es un ejemplo de buen contenido, n los primeros prrafos se describe el
tema principal, y se resaltan en negrita los aspectos importantes.

48
FIg. 30._ En esta pgina web hay mucha prosa, y los prrafos estn demasiado largos, lo que hace
cansada y aburrida la lectura.

49
CAPTULO 16. ORGANIZACIN DEL CONTENIDO

Una vez que nos aseguramos que el contenido es til, est bien escrito y en un
formato que es adecuado para la web, es importante cerciorarnos de que la
informacin est claramente organizada. En algunos casos, el contenido de un sitio
web puede organizarse de mltiples maneras para adaptarse a diversas audiencias.

Una manera de organizar esta informacin es de acuerdo a los niveles del

sitio web, nivel pgina y nivel prrafo o lista, es decir, mostrando una estructura
clara y lgica para el usuario promedio. La estructura de la informacin debe
presentarse de acuerdo a las necesidades del usuario y los objetivos del sitio, que
permita encontrar la informacin de manera eficiente y reducir las probabilidades
de que el usuario se aburra, se frustre o pierda inters.

La informacin esencial deber colocarse cerca de la parte superior del sitio

web, y as sucesivamente, de acuerdo al nivel de importancia es el lugar que
ocupar en la jerarqua del sitio. Esta accin, le reduce a los usuarios la necesidad
de adentrarse en el sitio y tomar decisiones adicionales en pginas intermedias,
entre ms pasos (o clics) tenga que hace el usuario para encontrar la informacin
deseada, mayor ser la probabilidad de que tome una decisin incorrecta, por tanto,
la informacin importante debe estar disponible en menos de tres clics desde la
pgina de inicio.

La estructura de las pginas debern facilitar la exploracin, para ello, utilice

ttulos claros y bien ubicados, frases y oraciones cortas, y prrafos cortos y legibles.
Los sitios web que estn optimizados para la exploracin pueden ayudar al usuario
a encontrar la informacin deseada (ver fig. 31). Los usuarios que exploran
generalmente leen los encabezados, pero no leen el texto completo, lo que hace
que los usuarios omitan informacin cuando una pgina contiene texto denso. Al
respecto, hay estudios que reportan que aproximadamente 80% de los usuarios
slo pasan una mirada rpida sobre una pgina nueva y solo el 16% lee palabra por
palabra.

50
 La informacin y funciones relacionadas debern agruparse para reducirle al
usuario el tiempo de bsqueda, stos asumen que los ttulos cercanos entre s
pertenecen al mismo tema, y si el texto comparte el mismo color de fondo se
percibir como si estuviera relacionado. La codificacin con colores le permite al
usuario percibir patrones de relacin entre artculos, mientras que una diferencia de
color preminente los har ver diferentes; aunque los usuarios pueden distinguir
hasta diez colores asignados a diferentes categoras, no es seguro utilizan ms de
cinco colores para categorizar.

Otra recomendacin es, solo mostrar la informacin necesaria, no se debe

sobrecargar las pginas o las interacciones con informacin extraa, si se muestra
demasiada informacin el usuario puede confundirse e inhibir la asimilacin de sta.
Permita que los usuarios se mantengan enfocados en la tarea deseada al excluir la
informacin que el anlisis de la tarea y las pruebas de usabilidad indican que no
son relevantes para su tarea actual.

As mismo, asegurarse de que la informacin que s es necesaria est

disponible y es mostrada cuando y donde se necesita. Los usuarios no deberan de
recordar datos de una pgina a cuando pasan a la siguiente, por lo que el
encabezado debe estar retenido o repetido suficientemente de manera que pueda
ser visto en cada pantalla. Cuando los requisitos de informacin del usuario no
pueden ser anticipados con precisin por el diseador, permita a los usuarios
personalizar las pantallas en lnea.

La informacin deber estructurarse en diversos formatos y en diferentes

niveles de detalle en el mismo sitio orientado a diversas audiencias. Al segmentar
el contenido para dos o ms grupos distintos de usuarios, se permite a los usuarios
de cada grupo acceder fcilmente a la informacin destinada a otro tipo de pblico.
Un estudio muestra que los usuarios quieren acceso a todas las versiones en que
est la informacin sin tener que primero identificarse como profesionales,
pacientes, cuidadores, etc.

Otra cuestin, es el disear la informacin cuantitativa para un rpido

entendimiento de sta, para esto, se puede hacer uso de tablas, grficas y

51
visualizaciones tcnicas. Para decidir si se utilizar una u otra presentacin de los
datos, pueden hacerse pruebas de operacin para ayudar a determinar cuando los
usuarios se benefician de la presentacin en una tabla, grfica o en una
visualizacin.

Fig. 31._ En esta pgina se facilita la navegacin, debido a que tiene ttulos claros y una buena
estructura, lo que permite encontrar la informacin fcilmente.

Fig. 32._ En esta pgina web la informacin no tiene una estructura muy clara, y el orden de los
elementos dificulta encontrar la informacin

52
CAPTULO 17. BSQUEDAS

Muchos sitios web proporcionan a sus usuarios la opcin de bsqueda, a travs de

la insercin de una o ms palabras claves en el campo de entrada designado para
tal efecto, sin embargo, esto podra ser ms apropiado para los sitios web ricos en
contenido y con gran nmero de pginas. Si se decide utilizar esta herramienta, los
diseadores web deben asegurarse de que los usuarios puedan realizar sus
bsquedas en cada pgina del sitio web y que obtengan los resultados que le
proporcionen la informacin precisa que necesitan y, en un formato y tiempo de
espera que cumplan sus expectativas.

La funcin de bsqueda deber ser fcil de utilizar, debido a que la mayora

de los usuarios suelen usar estrategias de bsqueda simples empleando pocos
trminos de bsqueda, y en menor medida lo hacen los usuarios inexpertos, a los
cuales incluso es necesario proporcionarles instrucciones y ejemplos sencillos a
manera de gua. Las bsquedas complejas, son ms apropiadas para sitios o
pginas dedicadas a eso precisamente, a bsquedas avanzadas (ver fig. 33).

Es importante, manejar una equivalencia entre las maysculas y minsculas

de los trminos de bsqueda que introduce el usuario, tales deben ser reconocidos
y aceptados de la misma manera por el sitio web; los usuarios, por lo general utilizan
indiscriminadamente las maysculas y las minsculas, y esto no debera ser un
problema para la bsqueda de informacin; en situaciones donde el caso es
realmente importante, permita que los usuarios especifiquen el caso como una
opcin seleccionable en la bsqueda de la secuencia.

Otras consideraciones sobre los motores de bsqueda, es que deben estar

diseados para buscar en todo el sitio, de no ser as, debe informarse al usuario en
que partes del sitio se realizar la bsqueda, tambin se le debe notificar si se
proporciona en el sitio ms de un tipo de opcin de bsqueda y cmo se utilizan
mejor. As mismo, debe utilizarse terminologa familiar para los usuarios, para lo
cual se debe hacer una investigacin y recopilacin sobre las palabras clave
preferidas en las bsquedas.

53
 Adems, se pueden proporcionar a los usuarios plantillas de bsqueda para
mejorar sus consultas de bsqueda, lo cual consiste por ejemplo, que la plantilla
este organizada jerrquicamente con palabras clave predefinidas que podran
ayudar a restringir los conjuntos de bsqueda inicial y mejorar la relevancia de los
aciertos devueltos.

Fig. 33._ Este sitio web trata de temas especializados, por lo que tiene una funcin que permite hacer
bsquedas avanzadas.

Fig. 34._ En este sitio web no se proporciona una opcin de bsqueda, a pesar de ser un sitio
gubernamental y de contener mucho contenido.

54
55