El Web empresarial de éxito.

DESARROLLO DE SITES CREATIVOS

Las páginas Web se componen de gran número de elementos que ubicados de forma correcta y tras un tratamiento adecuado en el site pueden ser la clave del éxito de empresas que deseen trasladar su área de negocio a la Red. En nuestro reportaje exponemos claves tan importantes como las que deben seguir el eslogan, los fondos de la página o la utilización de los tan traídos y llevados frames.

La mayoría de las empresas españolas quieren estar en Internet. Esto se debe a diversas causas, aunque tal vez la más racional y fundamental es el espectacular crecimiento del medio. Un soporte que comienza a ser utilizado a diario por millones de personas es potencialmente interesante y el coste de implantación en este nuevo medio de comunicación no es alto.

Cada día los buscadores han venido registrando nuevas altas en un crecimiento imparable de incorporaciones a la Red, pero aquí surgía la primera dificultad: la baja calidad de las páginas que se estaban realizando. Aún hoy, no resulta tarea fácil encontrar Web´s realizadas con un buen nivel en cuanto a diseño y creatividad.

La relativa sencillez de la programación HTML ha hecho que cualquier persona pueda situar unas cuantas imágenes y unos textos sin una base sólida en cuanto a conceptos estratégicos, estéticos y creativos, generando páginas de muy bajo nivel. El esquema de presentación de compañías tiende a repetirse una y otra vez: hola, quiénes somos, vendemos estos productos, damos estos servicios, si quiere saber más llámenos por teléfono.

En resumen, poca estrategia y calidad, que transmiten una imagen negativa de las empresas que pretenden promocionar, y que tal vez, por no valorar adecuadamente este nuevo medio, no dedican los recursos necesarios. Esto se debe, en gran medida, a que hasta ahora las empresas tan sólo se planteaban que lo importante era estar presente en Internet. Poco a poco, se va produciendo una evolución natural y ya no basta una presencia, sino que se ha tomado conciencia de que lo importante es el modo en el que se integran en la Red.

El cambio de enfoque hace que en este momento la tendencia sea positiva y el nivel esté subiendo. Este trabajo intenta determinar las pautas fundamentales que deben exigirse a una implantación corporativa en Internet, con especial hincapié en los conceptos asociados al diseño y a la creatividad.

El reportaje que vamos a abordar se centra en la estructura del Web y su posterior diseño. Está estructurado en función de dos importantes aspectos a tener en cuenta, a la hora de crear la página HTML correcta que permita promocionar una empresa de forma óptima. Estos son la estructura y el diseño. Comenzamos con la estructura, el principio fundamental es plantear una navegación fácil y rápida.

Es necesario determinar el contenido del Web y la estructura interna de enlaces sin olvidar los objetivos marcados y el público al que hay que dirigirse. La información debe ser presentada de modo piramidal. Las primeras páginas deben ser lo más pequeñas y esquemáticas posibles. Las siguientes incluirán más cantidad de contenido y así hasta las últimas, que deben desarrollar en mayor detalle el tema que el visitante ha seleccionado como de su interés.

No hay que olvidar que nos encontramos ante un medio donde se pretende provocar la interacción con el usuario.

Como vemos, el usuario va tomando decisiones e interactuando con las páginas que se le ofrecen de un modo piramidal. Al plantear la estructura del Web el usuario debe tener siempre en cuenta los siguientes puntos:

• No hay que exagerar la inclusión de enlaces exteriores que apuntan a otras páginas HTML o, casi sin apreciarlo, la Web se quedará sin visitantes.
• No hay que determinar una estructura que obligue a páginas lentas y pesadas, llenas de programas informáticos que ralentiza la navegación. Por el contrario es recomendable utilizar los scripts, CGI´s, Java, sonidos, vídeo, etc. con sumo cuidado y probándolos una y otra vez, en las horas de mayor saturación de líneas.
• Tampoco hay que olvidarse de dos aspectos de suma importancia: la facilidad y la rapidez. Es imprescindible no abusar de la paciencia del público. Un error muy generalizado es implantar un conjunto de páginas con una información fija e inamovible, sin ningún tipo de cambio.
• Actualizar con frecuencia. Hay que sorprender a los visitantes cuando vuelvan a la página, preparando ofertas especiales, realizando encuestas de opinión e incluyendo noticias de su compañía. Uno de los principales objetivos de toda implantación Web es que el navegante pulse en la carpeta de Favoritos de su navegador y guarde la dirección.
• La página debe ser estudiada periódicamente, revisando el grado de cumplimiento de los objetivos que han sido marcados e identificándose con ella.

