Un sitio Web es la cara cibernética de una compañía, y por ende, debe representarla desde la gráfica y desde el contenido, ya que tiene llegada a una inmensa cantidad de público. El diseño gráfico, en este sentido es crucial para el éxito de un sitio Web, dado que es la presentación visual del mismo, es el aspecto que en un primer momento determina o no que los usuarios se sientan atraídos y deseen permanecer en él, es la herramienta semiótica que facilita la navegación y que encarna la identidad de una empresa. Es absolutamente imprescindible contar con la experiencia y el saber de diseñadores profesionales, capaces de ofrecer un sitio Web visualmente llamativo, estéticamente armonioso, claro, representativo de la personalidad de una organización y facilitador de la navegación, con páginas que conformen una totalidad coherente.

Para que Ud. comprenda la importancia de contar con un asesoramiento profesional presentamos aquí los criterios fundamentales que los expertos tienen en cuenta a la hora de diseñar un sitio Web. Es preciso señalar que los diseñadores Web encargados de desarrollar un sitio tienen no sólo amplios conocimientos en diseño gráfico, sino también la capacitación necesaria en tecnologías y programación para poder lograr un máximo impacto estético y a la vez una navegación placentera.

1. Separar el contenido de la presentación del mismo.

Hoy en día los diseñadores Web al momento de programar un sitio Web separan el contenido de su aspecto visual. La presentación de un sitio se realiza en hojas de estilo, tal como explicamos en la sección dedicada a la programación Web.

2. Considerar los rasgos de una empresa y definir su público.

Un diseñador profesional en primer lugar realiza una investigación exhaustiva con el fin de conocer las características de la empresa para la cual realizará el diseño Web. Mediante entrevistas al personal de la misma, así como también a través de las piezas gráficas existentes de la organización y un análisis de los productos y servicios ofrecidos el diseñador logra conocer en profundidad los principios rectores de una compañía. Así, puede expresar gráficamente en el sitio Web el mensaje básico que una organización quiere dar.

En esta investigación previa al inicio del diseño de un sitio Web se incluye el estudio del público al que se dirige una empresa. Es fundamental que el diseño esté orientado a un público bien definido, ya que de esta manera un sitio Web podrá captar la atención de los usuarios, tanto clientes reales de una compañía como potenciales. Los colores, las líneas, formas, imágenes, tipografías y demás elementos gráficos deben adecuarse tanto al estilo de una organización como a su público.

3. Emplear un sistema de plantillas.

Uno de los aspectos fundamentales en el diseño de un sitio Web es lograr un estilo unificado entre las distintas partes del mismo. Para que un sitio sea pregnante, sea atractivo, pueda identificarse con un tema, pueda representar cabalmente a una compañía y pueda ser navegado con sencillez es imprescindible que todas sus páginas tengan una misma línea gráfica. Por este motivo los diseñadores apelan al sistema de plantillas.

Esto significa que se diseña un esquema general o molde para ser empleado en todas las páginas de un sitio Web, exclusivamente pensado de acuerdo con las características de cada organización. En una plantilla se incluye la diagramación general (distribución básica de columnas), la barra de navegación, la gama cromática, el logo institucional, los botones de hipervínculos, los tipos de fondos, los encabezados y los pies, los efectos visuales, las tipografías para textos y títulos, los tipos de viñetas y símbolos a emplear y todos los elementos gráficos que se reiterarán en las páginas.

Una vez que se cuenta con las plantillas (diseño general original) para un sitio Web los diseñadores se encargan de darle un toque particular a cada página, de acuerdo con su función específica y de modo tal de hacer de cada página un espacio atractivo y distinguible. Así, gracias al sistema de plantillas un sitio Web puede contar con un estilo bien definido, a la vez que con páginas llamativas. El sistema de plantillas, al unificar la gráfica de un sitio permite que la navegación sea sencilla, la imagen de una compañía se afiance en la mente de los usuarios y que también sea más simple actualizar los elementos visuales. La coherencia y la consistencia del diseño son fundamentales para dar una imagen realmente profesional.

4. Definir la diagramación de las páginas.

Por diagramación de una página nos referimos al modo general en el que se distribuyen los elementos textuales y visuales en ella. Es un aspecto central del diseño Web, dado que la diagramación incide directamente en la navegabilidad de un sitio, en su capacidad comunicativa y en la imagen de una empresa. Si la diagramación es caótica, incomprensible y sin lógica alguna los usuarios se sentirán confundidos y abandonarán el sitio de inmediato.

Para la organización del contenido los diseñadores Web suelen emplear las tablas HTML. Generalmente se realiza una diagramación tripartita: una tabla superior para el encabezado, otra media para el contenido propiamente dicho y otra en la parte inferior para el pie. Cuando un sitio Web está organizado en tablas disminuye considerablemente su tiempo de carga, lo cual es de gran importancia para que el público acceda a un sitio.

El encabezado tiene por función atrapar la atención de los usuarios y dejar en claro inmediatamente información fundamental: nombre de la compañía, logo (colocado en el ángulo superior izquierdo) y tipos de productos y servicios ofrecidos (se puede incluir algún slogan). El contenido debe estar organizado en párrafos, con viñetas para destacar información, títulos y subtítulos claramente jerarquizados, columnas y secciones destacadas con recuadros o colores (creadas a partir de tablas). En el pie, por otra parte, debe estar incluido nuevamente el nombre de la empresa y hay que agregar la información legal. Además, en la diagramación es fundamental ubicar los botones de hipervínculos en distintas partes de cada página: arriba, al costado y abajo, ya que son un aspecto central para la navegación.

