En DESIGNER-PAGES.COM ponemos especial énfasis en las nociones de diseño y por ello presentamos algunos consejos a tener en cuenta para obtener un sitio Web deslumbrante.

Utilizar espacios en blanco.

Se denomina espacio en blanco al espacio abierto entre los diferentes elementos de un diseño: entre imágenes, letras, palabras, títulos, párrafos y todos los elementos de una página (puede ser de cualquier color). Es un aspecto central del diseño Web, dado que el espacio en blanco permite a los usuarios identificar rápidamente los distintos componentes necesarios para la navegación, permite que el texto sea legible y que los elementos gráficos resalten, como así también le da al público “aire”. Los diseñadores profesionales saben de la importancia de los espacios en blanco y por ende, prefieren desarrollar diseños más despojados, para evitar la típica saturación de los sitios Web realizados por amateurs. Sólo una diagramación limpia y con importantes espacios en blanco garantiza una navegación sencilla y efectiva, una transmisión clara y un verdadero impacto visual.

Incluir imágenes pertinentes.

Más allá de la importancia del texto en un sitio Web, es fundamental incluir imágenes en las diferentes páginas para hacerlas más atractivas. Las imágenes elegidas deben atrapar la mirada de los usuarios de inmediato para lograr que permanezcan en el sitio. Es importante que sean pertinentes, es decir, que estén relacionadas con el tema central del sitio. De esta manera, pueden reforzar, ampliar o aclarar parte del mensaje verbal y hacer que los usuarios sigan navegando en las diferentes páginas de un sitio. De lo contrario, si no hay coherencia entre el texto y las imágenes, el público se sentirá confundido y abandonará el sitio Web. Por otra parte, si bien las imágenes son importantes dado que son puntos de atracción y otros modos de comunicar, hay que evitar sobrecargar las páginas de imágenes. Ante una enorme cantidad de ilustraciones y fotografías los usuarios se sentirán confundidos, saturados y no prestarán la suficiente atención al contenido escrito.

Los colores de las imágenes deben ser acordes a los de los fondos y demás elementos gráficos (botones, íconos, barras, etc.). Las imágenes, por su parte, deben guardarse en los formatos adecuados por calidad y compresión -GIF o JPEG-, tal como indicamos luego. De esta manera un sitio puede descargarse con la rapidez necesaria para mantener a los usuarios en un sitio Web.

Emplear distintos elementos gráficos.

Los elementos gráficos incluidos en un sitio Web deben cumplir una función clara, porque de lo contrario, si no sirven para algo en especial sólo son componentes que aumentan el tiempo de carga. Es importante que haya una coherencia gráfica entre todos ellos para lograr un sitio de alto impacto. Los elementos más empleados en el diseño de páginas Web son los siguientes:

Botones: los botones son una excelente herramienta para facilitar la navegación de los usuarios. En ellos el público encuentra rápidamente y a simple vista los hipervínculos a las distintas páginas que conforman un sitio Web. Resultan muy atractivos debido a que generalmente están resaltados con colores, tienen formas muchas veces tridimensionales y están ubicados estratégicamente en la parte superior de una página. Su éxito reside en la semejanza con botones o teclas, ya que para la mayoría de la gente ese tipo de forma o imagen se asocia con la acción de apretar un botón: en este caso, hacer clic. Siempre hay que agregar el texto alternativo para cada uno de los botones, de modo que todos los usuarios puedan acceder al esquema de navegación (aún si tienen desactivado el sistema de imágenes). Además, de esta manera, los motores de búsqueda pueden también detectar palabras claves en los textos alternativos, y así posicionar mejor a un sitio Web.

Mapa de un sitio: muchas veces en los sitios Web de grandes dimensiones (es decir, de muchas páginas) se incluye un mapa con los distintos enlaces para facilitar la navegación de los usuarios. El único inconveniente que presenta un elemento de este tipo es que implica un mayor tiempo de carga para un sitio.

Encabezado: es una suerte de título ubicado en la parte superior de una página Web en el que se incluye el logo y el slogan de una compañía. Se diseña con una forma y con colores atractivos, para llamar la atención. Es la presentación de la empresa en cada página.

Pie: es un sector especial delimitado en la parte inferior de una página en el que se repite el logo de una empresa y se suele incluir la información legal sobre ella, como así también la de contacto.

Logo: el logo es una pieza central de diseño para toda compañía, dado que es la representación gráfica de la misma en una forma simple y sintética. Un logo encarna la identidad corporativa y, por ello, es fundamental que esté presente en cada una de las páginas de un sitio Web, ubicado particularmente en la esquina superior izquierda. Además, el logo, como pieza central del sistema gráfico de una organización, marca la pauta para la elección cromática y para la elección de formas y tipografías.

Viñetas: se trata de pequeños elementos que se colocan antes del texto, especialmente para separar párrafos o realzar determinada información. Son fundamentales para agilizar la lectura.

Fotografías: los elementos fotográficos son de gran atractivo para el público y tienen la virtud de generar una atmósfera personal y cálida. De todos modos, es importante incluir fotografías de calidad, para dar una sensación de profesionalismo. En el caso de los sitios Web catálogos o exclusivamente dedicados al comercio electrónico es absolutamente imprescindible incluir fotografías de los productos y servicios ofrecidos, para invitar al público a comprar.

Ilustraciones: las ilustraciones son elementos que siempre llaman la atención del público. Permiten darle una cuota de originalidad a un sitio Web y su función puede ser, más allá de su valor estético mismo, distinguir a cada una de las páginas. Es importante que los diseñadores Web se encarguen de mantener la calidad de las ilustraciones y de hacer que su peso no sea excesivo.