Disño web, en serio - xavibarrera.com

Diseño web, la imagen que quieres dar de tu negocio

Una web son toneladas de líneas de código que manejan una base de datos. Este código es lo que leen los distintos navegadores y transforman en una imagen, que es lo que puedes ver en la pantalla de tu dispositivo. Si todo va bien, podrás ver el diseño que ideó la persona que te programó la web.

Las webs sencillas, las que suelen hacer las empresas con menor presupuesto, utilizan plantillas. Por eso hay tantas webs parecidas con independencia del tema que traten. Aunque te pueda parecer bonito, utilizan un diseño estándar que nada tiene que ver con tu negocio.

El diseño de tu web es la imagen que ofreces a tus posibles clientes

Recuerda que quieres una web para ganar dinero. Si no necesitas más que un bloc en el que enseñar las fotos de tus vacaciones o compartir recetas de cocina, no siguas leyendo porque este artículo no es para ti.

Ganar dinero es lo más importante. Mi punto de vista no es meramente técnico sino que se basa en mi experiencia de más de treinta y cinco años en el mundo de la publicidad. Y es que el marketing y la publicidad son las herramientas que hacen que los negocios prosperen.

Quien vaya a encargarse del diseño de tu web debe saber muy bien a qué te dedicas y qué objetivos tienes. Si realmente sabe lo que se trae entre manos, te propondrá construir una web activa. Al contrario, si lo único que quiere es coger tu dinero, te dirá que sí a todo y se adaptará a lo que le pidas.

Sin embargo, cualquiera que sea el diseño elegido, el resultado será lo que verán los posibles clientes que te visiten. Muchos, si has hecho una web activa o muy pocos o ninguno si te has decidido por una económica web prêt-à-porter.

Lo que muestras en la web es tu imagen y las sensaciones que cause en sus visitantes son determinantes para que acaben convirtiéndose en tus clientes o no.

Por eso, no debes tomarte a la ligera el diseño de tu web.

¿Te gustan los aviones?

Hace muchos años, estaba charlando con mi amigo Rafael Marquina, un prestigioso diseñador industrial, responsable de las famosas “Vinagreras Marquina”, las únicas que no sueltan la gota después de usarlas. Estábamos en su estudio de diseño del Paseo de Gracia de Barcelona. En mitad de la conversación me preguntó, “¿te gustan los aviones, Xavi?”.

Diseño web - Los aviones deben volar

Le dije que sí, que me gustan mucho. De veras, los aviones me encantan. ¿Y a ti?

Rafael continuó afirmando que los aviones no se diseñan para ser bonitos. Se diseñan para que sean capaces de volar. Además, tienen que hacerlo del modo más eficaz posible. Han de ser capaces de transportar cargas pesadas o una gran cantidad de pasajeros. O, si son aviones de combate, tienen que poder realizar maniobras imposibles y estar equipados con sofisticados sistemas de armamento. Sean del tipo que sean, tienen que ofrecer la mínima resistencia al avance y la máxima sustentación para minimizar el consumo de combustible y aumentar la autonomía.

Módulo Lunar Apolo 14 - Foto NASA.
Módulo Lunar del Apolo 14 posado en la superfície de la Luna.

A pesar de todo, los aviones son bonitos. Pero podrían ser horrorosos. ¿Recuerdas el Módulo Lunar, la nave que utilizaron los astronautas de las misiones Apolo para alunizar? No se me ocurre nada más feo pero resultó ser muy eficaz para el objetivo que tenía que cumplir.

Exactamente igual que los aviones y que el Módulo Lunar, tu web tiene que ser capaz de superar unas marcas si quieres que esté bien posicionada y tenga alguna utilidad. Por tanto, el diseño de tu web se tendrá que ocupar, ni más ni menos, de que sea eficaz. Para ello, además de todo lo que viene a continuación, tiene que respetar las siete reglas del diseño web.

Los objetivos técnicos del diseño web

El principal objetivo técnico que debe cumplir tu web está relacionado con el SEO (Search Engine Optimization), o sea, la optimización para los buscadores. Ya sabes, Google es el mayor buscador y el que pone las normas. Si quieres saber qué demonios es el SEO, te recomiendo que leas el artículo que habla de ello en esta web.

En definitiva, se trata de que los buscadores coloquen a tu web lo más arriba posible en las respuestas a las consultas que han hecho los usuarios del buscador en cuestión.

La velocidad de carga de la web, o sea, el tiempo que transcurre desde que el usuario pincha en tu enlace y puede ver efectivamente a tu web en pantalla, es determinante. Cuanto más código, es decir, cuantos más elementos tengan que cargar las páginas de tu web, mayor será el tiempo necesario y más se enfadará Google contigo. Por tanto, cuanto más complejo sea el diseño de tu web, más tardará ésta en cargarse y más abajo te mandará Google.

Las grandes fotografías, los videos que se autoejecutan en el fondo y esos brillantes carruseles de imágenes, son muy llamativos, pero ralentizan la carga de tu web y harán que no sea de las elegidas por Google para colocarla en lo más alto de la página de resultados. Recuerda, antes que bonitos, los aviones tienen que poder volar del modo más eficaz.

