¿Cómo elegir la mejor tipografía?

 

 

 

 

 

 

Cuando se quiere ofrecer el mejor diseño de un sito, además de tener en cuenta la redacción Web, es necesario determinar con exactitud cual será la tipografía más adecuada para el texto.

 

Los buenos diseñadores afirman que debe existir una relación entre el contenido de un artículo y el tipo de letra utilizado, ya que determinadas tipografías poseen significados particulares. Es decir, cada tipografía tiene su particularidad y personalidad, por lo tanto hay que tener en cuenta que paleta de fuentes se utilizará en cada texto.

Para lograr una combinación lo más armoniosa posible entre tipografía y contenido se deben tener en cuenta determinados factores como la legibilidad, las proporciones, los contrastes entre trazos finos y gruesos, la inclinación, la forma, etc.

Las fuentes de origen romano son más utilizadas para lectura de imprentas, mientras que las que no poseen serifas, son recomendadas en los monitores que no tienen mucha resolución. Tener en cuenta estos factores es muy importante ya que inciden directamente en la legibilidad del texto.

 

Las letras que ofrecen óptima legibilidad son las llamadas “lisas” como Verdana o Tahoma, mientras que las que son mas ornamentales o caligráficas son desaconsejadas para utilizar en grandes fragmentos de texto, ya que su lectura provocará fatiga visual en los lectores del artículo.

 

Por otra parte muchos Webmaster desaconsejan el uso de Arial (Helvetica), Courier y Times New Roman para sus páginas Web. El motivo es muy simple: son las fuentes más comunes, por lo tanto hacen que el texto pierda impacto y se convierta en algo aburrido para los usuarios.

La estrategia mas común es usar letras sans de un tamaño grande para los títulos y los subtítulos, otra de menor tamaño para los pies de foto, resúmenes, citas y notas, y utilizar las llamadas ´serif´ (que son mas legibles) para el cuerpo del artículo.

Además en el texto se puede recurrir al uso de la cursiva y la negrita para resaltar determinados sectores, anque hay que tener cuidado con la utilización de estos recursos, ya que su uso inapropiado y abusivo genera el efecto contrario.

Sin embargo otro factor que incide además de la legibilidad y que se debe tener en cuenta es la ‘readability’ (o comprensión). Este factor está determinado por la redacción SEO del artículo.

Por último, cuando ya se determinó el tipo de letra utilizará es necesario analizar la longitud y el interlineado de la misma.

 

Las 6 fases del diseño Web

 

 

 

 

No existen recetas o fórmulas mágicas para realizar una buena página Web, sin embargo los mejores diseñadores Web recomiendan tener en cuenta 6 fases durante el armado de una página:

 

 

1. DETERMINAR OBJETIVOS E IDEA DEL SITIO: este paso es fundamental ya que se debe precisar y tener bien en claro las metas que se quieren alcanzar con la página, y el público o destinatarios a los cuales se apunta.

 

2. PLANIFICAR EL ÁRBOL DE LA NAVEGACIÓN: para ello los especialistas en diseño Web Madrid aconsejan establecer en una hoja de papel la estructura general del sitio. Esto incluye determinar el número de páginas, los enlaces, los contenidos, etc. Además deben asignarse un nombre para cada página, asi como todos los archivos que estén incluidos en la misma. Esta rotulación y asignación de lugares y contenidos ayudará a aportar innovaciones o servirá para enmendar errores o realizar modificaciones.  Generalmente los buenos diseñadores además asignarle  un nombre a cada página, las numeran para que el trabajo sea más fácil.

 

3. REALIZAR LA PÁGINA: es la concreción de los pasos anteriores. Si se utiliza html lo primero que se diseña son los gráficos., después deben recortase las imágenes y escribir el código html (estas tareas se pueden realizar con la ayuda de los programas específicos). En esta fase es necesario, hacer los enlaces entre las diferentes páginas, entre imágenes, o todo tipo de material que esté incluido en ella. El consejo más común para simplificar las tareas es guardar todo lo que se vaya a utilizar en la página dentro de una carpeta y nombrar a la home page  como index.html.

 