5. Definir los fondos.

Dentro de un sitio Web los fondos tienen gran importancia, ya que de ellos depende la legibilidad del texto y la armonía general de un sitio. Un diseñador profesional se encarga de elegir los fondos y los colores indicados, capaces de representar el estilo de una empresa y de favorecer la comunicación. Existen dos opciones de fondos: los de colores o los formados por imágenes. La diferencia entre ellos reside en la velocidad de carga. Los fondos de colores se cargan mucho más rápido que los de imágenes y esta es una de sus principales ventajas. Recordemos que en el caso de un sitio Web el tiempo de carga es clave para el éxito o el fracaso del mismo, ya que de este tiempo depende la permanencia o no de los usuarios.

Otra ventaja importante de los fondos de colores es que facilitan la legibilidad. Si bien los fondos con imágenes resultan muy atractivos, deben estar elegidos con gran cuidado, porque de lo contrario pueden producir confusión, saturación e ilegibilidad. Si se elige un fondo con imágenes es importante que éstas sigan un patrón definido en todas las páginas y, además, es necesario que se compruebe la legibilidad. Por otra parte, se elija un tipo u otro de fondo, es imprescindible mantener una coherencia entre los fondos de las diferentes páginas de un sitio. Sólo de esta manera se puede crear un sitio Web navegable y fácilmente identificable.

6. Establecer el color de los fondos.

Con respecto al color de los fondos, el principal criterio a tener en cuenta es el contraste entre fondo y texto, ya que de él depende la legibilidad. Un sitio Web y sus páginas se caracterizan por presentar una importante cantidad de texto y por ello es imprescindible garantizar la legibilidad a los usuarios. La regla general para esto es elegir un fondo oscuro para un texto en color claro, o viceversa. Se recomienda emplear, por ejemplo, una combinación de azul oscuro y gris claro, o de blanco y azul, más que de negro y blanco, ya que en esta última combinación el contraste es máximo y puede llegar a molestar a la vista. Otro criterio a considerar es que los colores de los fondos deben armonizar con los de las tipografías a lo largo de todo un sitio Web, como forma de brindar una imagen profesional y seria.

Los colores de los fondos deben responder a la estética de cada empresa y al perfil de su público. Así, el diseñador se encarga de seleccionar la paleta cromática para un sitio Web, teniendo en cuenta la psicología de los colores, es decir, los efectos que éstos producen en las personas y los significados que connotan en las distintas áreas de actividad. Las combinaciones cromáticas generan una impresión inmediata en los receptores y por ello es fundamental hacer una selección cuidada. Los colores son un elemento semiótico fundamental para reforzar el mensaje de una compañía. Por otra parte, es importante respetar la identidad cromática de cada organización y mantenerla en el sitio Web.

Los colores calmos son el azul oscuro, el verde, el gris y el púrpura, y los colores más llamativos son el rojo, el amarillo, el naranja y el fucsia. Los diseñadores suelen elegir colores muy impactantes para las empresas orientadas a un público joven e informal, en combinación con colores no vibrantes (por ejemplo, un fondo de color rojo y gris). Para compañías con un público más formal y de alto nivel social y económico, los colores más elegidos son el azul oscuro, el gris, el plateado, el blanco, el púrpura y el bordó. El diseñador es el profesional que puede recomendar los mejores colores de acuerdo con cada empresa.

7. Seleccionar las tipografías.

Para lograr que los usuarios permanezcan en un sitio Web la clave está en presentar un contenido no sólo interesante y claro, sino también legible. Por ello, además de organizar el texto en párrafos, con viñetas, títulos, subtítulos, con la alineación a la izquierda o justificada, en columnas y recuadros especiales, es crucial elegir las tipografías adecuadas. Recordemos que la lectura sobre la pantalla es mucho más agotadora que la de material impreso y por eso hay que hacer todo lo posible por facilitar la legibilidad. Esto se debe a que las letras tienen menor definición porque están formadas por píxeles y a que el brillo de la pantalla dificulta la visión.

La simplicidad es la clave del éxito en el diseño Web, dado que Internet es un medio de gran contaminación visual. En este sentido, es preciso elegir una misma tipografía para el texto propiamente dicho de todas las páginas de un sitio Web y otra para títulos e hipervínculos (botones). No es recomendable emplear demasiadas tipografías diferentes ya que esto sólo produce confusión en los lectores. Por otra parte, dentro de las tipografías se distingue entre aquellas con serif y sin serif. Las primeras son las que tienen pequeños pies en las terminaciones de las letras y dan a los textos un estilo más tradicional. Las segundas son las que carecen de terminación y que dan una apariencia más moderna.

Es conveniente elegir tipografías comunes, dado que de esta manera los usuarios no tendrán inconvenientes en descargar y visualizar el sitio correctamente. Aquí recomendamos algunas tipografías para los textos de un sitio Web. Las tipografías con serif más comunes que se pueden emplear son: Times, Times New Roman y Garamond. Las sin serif más usuales son: Arial, Helvética y Verdana. Para títulos una buena opción es Georgia, dado que tiene buena definición en cuerpo grande. El tamaño de la tipografía también es importante, ya que debe ser el adecuado en relación con la cantidad de texto y la legibilidad. Un tamaño muy pequeño será prácticamente ilegible en la pantalla y un tamaño muy grande para un texto central dificulta la lectura continua y tiene una apariencia poco elegante. Por otra parte, se pueden hacer variaciones en la tipografía usando los cambios de estilo: itálica y negrita, o también, cambiando los colores o el tamaño.