A continuación vamos a centrarnos en el segundo aspecto, este es el diseño. La principal función de todo diseño es comunicar. Este es un principio que no hay que olvidar nunca. Sin embargo no ocurre lo mismo con la estética, que siempre estará en segundo lugar frente a la función principal de la página HTML, que hay que considerarla como un soporte de información, y por lo tanto, de comunicación.

Como norma general, el Web debe ser fiel a la imagen de empresa que quiera publicarla en Internet. Este medio es uno más de los que utiliza en la comunicación corporativa y debe crear una imagen global coherente al público que la visite. Encuadrados en el apartado que se refiere al diseño se deben tener en cuenta numerosos aspectos. Cada uno de ellos debe ser considerado a la hora de realizar nuestro site. Además una correcta utilización de cada uno de ellos pueden ser la clave del éxito del Web de la empresa que estemos creando. Por ello no hay que descuidar ninguno si realmente queremos, no sólo estar en Internet, sino saber estar.

Los colores

Aunque cualquier tipo de combinación de colores puede ser válida, generar una forma estéticamente atractiva suele ir asociada a los tonos suaves y cálidos. Una vez elegidos los tonos de color, hay que mantener la coherencia en las páginas.

No tiene sentido hacer un diseño nuevo para cada pantalla, ya que se podría provocar confusión y reducir la efectividad del diseño. Esto provoca inconsistencia. El efecto correcto se logra dotando a la página de una personalidad propia, incluyendo nuevos elementos pero siempre con la idea de que forman parte de un conjunto mayor.

Tampoco podemos irnos al punto contrario, de modo que nuestras páginas sean exactamente iguales, hasta el punto de que el navegante no sepa si ha cambiado de pantalla.

Un Web consistente nunca es estático. La clave está en los detalles que se incorporan en cada página, más que en cambios bruscos de forma.

Los colores deben aportar fuerza a los conceptos que se han previsto transmitir al planificar la estructura del Web.

El eslogan

Pasando al siguiente de los aspectos, al eslogan, no se le viene dando la importancia que realmente merece. Se trata de un elemento que debe formar parte, siempre que sea posible, de las páginas Web´s y que además proporciona unidad e imagen al site. Para comprobar la presencia de atrayentes eslóganes podemos visitar la página de Microsoft en www.microsoft.com con su frase "Hasta donde quieres llegar hoy" o bien en el Web de Tower en la dirección www.towercom.es con "En informática marcamos el camino".

Los fondos

Es importante no emplear fondos rebuscados y complicados. Esta es una norma básica pues resulta realmente desagradable llegar a un site en el que el fondo se ha diseñado equivocadamente y tiene excesiva importancia en el conjunto. Puede hacerse, pero esto requiere un gran control sobre la visualización en todas las resoluciones y navegadores.

Esto provoca que sólo un diseñador muy experto y con grandes conocimientos artísticos puede obtener un buen resultado con fondos sofisticados.

Lo habitual cuando se exageran los fondos, es ver páginas imposibles donde se presentan las imágenes y las tipografías de manera caótica. En general, lo mejor y más seguro es plantear fondos sin excesivo peso en el diseño que sirvan de soporte al resto de la comunicación. Ejemplos del uso del color muy bien planteado lo encontramos en las páginas www.protozoa.com o www. xor.com

Otro ejemplo a seguir en la correcta utilización de los fondos es el que encontramos en la página de la discográfica Virgin Records www.virginrecords.com en la que nos encontramos con un lujo en el tratamiento del color.

Las imágenes

Uno de los puntos más importantes en el diseño de páginas HTML es el tratamiento de las imágenes. Como norma básica hay que utilizar gráficos de pequeño tamaño que se muestren con rapidez. Pues siempre es mucho mejor tener una página con varias imágenes pequeñas, que una grande, que tarde en abrirse demasiado tiempo.

