Por qué la tipografía es importante para su sitio web
Publicado: 2017-06-13Comercializar el contenido de uno es una estrategia clave para atraer nuevos clientes, retener clientes y generar conversiones, ya sea en forma de me gusta, suscripciones, clientes potenciales o ventas.
El contenido puede existir como el mensaje en sí mismo, ya que todos tendemos a pensar que el mensaje no cambia, sin importar en qué fuente esté o cómo esté empaquetado.
¿O sí?
Pensemos en cómo se elabora el mensaje. Desde un punto de vista lingüístico y semántico, la idea principal viene a la mente y luego se eligen cuidadosamente las palabras para enmarcar el mensaje. Para comunicarse de manera efectiva, debe conocer a su audiencia y poder anticipar cómo responderán a las palabras que elija.
Estas palabras deben ser leídas para ser posteriormente entendidas, procesadas y digeridas. Pero para lograr que su audiencia lea, debe presentar su mensaje de manera adecuada y efectiva.
La presentación es muy importante. La mayoría de la gente esperaría que un anillo de diamantes estuviera dentro de una caja del joyero, no una bolsa de papel marrón arrugada, y nadie se molestaría en buscar este último solo para encontrar uno. La tipografía se trata de presentar y empaquetar el contenido, es decir, el mensaje que intenta transmitir a su audiencia.
¿Qué es la tipografía?
La tipografía es simplemente la forma en que se organiza el texto en un documento o, para los fines de este artículo, en una página web. A menudo se considera un arte, especialmente porque la tipografía está estrechamente ligada a la creatividad y la innovación. La tipografía sirve para muchos propósitos, desde subrayar un tema, definir la personalidad, enfatizar ideas, mostrar emociones, generar interés y construir una estética de diseño general. Es la intersección del diseño y el contenido y es una parte integral del diseño web para cualquier sitio web.
Elementos de la tipografía que vale la pena considerar
La tipografía abarca una serie de elementos que afectan y se ven afectados por el diseño web, incluida la elección de la fuente, la paleta de colores, el tamaño, la longitud de las líneas, el diseño y la integración con un diseño. Es importante estar familiarizado con todos estos factores para poder usar la tipografía de manera efectiva.
- Tipos de letra: son las primeras cosas que nos vienen a la mente cuando pensamos en tipografía. Algunos incluso usan los términos "fuente" y "tipografía" indistintamente, sin embargo, las fuentes comprenden un mero subconjunto de lo que constituye la tipografía. Los tipos de letra simplemente se refieren al nombre del estilo de texto que se está utilizando. Los ejemplos incluyen Helvetica, Times, Papyrus y Arial.
- Fuentes: la mayoría de las personas también usan indistintamente "fuente" y "tipo de letra", pero si queremos ser específicos, la fuente se refiere a un estilo específico de tipo de letra, que indica el tamaño, la altura, el ancho y el estilo. Arial Narrow, tamaño 14, cursiva es una fuente. También lo es Myriad Pro Regular, talla 12.
- Seguimiento: este es el espacio entre caracteres o grupos de caracteres en un bloque de texto. Si bien el seguimiento tiende a ser relativamente estándar, se puede ajustar para afectar la densidad del texto.
- Interletraje: mientras que el seguimiento es un término más general, el interletraje se refiere específicamente a la distancia entre letras y caracteres individuales, generalmente en el plano horizontal.
- Longitud de línea: se refiere a la longitud del texto que se extiende de izquierda a derecha a lo largo de la página. Esto se puede modificar ajustando los márgenes, el interletraje y los tamaños de fuente. Cuanto mayor sea la longitud de la línea, más difícil se vuelve a leer.
- Interlineado: El interlineado es la medida del espacio entre el lugar donde se ubican las letras en relación con las líneas de texto inmediatamente arriba y abajo.
Estos elementos son importantes para afectar cómo se lee una página. La mayoría de las personas se enfocan únicamente en las fuentes y los tipos de letra mientras ignoran cómo los ajustes menores en el seguimiento, el interletraje, la longitud de línea y el interlineado pueden tener resultados dramáticos y valiosos.
por qué
La tipografía subraya la personalidad visual del sitio web
A primera vista, los visitantes de su sitio web deberían poder determinar de qué se trata. Hay mucha psicología en juego aquí, y muchos subtextos se desarrollan casi instantáneamente.
Tomando como referencia los colores, el diseño y la tipografía, pueden percibir un tono, un estado de ánimo, un mensaje y un tema generales incluso sin tener que estudiar el contenido escrito o mirar las imágenes. En unos segundos, los visitantes decidirán si son miembros de la audiencia objetivo o descartarán el sitio web porque simplemente no es para ellos.
La tipografía ayuda a lograr este objetivo, ya que la interacción de los elementos visuales individuales funciona de forma sinérgica entre sí para provocar la respuesta emocional deseada.
La tipografía ayuda a definir su marca
Su marca es más que un simple logotipo. Al igual que la marca Swoosh de Nike o la sirena de Starbucks, la tipografía de esos nombres de marca reales es igual de reconocible y contribuye a la percepción de la marca.
Tome cualquier marca conocida y simplemente cambie su fuente a otra. Incluso si la marca usa una fuente que se usa en muchos otros contextos, la combinación de tipografía y logotipo contribuye a que las personas identifiquen y perciban la marca de manera que no se puedan divorciar.
No hace falta decir que si tiene un logotipo icónico y se complementa con una tipografía perfecta, la combinación se destaca en la mente de sus clientes, llevando su marca hacia adelante.
La tipografía enfoca la atención de tus lectores
Como mencionamos anteriormente, el contenido de su sitio web puede ser del más alto calibre, pero si no se presenta de manera efectiva, sus esfuerzos habrán sido en vano. Una de las formas de hacer que tus lectores se sumerjan es usar la tipografía a tu favor. Todos los elementos mencionados anteriormente contribuyen a que su contenido no solo se perciba sino que se experimente.
Pregúntele a cualquiera si ha leído algo publicado en Comic Sans y si lo ha tomado en serio. Lo más probable es que hayan descartado el mensaje por ser trillado o trivial. Mejor aún, preséntelos con el temido "muro de texto", donde cada palabra está en la misma fuente y cada línea está justificada. Probablemente tuvieron dificultades para leer el primer párrafo, incluso si el tema es algo que realmente les interesa.
Pequeños ajustes en el tipo de letra y el tamaño, el diseño y el color pueden marcar una gran diferencia en la legibilidad de un artículo, lo que ayuda a enfatizar los puntos clave de su mensaje y sus lectores apreciarán su esfuerzo.
La tipografía mantiene intacta la consistencia de su sitio web
La tipografía es el pegamento que une los diferentes elementos de su sitio web.
Los visitantes de su sitio web buscan consistencia; y eso no significa necesariamente que su sitio web tenga una apariencia genérica y convencional que haga que se vea como el de todos los demás. Los elementos deben funcionar bien internamente entre sí, desde la parte superior de la página hasta los botones de llamada a la acción. Los motores de búsqueda tienden a favorecer el contenido bien presentado y el rendimiento de su sitio web en Analytics reflejará la coherencia. Además, sus usuarios deberían poder encontrar lo que están buscando y no tener que pasar varios minutos deambulando por su sitio web, sintiéndose frustrados en cada paso del camino.
La tipografía puede reforzar la uniformidad de su sitio o exponer su falta, y sus tasas de conversión serán indicativas de la experiencia del usuario que tienen sus lectores cuando lo visitan.
Cómo hacer que la tipografía funcione para usted
Fuentes, tipos de letra y sus variaciones
Es importante conocer los tipos de tipografías que tiene a su disposición, o al menos estar familiarizado con las que desea trabajar. Las fuentes vienen en una amplia variedad de variaciones y algunas de las diferencias son sutiles. Pero estos matices pueden tener un impacto en la presentación, así que conozca sus opciones a medida que desarrolla la personalidad y la presencia de su sitio web.
Miles de fuentes en un puñado de categorías
Puede pasar horas, días o incluso semanas buscando fuentes para usar y aún así no estar seguro de haber encontrado lo que busca. Afortunadamente, las fuentes se clasifican fácilmente en categorías ordenadas con poca superposición.
- Serif : una serifa es una ligera proyección al final de un trazo, que generalmente se ve en la parte inferior, pero también en la parte superior o en los bordes izquierdo o derecho de las letras. Como ejemplo, las letras minúsculas "m" o "n" de estas fuentes parecen tener "pies". Los ejemplos de fuentes serif incluyen Times, Baskerville y Cambria.
- Sans Serif : estas fuentes no tienen trazos terminales ni "pies" en ellas. Tienen un aspecto limpio, aerodinámico o minimalista, pero a veces son más difíciles de leer en tamaños más pequeños. Ejemplos de estas fuentes incluyen Arial, Helvetica y Calibri.
- Guión : estas fuentes decorativas son populares por su apariencia elegante y, a menudo, se encuentran en invitaciones de boda, certificados y documentos similares. Para usarlos de manera efectiva, utilícelos con moderación, con mucho espacio y en tamaños lo suficientemente grandes como para apreciar su arte.
- Pantalla : este tipo de fuente se ve a menudo en carteles de películas, letreros y titulares de periódicos. Al igual que las fuentes script, utilícelas solo para enfatizar, ya que demasiado puede ser abrumador.
- Hand Lettering : como su nombre lo indica, estas fuentes tienen una apariencia de renderizado a mano, simulando la escritura a mano de un niño; o el garabato informal y apresurado en una pizarra. La ventaja de estas fuentes es que llevan un elemento humano que de otro modo faltaría en las otras categorías.
El contenido legible se lee
La legibilidad tiene varios factores. Además del contenido en sí, considera todos los elementos de la tipografía, especialmente el uso del espacio. El interletraje y el seguimiento pueden marcar una gran diferencia en la capacidad de escanear el cuerpo del texto.
Dele a su contenido escrito mucho espacio para respirar, agregando suficiente distancia entre letras, palabras, líneas y secciones individuales para poder procesar las unidades de manera significativa.
Mantenga la longitud de línea entre 50 y 75 caracteres por línea. Esto significa usar alrededor de 10 a 15 palabras, ya sea que las líneas estén justificadas o no.
Selección de fuente
Las fuentes que elija para su proyecto, ya sea la marca de un sitio web, un producto individual, una línea de productos o una empresa completa, pueden influir y dirigir los comportamientos de su audiencia para apoyar o rechazar el proyecto por completo. Asegúrese de considerar el impacto de sus elecciones sobre cómo llaman a su audiencia a la acción.
Esto se vuelve cada vez más importante si su marca tiene una identidad establecida y su audiencia puede reconocer su marca simplemente por las fuentes utilizadas en su marca. Cambiar las cosas puede tener un impacto negativo en su audiencia, por la pérdida de confianza en su marca o la sospecha de que la calidad de su producto ha empeorado.
Dominando las sutilezas
La tipografía aporta carácter y significado simplemente añadiendo variabilidad en la apariencia. Encontrar tipos de letra con el equilibrio adecuado de personalidad puede ser muy difícil. Las señales visuales y las características de la fuente agregan elementos de emoción, tono y atractivo que pueden eclipsar las palabras reales.
Cuando trabaje con un diseñador gráfico para desarrollar su sitio web o su marca, asegúrese de preguntarle por qué eligió ciertas fuentes para su proyecto. Los buenos diseñadores serían muy complacientes al explicar sus elecciones, y también puede obtener una idea de sus líneas de pensamiento.
Conclusión: encuentre lo que funciona (y manténgalo)
Puede llevar mucho tiempo y esfuerzo establecer una tipografía que funcione para su sitio web, y es posible que cometa algunos errores en el camino. Todos los días se crean y lanzan nuevas fuentes y tipos de letra, y los diseños y temas que son efectivos actualmente eventualmente se volverán obsoletos y obsoletos. Pero una vez que haya encontrado lo que funciona para usted, manténgalo y observe cómo aumentan las conversiones.