4. REVISIÓN: hay que tener en cuenta lo siguiente:

  • Que la velocidad de carga de la página sea rápida: lo ideal es que el peso sea igual o inferior a 50k
  • Que el código de la página sea compatible con navegadores distintos: principalmente con los más utilizados como lo son Internet Explorer, Netscape, Safari, Firefox y Opera.
  • Que los enlaces funcionen correctamente y que el contenido sea el indicado: en este caso la recomendacion es que una persona ajena abra la página en otro ordenador.
  • Que los videos puedan ser visualizados correctamente: Con respecto a la resolución la más utilizada es 1024×768

 

5. ELECCIÓN DEL DOMINIO: debe ser fácil de entender, atractivo, que se adapte al proyecto y que el impacto a nivel marketing sea positivo.

 

6. PUBLICACIÓN: Es la fase final en donde se transfiere la página al servidor remoto por medio del protocolo ftp.

La teoría del color aplicada al diseño web

 

 

 

 

Existe toda una teoría acerca de las sensaciones y emociones que transmiten los colores. Por eso es necesario tener en cuenta determinadas cuestiones a la hora de pensar en el diseño Web de nuestro sitio.

 

Quizás en alguna oportunidad se hayan cuestionado por qué la mayor parte de los sitios Web utilizan en su fondo colores claros. La respuesta es simple: los colores claros son más legibles, y en consecuencia provocan un menor esfuerzo visual por parte de los lectores. Pero además estos tonos, como el blanco, provocan un efecto de expansión a diferencia de los oscuros que comprimen las figuras.

 

Por otro lado los especialistas en diseño Web recomiendan utilizar colores que formen parte de una misma gama para dar armonía al sitio.  Sin embargo si se desea destacar algún sector especial se debe recurrir a colores contrastantes, como por ejemplo los efectos que causa la combinación de los claros con los oscuros, o los fríos con los cálidos.

 

Pero lo más interesante en la teoría de los colores es el significado que se le atribuyen a cada uno. Aquí una pequeña guía para su uso en el diseño web Madrid:

 

•    Blanco: es el color universal utilizado en la gráfica. Está dentro de la gama de los grises y representa la paz, la pureza, la felicidad, etc. Su principal fortaleza es que potencia los colores que lo acompañan.

 

•    Negro: se encuentra en el extremo opuesto de la tonalidad de grises. Simboliza el silencio, y el misterio. Es un color que sirve para otorgar elegancia y distinción.

 

•    Gris: Representa la indecisión y la duda. Dan la sensación de frialdad metálica, sin embargo por su asociación con los metales preciosos también puede dar sensación de brillo, lujo y estilo.

 

•    Amarillo: es un color luminoso, cálido y expansivo. Es de los más energéticos por lo tanto se desaconseja utilizarlo como fondo de un sitio, ya que esto provocaría fatiga visual.

 

•    Naranja: al igual que el amarillo posee gran fuerza expansiva, aunque es más acogedor y estimulante. Posee una gran fuerza energética.

 

•    Rojo: este color simboliza la vitalidad, se asocia con el color de la sangre, de la vida, del fuego. Sugiere sensualidad y el erotismo, aunque su uso excesivo puede resultar agresivo.

 

•    Azul: expresa armonía, sosiego, se relaciona con el mar, el aire y el cielo. Genera un efecto de calma.

 

•    Verde: es el color más relajante. Simboliza la naturaleza y la vegetación.

 

•    Marrón: es un color agradable, ya que recuerda al ambiente de los otoños y la madera. Es un color realista que da la sensación de equilibrio.
 

Optimizacion de contenidos y usabilidad web

La forma en que se presenta el material es de gran importancia a la hora de lograr que un texto transmita un mensaje definido. Es decir, más que las palabras o el texto en sí, la optimizacion del contenido también pasa por lograr la mejor usabilidad web. Y este factor está directamente relacionado con la forma en que la información se presenta y el diseño seleccionado para tal fin.

 

Nielsen, un estudioso que presentó múltiples trabajos relacionados con estos temas, y se interesó por la manera en que las personas “aprehenden” la información, es decir se apropian de ella, la elaboran y la sintetizan, realizó un estudio sorprendente. El mismo se trató de ofrecer la misma información con diferentes formatos a varios grupos de usuarios, y ver qué eran capaces de retener de los textos, al intentar responder un cuestionario, donde debían dar cuenta de la información leída.

 