Las imágenes que los usuarios visualizamos en las Web´s son bitmaps. Esto quiere decir que se forman en base a puntos individuales, que llamamos píxeles, colocados sobre una especie de rejilla de cierta altura y anchura. El número de píxeles o puntos por pulgada (ppp) es lo que determina la mayor o menor resolución de la imagen.

La plataforma Macintosh funciona por defecto con una resolución de 72 ppp, mientras que en el caso de los PC´s lo normal es trabajar con 96 ppp. Lo natural y como norma, debemos olvidarnos de resoluciones por encima de los 72 ppp pues es la mayor resolución que permite visualizar los monitores actuales.

Cuando trabajamos con imágenes podemos encontrarnos con muchos tipos de formatos. Pueden ser vectoriales o de mapa de bits y cada uno tiene sus propias ventajas y utilidades. Por ejemplo, para manipular textos, los gráficos vectoriales son preferibles. Hay programas como CorelDraw, Freehand o Illustrator que están especializados en trabajar con ficheros vectoriales. Las aplicaciones para retoque y edición de imágenes de mapa de bits son también muy conocidas, por ejemplo: Photoshop, PhotoPaint, Picture Publisher o Xres.

Podemos crear gráficos con cualquiera de estos programas o de muchos otros similares. El formato en el que finalmente almacenaremos los archivos dependerá del uso que se le quiera dar y de los elementos que incluya el diseño.

Un diseñador gráfico sabe que el formato .TIF es el ideal para imágenes de mapa de bits en blanco y negro o para intercambiar imágenes entre plataformas y que el .EPS (encapsulado PostScript) tiene la ventaja de contener las instrucciones para imprimir o filmar una imagen, con total compatibilidad entre todas las plataformas, incluyendo Mac, PC, Unix y Silicon. En la World Wide Web al tener que comprimir las imágenes para que su peso no sea excesivo y se abran lo más rápidamente posible en el navegador del visitante, los formatos que mayor compresión consiguen son los que han impuesto su predominio. Esto es, el soporte nos obliga a convertir nuestras imágenes a los formatos .GIF o .JPG.

- .GIF

Se trata del acrónimo de Graphics Interchange Format, el cual nació en la red americana CompuServe. Se basa en una formula secreta de compresión propiedad de Unisys. Funciona con imágenes indexadas de hasta 8 bits, trabajando con 256 colores. Es necesario comprimir las imágenes a este formato cuando el tamaño de las mismas sea reducido, además no precisa de excesivos matices de color cuando no tenga degradados. Hay que tener en cuenta que la media de los usuarios de la Web, no visualiza más de 256 colores en su monitor.

- .GIF89a

Este es una variante del .GIF y es de gran utilidad práctica pues permite crear colores transparentes. Con él es posible convertir el fondo de una imagen en transparente, logrando mejor integración en el fondo de la página que estamos diseñando. Adobe dispone de un plug-in para Photoshop que permite la creación de este tipo de formato .GIF. También MetalWorks de SoftQuad. Cada vez son más los programas que permiten crear colores transparentes.

- .Gif entrelazado

Con cualquiera que sea el software de diseño con el que trabajemos, podremos activar la opción "Interlaced GIF", lo que hace que la imagen se guarde de cuatro en cuatro líneas. En este caso, el navegador mostrará la imagen en varios saltos, de desenfocada a enfocada totalmente. Es un formato muy conveniente para evitar que el navegante se quede esperando demasiado tiempo sin ver ningún tipo de información y acabe marchándose de nuestra página.

- .JPEG

Este formato almacena hasta 16,7 millones de colores y comprime la imagen hasta una décima parte de su tamaño original. A priori presenta una imagen de mayor calidad y menor peso que un Gif, pero tiene el inconveniente de que visualizada en un monitor que lea únicamente 256 colores, se degrada excesivamente. Lo que se viene haciendo es usar el formato .JPG en imágenes mayores de 200 x 200 píxeles, utilizando la compresión .GIF para las menores a ese tamaño.

IdeaBook, cuya dirección es www.