El diseño es el embajador silencioso de tu marca.

-Paul Rand-

Cuando alguien aterrice en tu web, recibirá una imagen producto del diseño gráfico que hayas elegido. Esta imagen podrá causar una buena impresión, todo lo contrario o resultar indiferente. Créeme, quieres causar una buena impresión.

Un diseño para varios formatos

Aunque lamentablemente no siempre ocurre así, quien diseñe tu web tendrá que tener en cuenta que se verá en varios formatos. Normalmente el trabajo se realizará en un ordenador de sobremesa, donde la web se verá fantástica. Pero la mayoría de usuarios la visitarán desde un teléfono móvil.

En serio, casi un 70% de las visitas vienen desde dispositivos móviles, un 28% se realiza desde ordenadores de sobremesa o portátiles y en torno al 2% llega desde tabletas.

Normalmente, la mayoría de empresas de diseño web te ofrecerán productos “responsive”, es decir, que se ajustan automáticamente al dispositivo. Esto significa que el tamaño de las letras y las imágenes se adaptan a la pantalla más pequeña para que sean legibles. Sin embargo, el diseño original se pierde.

Así que una web “responsive” no es suficiente. Es necesario adaptar el diseño a cada dispositivo para que mantenga la imagen original.

Además de cumplir con todo lo que estamos viendo hasta ahora, para que una web pueda calificarse con la mejor nota, es necesario respetar las siete reglas fundamentales del diseño web

Una rápida ojeada a los diferentes estilos de diseño gráfico

El Siglo XX fue el siglo del diseño. La publicidad gráfica explotó en la segunda mitad del Siglo XIX. Del recargado estilo Vintage de finales del XIX y principios del XX, desde Alemania surgió el estilo Bauhaus. Lo abarcaba todo, desde el arte hasta la arquitectura. Su premisa era la simplicidad. Bien por el Bauhaus.

A finales de la Segunda Guerra Mundial, en Estados unidos apareció el que tal vez ha sido el más interesante estilo de diseño en general, el Mid Century Modern. Como el Bauhaus, lo abarcó todo, desde las gráficas a la arquitectura y el diseño de automóviles.

Mientras en Estados Unidos triunfaba el MCM, tras la Segunda Guerra Mundial en Europa surgió con fuerza el que se conoce como el Estilo Suizo, también conocido como Estilo Internacional. Adopta la simplicidad del Bauhaus y va aún más lejos pero se circunscribe en la gráfica. Los años sesenta fueron el boom del estilo gráfico suizo pero aún hoy en día sigue vigente.

En los años sesenta pasó de todo. Los nuevos estilos duraban una tarde. A pesar de todo, dos de ellos destacaron por encima de los demás, el Pop Art y la Psicodelia. En realidad, la Psicodelia es lo que desembocó en el tono gráfico, recargado de colores, de los años 70. Entre el Pop Art y la Psicodelia, arrasó en gráfica el modernismo que, en realidad, era el Estilo Suizo. La idea era, como suele ser habitual, ser todo lo contrario que la anterior moda, en este caso, el Mid Century Modern.

Actualmente, en cualquier ordenador o mesa de diseño puede surgir en cualquier instante un nuevo modo de hacer las cosas. Algunas funcionan y otras no. Qué pena si alguien experimenta contigo un estilo que no funciona.

No lo olvides, antes que ser bonitos, los aviones tienen que volar. Tu web tiene que ser clara, limpia y muy fácil de leer. Tu web tiene que estar diseñada para vender y los textos que incluya tienen que ser textos que vendan.

El diseño actual

Diseño web - Acento

En mi humilde opinión, el diseño actual es un desastre. Hay tanta gente diseñando, -me refiero a personas sin formación que diseñan piezas con aplicaciones gratuitas para móviles-, que lo que se ve es una auténtica Torre de Babel del diseño.

A pesar de ello, hay trabajos muy buenos. Hay gente muy brillante haciendo diseños espectaculares y efectivos. El mejor diseño, tenga el estilo que tenga, tiene que captar la atención y comunicar tu mensaje eficazmente. Pero no olvides que lo más importante es el mensaje.

Huye de todo lo extravagante, de lo conceptual y lo abstracto. Puede que sea llamativo, pero comunica fatal. Ponte en manos de alguien que sepa lo que hace.

No olvides que tu web tiene que durar algo más que una temporada “otoño-invierno”. Sobre todo, ten presente que tu web es el espejo de tu negocio. La impresión que cause será determinante para que alguien decida comprar o no lo que ofreces.

Recuerda, el diseño de tu web tiene que ser técnicamente eficaz. Tiene que proporcionarte una web ligera que cargue lo más rápido posible. Además, tiene que cumplir con tus objetivos de imagen de marca. Y, por encima de todo, tiene que hacerte ganar dinero.

Si lo deseas, estaré encantado en ayudarte a diseñar tu web. El resultado te gustará y ganarás dinero.