|
| Revista 1 2 3 4 5 |
A diferencia del software
tradicional, la visibilidad de las páginas en la web puede cambiar de una máquina
a otra, debido a las diferencias entre plataformas y a las elecciones de los
usuarios.
El
usuario (lector) puede modificar, en el browser,
algunos parámetros de visibilidad de la página; también puede modificar la
resolución espacial y de color de su pantalla. Por otro lado, diferentes
plataformas tienen características propias de exhibición de color y corrección
gama (brillo y contraste). Y, distintos browsers
pueden exhibir la misma página de forma diferente, debido a características
propias de implementación.
Todo
esto hace con que la exhibición de una página pueda cambiar mucho de una
plataforma a otra, de modo un tanto aleatorio. Los próximos subtópicos abordan
estos factores con más detalles.
La
figura 1 exhibe una página web que será utilizada como página de control para
poder comparar los ejemplos ilustrados por las figuras a continuación. En ella,
el browser tiene configurado el tamaño
del tipo de letra patrón en 12 puntos y la pantalla de la computadora está
configurada en 800x600 pixels. Esta página está en www.lsi.usp.br/~martinez/,
aunque , la versión en línea puede ser modificada con el tiempo.
Los principales browsers
permiten modificar sus características gráficas de exhibición de páginas web
(tamaño de la letra, anclas de links subrayadas o no, color de fondo, tipo de
letra). Estas modificaciones afectan el modo como se ve una página HTML y
pueden modificar mucho el layout
original. Estas alteraciones pueden o no traer problemas a la forma original
como fué concebido el proyecto y hacer que distintos usuarios tengan
experiencias muy diferentes, y hasta opuestas, con relación a la misma
interfaz.
El
tamaño de la letra, del texto introducido directamente en el código HTML,
puede ser exhibido de forma diferente, de un browser
para otro. Los browsers permiten que
el usuario altere el patrón de exhibición del tamaño de la letra del texto
(esto puede ser hecho a través del menú Edit=>Preferences
del Netscape o en el menú View=>Options
del I.Explorer). Por ejemplo: la figura 2 ilustra la misma página
de la figura 1 después de configurar el browser
Netscape para exhibir la letra en 20 puntos (el patrón era 12 puntos). Uno se
da cuenta que al aumentar el tamaño de la letra, el menú de links,
a la derecha de la página, queda más "bajo". El ítem "web
authoring" se sobrepone a la faja azul, más clara, del fondo y prácticamente
pierde la legibilidad. Se puede observar que el proyecto original pretendía
obtener un efecto de contraste utilizando letras celestes
en el menú de links y color azul oscuro para el fondo de la página. Esta
especificación de proyecto puede ser alterada por el usuario al cambiar en el browser
las características de exhibición del tamaño de la letra.
|
FIG. 1
Página de control. Letra patrón tamaño 12 y resolución de
pantalla 800x600. |
FIG. 2
Misma página exhibida por un browser
configurado con letra tamaño 20. |
El
texto de una página que se altera al cambiar en el browser
el tamaño de la letra, es el que se tecla directamente en el código HTML. Un
texto insertado en la página a través de una imagen, no es alterado por esta
modificación. Esto fue lo que pasó con el texto "Welcome",
que es de una imagen en formato gif.
El
uso de imágenes (gif o png) para insertar texto, permite tener un mayor control
del layout gráfico de una página,
pero trae otros problemas. Muchas imágenes pueden sobrecargar una página (en
lo que se refiere al tamaño de los archivos) y comprometer así la velocidad de
transmisión. También existen problemas semánticos al crear links
en textos formados por imágenes, debido a la dificultad de dar retroalimentación
al acto de clicar en una de estas anclas. Esta dificultad está siendo superada
a través del uso de implementaciones en lenguajes
como Java Script o de applets Java.
|
FIG. 3
La misma página exhibida por un browser
configurado para no subrayar los links. |
FIG.
4
La misma página exhibida por un browser
configurado con el color de fondo ceniza. |
Por
otro lado, en general, los browsers exhiben las anclas textuales subrayadas. Este patrón puede
ser modificado por el usuario de modo a que el browser pase a no subrayar más el texto ancla de un link.
La figura 3, muestra la página de control después de haber alterado la
configuración del browser para no subrayar los links.
En la falta de anclas subrayadas, el usuario solamente puede reconocerlas a través
del contraste de color o a través de la retroalimentación del mouse
(en la mayoría de los browsers, la
imagen del cursor cambia de forma sobre las anclas, dando una indicación clara
de la existencia del link). Aunque no
se puede esperar que el usuario descubra links en textos grandes y largos, a
través de la retroalimentación del mouse
(¡él tendría que pasar el mouse
sobre todas las palabras para descubrir donde se encuentran los links!). Por otro lado, páginas que utilizan de modo inconsistente
el color de las anclas y del texto (es decir, distintos colores para las anclas
o, el mismo color de las anclas para resaltar palabras de un texto), pueden
traer al usuario serios problemas para identificar la localización de los links
hipermedia. Por ejemplo, en la página de la figura 3 el link M.L.Martinez
(que aparece después del símbolo de copyright
y de la fecha), no se identifica con facilidad. Él tiene un color igual al del
resto del texto y diferente al color utilizado por los otros links
de la página. Esto constituye un claro problema de inconsistencia en el
proyecto de esta interfaz.
Browsers también permiten
alterar la exhibición del color de fondo o substituir la textura de fondo
(formada por la repetición de una imagen), por un color. La figura 4 muestra
como resulta la visibilidad de la página tomada como ejemplo después de
configurar el Netscape para mostrar el fondo con color ceniza, sobreponiéndose
a la imagen que formaba el fondo de la página. Este tipo de alteración puede
afectar la legibilidad de una página, principalmente si el color del texto
presenta poco contraste con el color del fondo, impuesto por el browser.
También puede alterar significativamente el diseño gráfico (muchas veces
hecho por un diseñador profesional)
y, de esta forma, también pueden ser perjudicados los objetivos de marketing
o la identidad visual de una empresa.
|
FIG. 5
La misma página exhibida por un browser
configurado con tipo de letra "Firenze". |
Otra
alteración que el usuario puede realizar en la configuración del browser
se refiere al tipo de letra exhibida. La nueva letra, elegida por el
usuario, debe estar instalada en su computadora. Así, el browser
pasa a mostrar todo el texto (implementado a través del HTML), con el nuevo
tipo de letra, independientemente de aquella que fue elegida originalmente por
el diseñador de la página. La página de control de la figura 1 utilizaba la
letra Arial para la exhibición del texto. En la figura 5, el browser
fue configurado para exhibir la página utilizando el tipo de letra Firenze.
Dependiendo del tipo de letra elegido, ciertos tamaños de texto pueden
quedar prácticamente ilegibles.
Revista Matemáticas, Educación
e Internetâ
Derechos Reservados