ideabook.com, es un site que se identifica con la idea de servir de inspiración para los diseñadores, además de ser un punto de encuentro de ideas sobre marketing y comunicación. En él se muestra el uso correcto de diferentes imágenes independientes entre sí, que permiten ser intercambiadas de forma sencilla cuando se pretende actualizar la información.

Las tipografías

No hay que olvidar que el uso de las distintas fuentes de letra en el diseño, es uno de los puntos más complejos al que el grafista del Web se enfrenta. A nivel profesional, la tipografía es un modo similar al que veíamos anteriormente con las imágenes. De hecho también se utilizan las aplicaciones de software que antes mencionábamos.

Dejando aparte el tratamiento de las tipografías con un control externo, nos centraremos en introducir directamente a nuestra página, las fuentes que se van a utilizar como textos. Como idea general, el usuario deberá pensar en dos o tres tipos de letra distintos, que adaptadas a diferentes conceptos, como mostrar las novedades de su compañía con letra distinta a la de su oferta permanente, aporten calidad. Debe tenerse en cuenta que un exceso de tipografías diferentes o incoherentes entre sí, provocan muy mal resultado.

Las animaciones .GIF

A la hora de diseñar nuestro site hay que pensar también si se va a incluir o no, publicidad en sus páginas.

Actualmente el sistema más utilizado de difusión de empresas en Internet es el intercambio de banners, aunque cada vez es más frecuente la comercialización de espacios publicitarios en los Web´s que contabilizan mayor volumen de visitantes. En cualquiera de estos casos al determinar la estructura, se debe haber previsto dejar unos determinados espacios para que puedan ser usados como banners publicitarios.

No hay que olvidar que los banners pueden ser de muy diversos tamaños y formas, por lo que el espacio que se deje para ellos ha de ser lo suficientemente amplio para que puedan ser adaptados posteriormente.

Los iconos

Un aspecto muy importante en el diseño de un Web creativo de calidad es la incorporación de iconos. Este es un buen sistema de agrupar diversas temáticas para facilitar la navegación. Ya sean estáticos o animados deben utilizarse como llamadas de atención que proporcionan información complementaria al navegante.

No nos estamos refiriendo a iconos con bordes biselados, sombras o volumen. Sino que deben ser gráficos sencillos y explicativos y desde luego con los mínimos colores posibles para evitar que retrasen la carga de la página. Aunque hay muchos iconos que pueden conseguirse gratis, por ejemplo en www.iconBazaar.com, es recomendable que el creador del Web cree sus propios diseños.

Los iconos requieren ser diseñados de modo que su significado sea deducible fácilmente y coherente, esto es, que su mensaje sea intiutivo y a ser posible, universal. En Internet se diseña para todo el planeta y es importante no basarse en elementos demasiados localistas que una persona de otro país no pueda entender.

Por ejemplo, un sobre indica fácilmente que es el icono del correo electrónico, una lupa es una búsqueda, dos ordenadores con una línea entre ellos inducen a pensar en redes, un CD-ROM inspira la idea de que nuestra oferta es multimedia, etc.

Los frames

Un frame es sencillamente una división en la pantalla del ordenador que posibilita una navegación diferente en cada uno de los cuadros que lo componen. El uso más habitual es el de incluir un frame o marco a la izquierda o arriba de la página, que contenga los links o enlaces de navegación, de modo que esta parte sólo carga una vez, permaneciendo inamovible mientras que el otro marco es el que va proporcionando la información asociada a cada enlace.

La inclusión de frames en las páginas de Internet es un apartado que ha provocado cierta polémica. Ello es debido, especialmente al mal uso de esta herramienta que puede hacer que un navegante no pueda irse de una página cuando lo desee. Resulta especialmente negativo cuando desde una página con marcos se visita otra que también los tiene, con lo que cada vez son más las partes de la pantalla de nuestro ordenador que van quedando enganchadas a las páginas anteriores. Hay incluso asociaciones anti-frames y verdaderos detractores que hacen una labor propagandística en su contra.

