Download Elementos de texto de una página Web

2.1
LECCIÓN 2
Creación y forma del
texto para el Web
Una vez completada esta lección, podrá:
 Describir lo que hace que una página Web sea “fácilmente ojeable”.
 Identificar los elementos de texto claves de una página Web.
 Crear texto para el Web que sea claro, conciso y legible.
 Elegir varias técnicas para usar la tipografía como un elemento
de diseño.
Cuando las personas contemplan la creación de páginas Web, normalmente
piensan en el diseño primero; es decir, en cómo se verá la página en lugar de lo
que debería decir. Y eso es comprensible y también deseable. De hecho, una parte
de este libro está dedicado al diseño de páginas Web. Pero, en el corazón de cada
página Web, se encuentra el contenido. Después de todo, la mayor parte de la
gente crea páginas Web porque tiene un mensaje que desea compartir, incluso si
simplemente proclama: “¡Mirad lo que he estado haciendo últimamente!”.
Para ser un éxito, una página Web debe proporcionar información que capte
rápidamente la atención de quien la observa o, de lo contrario, no siga
mirándola más de un par de segundos y probablemente no vuelva al sitio donde
se encuentra. Por lo tanto, debería empezar por pensar en el contenido de su
página Web antes de llegar demasiado lejos en su diseño.
Si sigue leyendo este texto, estará en camino de conseguir que el contenido de
sus páginas Web tenga una estructura y corrección admirables al final de la
lección. Pero, incluso si no llega tan lejos en la creación de contenido para un
sitio Web en particular, podrá identificar y crear buenos textos para el Web en
general. Además, sabrá cómo puede sacar el máximo provecho del texto de las
páginas Web que cree en el futuro. Con estos conocimientos en mente, podrá
combinar el contenido y el diseño con facilidad cuando empiece a crear sus
páginas Web.
Ahora, volvamos al tema que nos ocupa: el texto en línea. Razonablemente,
podría estar pensando que es bastante capaz de usar las palabras, así que en
realidad no necesita leer acerca de los textos de páginas Web. Pero tenga la
seguridad de que, incluso si su ocupación es la de escritor, puede aprovechar
las sugerencias de esta lección. Aunque un buen texto en línea tiene mucho
en común con uno impreso de similar calidad, también se diferencia de éste en
diversas formas. Verá, a medida que avance en esta lección, que la creación
de texto efectivo en línea implica el dominio y combinación de las artes de la
claridad, la mercadotecnia, el atractivo visual, las limitaciones de la tecnología
y un ápice de la psicología del lector.
2.2
Conceptos básicos de diseño Web
Aproximación de los lectores a las
páginas en línea
El primer concepto que necesita abordar es que los lectores responden a las
páginas Web de forma diferente a como reaccionan ante las páginas impresas.
En los primeros estudios sobre esta materia, los entendidos en el Web
encontraron que en leer un bloque de texto en línea se tardaba aproximadamente
un 25 por ciento más que en leer el mismo texto en una página impresa. En otras
palabras, en la cantidad de tiempo que emplea leyendo 75 palabras en línea,
podría leer 100 si estuvieran en un libro. Los expertos de ahora debaten sobre si la
velocidad de lectura en línea ha aumentado debido a la mejora en los monitores,
al uso del color o a la familiaridad cada vez más generalizada con este tipo de
textos. Sin reparar en los porcentajes exactos, la mayoría de expertos coincide en
que la velocidad de lectura de las personas se reduce significativamente cuando
leen texto en línea, en comparación con la lectura en papel, incluso aunque se está
produciendo una mejora en muchos casos. Una de las formas de adaptación
desarrolladas para conseguir superar la lentitud de la lectura de texto en línea es
que ahora las personas suelen ojear el texto en lugar de leer cada palabra que se
muestra en el monitor.
Como promedio, la mayor
parte de los visitantes de una
página Web determinan en
10 segundos si contiene la
información que desean o
necesitan. Si parece que
satisface sus necesidades, la
mayor parte siguen viéndola
menos de 30 segundos.
Básicamente, un usuario ojea una página Web para encontrar un elemento de
interés que le anime a hacer clic en un vínculo o a copiar el contenido y leerlo
con más detenimiento. Si una página Web no atrae a un usuario con rapidez (en
los siguientes 10 segundos, según la mayoría de estudios de uso, probablemente
se irá a otra página (o a otro sitio). La creación de páginas que se pueden ojear
con facilidad también incrementa la credibilidad de la página Web, al tiempo
que aumentan sus posibilidades de clasificarse antes en los motores de
búsqueda, ya que sus ideas principales son más fáciles de identificar. Por lo
tanto, siempre que cree contenido para una página Web, tenga este concepto al
frente de sus procesos mentales. En esta lección, describimos diversos métodos
que puede emplear para mejorar la facilidad con que se pueden ojear sus
páginas Web.
Lección 2
Creación y forma del texto para el Web
Para ilustrar el concepto de ojear, compare las figuras 2-1 y 2-2. La figura 2-1
muestra una página Web que no observa las prácticas recomendadas para la
creación de buen texto en línea, mientras que la figura 2-2 sigue el consejo
comentado en esta lección. Observe la mayor rapidez con la que puede
identificar los puntos principales del texto en la figura 2-2 en relación a la
figura 2-1. A continuación se explica el porqué y se ofrecen indicaciones que
puede tener en cuenta al crear su propio texto en línea.
Figura 2-1.
Una presentación ineficaz de texto en un página Web puede desviar la
atención de los lectores antes de que lean una palabra del contenido.
2.3
2.4
Conceptos básicos de diseño Web
Figura 2-2.
Una presentación efectiva del texto de una página Web hace posible que se
ojee con más rapidez, con lo que los lectores pueden encontrar la información
que precisan más fácilmente.
Ahora que hemos expuesto un caso para hacerle pensar en su texto y reconocer
cómo se aproximan los clientes a las páginas Web, vamos a echar un breve
vistazo a las funciones fundamentales que desempeña el texto en una página
Web. A continuación, discutiremos los detalles relativos a la forma y eficacia
del texto en línea.
Lección 2
Creación y forma del texto para el Web
Elementos de texto de una página Web
La mayor parte de las páginas Web usan diversos componentes de texto, según
se ilustra en la figura 2-3. Como puede observar en la figura, además de en
muchas páginas Web, en ellas aparecen los elementos de texto descritos en las
subsecciones siguientes.
Figura 2-3.
Las páginas Web efectivas contienen diversos elementos de texto comunes.
2.5
2.6
Conceptos básicos de diseño Web
Barra de título
Cuando crea una página Web, crea el texto que aparece en la barra de título de
la ventana de un explorador. La clave para el título es que sea conciso, claro y
útil. Tenga en cuenta que, al abrir una página Web, el texto del título de la
misma también aparece en la barra de tareas de Microsoft Windows. La barra
de tareas simplifica el trabajo de un usuario cuando pasa de una ventana abierta
a otra. Por lo tanto, aunque puede incluir texto inteligente o ingenioso si lo
desea, en general debe inclinarse en cambio hacia el uso de texto útil y claro.
Observe los textos de las barras de título poco convincente y útil,
respectivamente, que se muestran en las figuras 2-1 y 2-2.
Sugerencia
Para aumentar la claridad (especialmente en los botones de la barra de
tareas), omita los artículos iniciales (el, un, una) en el texto de la barra
de título de una página Web. El uso de títulos conocidos y descriptivos
contribuye a que las páginas destaquen en el área de trabajo de los
usuarios además de en los resultados de los motores de búsqueda que
organizan las páginas Web por el título.
Contenido
El contenido de una página Web hace referencia a su sustancia: la razón por la
que la gente visita el sitio. Como se describe en las secciones siguientes, el
contenido de una página Web debe ser claro, breve, fácil de ojear, informativo,
oportuno y gramaticalmente correcto (además de tener otras cualidades). Tenga
en cuenta que no importa lo bonito que sea un sitio Web, la característica más
atractiva de Internet es el texto. Después de todo, además de visitar los sitios
Web, unos cuantos cientos de millones de personas confían regularmente en el
texto en línea para enviar mensajes de correo electrónico, charlar con
mensajería instantánea y exponer sus opiniones en grupos de discusión.
Sugerencia
Una forma de obtener el contenido de sus páginas Web es aprovecharse
de los proveedores de contenido Web. Algunas agencias nuevas, centros
de multimedia, grupos de intereses especiales, empresas privadas y otros
especialistas de la información ofrecen contenido Web a los sitios Web de
forma regular, generalmente a cambio de unos honorarios. Para buscar
un proveedor de contenido, visite el motor de búsqueda que prefiera
(a nosotros nos gusta www.google.es) y busque proveedores de contenido
Web.
Lección 2
Creación y forma del texto para el Web
Hipervínculos
Observe que usamos
las palabras vínculo e
hipervínculo indistintamente.
Los hipervínculos proporcionan forma y claridad a un grupo de páginas Web
(o a una página Web larga) al vincular la página principal, y las auxiliares, a
áreas que contienen información específica relacionada. En otras palabras, los
hipervínculos le ayudan a organizar su información y permiten que los demás
tengan acceso a ella con rapidez y facilidad. Los hipervínculos de texto deben
ser claros y coherentes, además de estar colocados de forma apropiada, como
se explica posteriormente en esta lección.
Logotipos, texto gráfico y WordArt
Jerga: texto gráfico es un
término general que hace
referencia al texto que se
usa para crear elementos
gráficos en las páginas Web,
por ejemplo, botones,
pancartas o títulos
estilizados. WordArt es una
característica de Microsoft
Word que permite crear
gráficos basados en texto
estilizado, como
encabezados y logotipos.
Por ejemplo, en las figuras
2-1 y 2-2, hemos creado el
logotipo “Ant! Online” con la
característica WordArt de
Word y, en la figura 2-3,
el texto gráfico “Sign Up
Today!” es un elemento
de WordArt.
Puede usar logotipos, texto gráfico y WordArt para aportar una apariencia
profesional a sus páginas Web. Como se explica en la lección 3, puede usar
texto gráfico para conferir una apariencia y funcionamiento coherentes a un
grupo de páginas Web relacionadas. Hacer que todos los componentes de un
sitio Web aparezcan interrelacionados indica claramente a los usuarios que
siguen dentro del territorio de su sitio Web incluso aunque hagan clic de una
página a otra. Además, los logotipos, el texto gráfico y WordArt se usan con
frecuencia para proporcionar un vínculo gráfico afín a la página principal de un
sitio. Puede que haya descubierto mientras explora el Web que, por lo general,
puede hacer clic en el logotipo de una compañía para volver a la página
principal del sitio. (Si aún no ha descubierto este secreto, debería probarlo
durante su próxima sesión en el Web.) Siempre que sea posible, aproveche esta
práctica y vincule su logotipo con la página principal en todo el sitio Web.
Opciones de exploración con texto
Muchos diseñadores Web optan por dar formato a los elementos de exploración
(botones) y a la barra de menús sólo como gráficos (en la figura 2-3, los
botones del área superior izquierda actúan esencialmente como barra de
exploración de la página principal). El uso de elementos gráficos de
exploración es acertado, pero le recomendamos que también muestre sus
hipervínculos de exploración como texto simple conjuntamente con sus
elementos gráficos. Si el diseño de su página Web usa una barra de menús o
botones gráficos, puede evitar desbaratarlo si muestra hipervínculos de texto
en la parte interior de la pantalla. Ofrecer una alternativa a los vínculos basados
en gráficos resulta útil porque algunas personas desactivan las capacidades
gráficas del explorador para acelerar la descarga de páginas Web. Si no
proporciona componentes de exploración basados en texto, algunos usuarios
podrían no descubrir cómo llegar a las páginas secundarias de su sitio.
Sugerencia
Como sugerencia suplementaria, la adición de vínculos de exploración
basados en texto al final de las páginas Web ayuda a los usuarios a ir a
otras páginas del mismo sitio Web sin tener que desplazarse al principio de
la página actual para tener acceso a los vínculos principales de exploración.
2.7
2.8
Conceptos básicos de diseño Web
Información de fecha o de última modificación
Generalmente, debe incluir un elemento de fecha en sus páginas Web. La fecha
puede ser tan sosa como una pequeña línea de texto situada cerca de la parte
inferior de la página. Sin embargo, si actualizar el contenido con regularidad es
uno de los atractivos principales de su página, puede ser aconsejable que la fecha
sea mucho más aparente y colocarla más alto, cerca del área superior izquierda,
más “selecta”. Por otro lado, si no piensa actualizar su sitio asiduamente, puede
optar por no publicar la fecha en que se modificó por última vez. (Con franqueza,
no recomendamos que prevea no actualizar su sitio pero, en ciertas circunstancias,
podría apañárselas con una página estática o dos.)
Información de copyright
Usted posee el copyright de todo el texto y los gráficos originales que crea. Por
lo tanto, para proteger su propiedad, debería agregar un aviso de copyright en
sus páginas Web. Tenga en cuenta que si usa software que sea gratuito (por
ejemplo, gráficos sin copyright que haya descargado de otro sitio Web) en la
página Web, es gratuito para todos los demás y pueden usarlo también.
Para crear © en Microsoft
Word, presione Ctrl+Alt+C.
Cuando agrega texto de copyright, la información puede ser tan sencilla como
© Copyright 2002 Su nombre o El nombre de su compañía. Todos los derechos
reservados. Además, la información de copyright se debe colocar cerca del
final de la página y en un tamaño de fuente que sea evidentemente menor que
el del texto del cuerpo de la página Web.
Ahora que hemos aludido a los elementos básicos de texto de las páginas Web,
ya puede dar forma al contenido y redactarlo.
Consideración del texto como
elemento de diseño
Como sabe, el texto de una página Web informa además de aportar su
presencia al diseño de conjunto de la misma. (Vea la figura 2-3.) Debe empezar
a meditar sobre las cuestiones básicas del diseño de texto mientras lo recopila.
Por lo tanto, a medida que cree su contenido y lea la lección 3, tenga en cuenta
las siguientes cuestiones relacionadas con el diseño:
■
Cree títulos y encabezados gráficos para agregar un efecto
artístico.
■
Muestre citas y barras laterales para aligerar las páginas con
mucho texto.
■
Agregue WordArt, logotipos, texto gráfico y pancartas para
proporcionar una apariencia y funcionamiento coherentes en
todo el sitio.
■
Use iconos de fácil compresión en lugar de palabras, similares a
los iconos “nuevo” y “lo último” que salpican el Web.
Lección 2
Creación y forma del texto para el Web
■
Aplique juiciosamente el color u otro formato tipográfico (como la
negrita o la cursiva) para atraer la atención hacia las palabras y
conceptos importantes.
■
Use letras capitales o iniciales altas (las primeras letras de mayor
tamaño en un párrafo) para indicar el principio de una sección.
■
Asegúrese de que los fondos no interfieren con la legibilidad
del texto.
■
Incluya los datos importantes (como la información de contacto,
el nombre de su compañía, etcétera) como texto, incluso si la
información aparece en forma de gráfico en algún otro lugar de la
página. Algunas personas desactivan la presentación de gráficos
para acelerar la exploración, lo que significa que pierden la
información gráfica de la página.
■
Evite la letra pequeñita; si duda, deje que los usuarios definan el
tamaño de texto con la configuración predeterminada de su
explorador.
■
Use fuentes admitidas en la mayor parte de las plataformas y que
sean fáciles de leer. Actualmente, las fuentes más compatibles con
los equipos Apple Macintosh y los basados en Windows son Arial,
Arial Narrow, Comic Sans, Courier New, Times New Roman y
Verdana.
Finalmente, como sugerencia de despedida sobre el texto después de todo lo
dicho en esta lección en relación a lo que debe y no debe hacerse, nos gustaría
sugerir que se divierta con el contenido de su página Web. El Web le concede
la libertad de comunicar la información de manera rápida y creativa en formas
nuevas. Piense lo que desea decir con exactitud y escriba entonces su mensaje
tan clara y enérgicamente como sea posible. Una vez que comience a escribir
frases concisas y directas, estará bien encaminado.
Puntos clave
■
Los usuarios ojean las páginas Web en lugar de leerlas
linealmente.
■
Los títulos, contenido, hipervínculos, logotipos, creaciones de
WordArt, elementos gráficos de texto, formatos, menús, opciones
de exploración, fechas de modificación de la página e información de
copyright representan los usos típicos del texto de una página Web.
■
El texto de una página Web atrae la atención de los usuarios antes
que los gráficos.
■
La información de las páginas Web debe imitar aproximadamente
la tradicional pirámide invertida de la metodología de redacción
de noticias.
2.9
2.10
Conceptos básicos de diseño Web
■
Busque ideas para clarificar los puntos principales, encabezados y
vínculos de su página Web.
■
Escriba frases precisas y directas, y párrafos estructuralmente
correctos y concisos.
■
Haga que los encabezados e hipervínculos sean claros y
descriptivos.
■
Use listas con viñetas y una jerarquía de encabezados para ayudar
a los lectores a identificar con rapidez los puntos clave.
■
Incluya la información importante en forma de texto para que
puedan verla los usuarios que optan por no descargar los gráficos
del Web.
■
Corrija, corrija y vuelva a corregir la ortografía (y no olvide imprimir
y leer el texto en voz alta).
■
Compruebe la gramática.
■
Empiece a pensar en los elementos de diseño del texto, incluyendo
el formato tipográfico, el color y los elementos de texto gráfico.
■
Y, lo más importante de todo, una vez que tenga en cuenta las
posibilidades y limitaciones de la redacción para el Web, deje que
la experiencia de escribir sea un proceso creativo y agradable.