Nielsen concluyó, sin lugar a dudas, que la experiencia del usuario, es decir, la usabilidad web, afecta directamente la capacidad de rememoración, más allá de la mayor o menor facilidad individual que cada usuario pueda tener en cuanto a su propia capacidad mnémica. Así, la forma en que los textos deben estar estructurados para la web debe estar determinado por motivos funcionales, más que por elecciones estéticas o de diseño.

 

Las aplicaciones más comunes para gestion de contenidos disponen de amplias herramientas y funciones que posibilitan una estructuración adecuada de los textos, lo cual influirá directamente en su nivel de aceptación por parte de los usuarios, y su grado de satisfacción con los mismos. Si buscamos crear textos que sean fácilmente propagables a través de las distintas redes sociales, entonces deberemos prestar especial atención a estos temas.

 

Nielsen descubrió que la redacción promocional es la que presenta resultados más pobres en cuanto a usabilidad web por parte de los usuarios. Es decir, quienes creen que la manera promocional es la mejor para redactar textos, están equivocados. Por otra parte, una forma combinada de texto escaneable y conciso, y lenguaje objetivo, es la mejor para facilitar la fácil rememoración por parte de los usuarios. Un texto es escaneable, cuando a simple vista, es posible detectar el tema (mediante una correcta decodificación del título) y los subtemas que la componen (marcados por subtítulos o apartados bien demarcados). Las herramientas más usadas para lograr este efecto son los subtítulos, las viñetas y las enumeraciones.

 

Sería una lástima ver que un buen material se pierde porque no se han considerado estos aspectos relacionados con la usabilidad web, o se insiste en hacer coincidir el formato de los artículos con el diseño general del sitio. 

Hacia un diseño más intuitivo

 

Realizar una mirada un poco más analítica a los sitios que tienen éxito nos dará una idea de cuáles son los factores que contribuyen a un mejor posicionamiento web, y, fundamentalmente a lograr un tráfico masivo.

 

La lista la encabeza, obviamente, Google. Es sabido que el sitio tiene como política directriz de todas sus acciones trabajar intensivamente en la usabilidad web. Manteniéndose siempre en el mismo estilo de home, cuyos derechos de autor Google se encargó de registrar, la última actualización realmente notoria data de hace algunas semanas, cuando el portal decidió ocultar la barra de vínculos superior –“La Web, Imágenes, Videos, Noticias”, etc..- que conducen a las diferentes secciones para hacer más “espacioso” el diseño. En consecuencia, al abrir el buscador, sólo se ve la barra de búsqueda –cuya capacidad también fue ampliada al aumentar el número de caracteres el último mes de Septiembre- y los dos botones clásicos. Como ellos mismos lo definen en su blog, se trata de un diseño web bastante minimalista. Pero parece que les ha rendido muy buenos frutos.

 

Facebook es el segundo sitio con más visitas del mundo. El portal también busca un diseño web más intuitivo. De  hecho, es moneda corriente abrir el sitio y encontrarse con mensajes como “Tu nueva página de inicio simplificada”. El último cambio en este sentido consiste en un aviso más visible de los mensajes en la bandeja de entrada y un acceso más rápido a ellos. También han modificado la ruta hacia las configuraciones de seguridad –talón de Aquiles de Facebook-, para poder entrar a esta sección con mayor facilidad.

 

Visualmente la home de los usuarios de Facebook puede dividirse en tres columnas. En la izquierda, la de información y links a las secciones más importantes –Información, Amigos, Fotos, etc. En el centro, el muro, con los mensajes propios y de los contactos, y en la izquierda la columna de publicidad. La accesibilidad a las distintas secciones está garantizada por la multiplicidad de links y pestañas que permiten recorrer el sitio rápidamente. El tiempo de carga se optimiza constantemente, otra de las debilidades del portal.

 

Estos son solo dos ejemplos, pero sirven para mostrar que el diseño web Madrid, New York o en cualquier lugar del mundo tiene un denominador común en los sitios de más tráfico: máxima usabilidad web y navegabilidad intuitiva. Los sitios excesivamente cargados, de links o imágenes, tardan más en cargar, y este es uno de los factores que atentan contra el tráfico, y elevan el bounce rate, es decir la tasa de rebotes. 

CONTACTENOS
info@equiposcreativos.comEspaña: +34 902 009 797USA: +1 305 4249966Argentina: + 54 351 4232052