A pesar de esto, un marco es una buena herramienta que proporciona una navegación clara y fácil. Las versiones más modernas de los navegadores los leen sin problemas, cosa que hasta hace poco creaba dificultades, pero hay que tener en cuenta el evitar el posible enganche de su visitante, cuando éste quiere dejar la página que tengamos publicada. Esto se logra mediante un sencillo código HTML introduciendo en sus enlaces al exterior la orden <target=top> lo que indica al navegador que tiene que abrir a pantalla completa, o bien <target=blank> que le indica que abra una nueva pantalla.

Los plug-ins o módulos

Llegados a este punto ya estamos en disposición de hacer excelentes páginas para que publiquemos en Internet. Con la ayuda de cualquier editor se puede generar un site que resulte creativo y atrayente. Dependerá mucho de su capacidad de combinar colores, de las ideas que sea capaz de generar y de su talento natural. De nada sirve la mejor idea creativa para un anuncio de televisión si luego se contrata a un realizador sin talento.

Ahora bien, cada día las posibilidades son mayores. Los contenidos de la WWW han pasado por sucesivas etapas y así de las primeras que sólo permitían texto, se ha evolucionado a texto y gráficos, gráficos animados, hasta este momento que permiten la utilización de sonido y vídeo. Incluir elementos multimedia en nuestra página requiere dar un paso más.

Esta fase es más técnica y requiere de unos conocimientos informáticos algo más sólidos. Pero es importante tener una visión clara de las posibilidades multimedia ya que los editores más conocidos incluyen importantes ayudas que permiten introducir pequeños programas que dotan a nuestro mensaje de una cierta capacidad multimedia.

Estos programas que permiten el uso de un determinado tipo de multimedia y que se integran con los navegadores son lo que denominamos plug-ins o módulos. La función de ellos es visualizar ciertos contenidos multimedia en la WWW.

Si se introduce un determinado tipo de multimedia en la página que se está creando como por ejemplo un vídeo que precisa QuickTime o una animación realizada con Macromedia Flash, es necesario que quien acceda a la página tenga instalado en su navegador un determinado módulo que le permita interpretar la instrucción. Esta es una cuestión que se deberá advertir en el Web y en la medida de lo posible facilitar la descarga del módulo plug-in o ActiveX necesario. En caso contrario, no todos los cibernautas podrán visualizar la página de forma correcta.

En cualquier caso hay que tener en cuenta que este tipo de elementos pesan considerablemente y pueden hacer que la navegación de su página sea más lenta, con lo que hay que ser enormemente cuidadoso en el uso de las nuevas tecnologías. Hay que pensar que la tendencia es exigir soluciones cada vez más tecnificadas, que se desarrollarán en gran medida paralelamente a las capacidades físicas de velocidad en la transmisión de datos, que vayan logrando las redes de comunicación. Se ha ido pasando de editores fáciles de manejar a programación pura en Lingo u otros lenguajes, ya reservados a informáticos en sentido estricto, capaces de provocar eventos y dinamismo en lo que empezó siendo meramente descriptivo.

Conclusión

Como colofón hay que destacar un punto importante que toda implantación Web empresarial debe considerar. Se trata de su capacidad de actualización.

Hay que actualizar la información, aplicar técnicas de fidelización de clientes, proponer nuevas ideas, ofrecer la posibilidad de realizar suscripciones, lograr retornos de opinión, hacer encuestas, facilitar la venta en la propia Red, etc., etc., y siempre, al menos, con la idea muy clara de que la imagen que transmitimos es la que premeditadamente queríamos.

Una implantación en Internet con una estructura sólida y bien diseñada aportará un importante valor añadido a la imagen de la compañía que dedica los recursos precisos al medio.

Cada vez es más común que las empresas que hace un año se conformaban con estar en Internet, empiezan a preocuparse por el modo en que están y a utilizar los medios que tienen a su alcance. Un buen diseñador de páginas HTML tiene que visualizar el mayor número de páginas posible y aprender de lo que hacen otros, plantearse cómo lo han realizado y estar al día de las novedades que va surgiendo en un sector en el que hay una verdadera vorágine de aparición de nuevos productos y herramientas que irán facilitando las tareas de manera notable a muy corto plazo.

Herramientas que deberá usar al servicio de un interés superior, como es comunicar la esencia, el sentir, la imagen y el posicionamiento de una compañía en una red de ordenadores que constituyen el fundamento físico de este nuevo soporte de comunicación.