En el artículo anterior os expusimos las 22 tendencias de diseño web que reinarán en el 2014.

Sin embargo, no todas las tendencias son aptas para cualquier empresa.

Por eso, queremos mojarnos, y explicaros los pros y los contras que a nuestro parecer tienen estas tendencias para que vosotros podáis determinar si merece la pena seguir alguna de ellas, y de ser así, cuál se ajustará más a vuestras necesidades de marketing y comunicación.

Ventajas y desventajas de las tendencias de diseño y programación web

CLARIDAD Y SIMPLICIDAD

 Ventajas

La claridad y la simplicidad en el diseño web facilita la lectura, facilita la comprensión, facilita la navegación, no satura al usuario, aporta armonía, ayuda a captar la atención, permite hacer foco en los aspectos más destacados…
Además, todas las webs y todos los estilos son susceptibles de ser un poco más claros y más simples sin perder su identidad.

 Desventajas

No hay contras, siempre y cuando se simplifique y clarifique una web lo justo y necesario para adecuarla a la identidad e imagen de la empresa a la que representa.

TIPOGRAFÍAS ELABORADAS

 Ventajas

Las tipografías elaboradas añaden personalidad y carácter a la página web y permiten resaltar contenidos específicos mediante el uso de tipografía.

 Desventajas

Si la tipografía es muy compleja puede ser difícil de leer y de entender. Además, si se abusa de esta tendencia la web puede verse demasiado recargada. Por lo que nosotros recomendamos utilizarla pero con mucho cuidado y para elementos destacados.

COLORES NEON Y COLORES REFLEXIVOS

 Ventajas

Los colores neon son colores divertidos. Y los top ten 2104 de Pantone son armónicos pero a la vez tienen personalidad. Así que el buen uso de ellos puede alegrar nuestra web y dotarla de vitalidad y dinamismo.

Desventajas

Los colores más que tendencias son modas. Y las modas son pasajeras, por lo que el año que viene predominarán otros colores y otros tonos. Por eso, nosotros recomendamos jugar con estos colores siempre y cuando tengan coherencia con nuestra imagen corporativa. De lo contrario, perderemos toda nuestra identidad en nuestra web. 

FLAT DESIGN

 Ventajas

El flat design, además de estar muy de moda, entra por lo ojos por la claridad y simplicidad con la que presenta las cosas.

 Desventajas

El flat design no es la única manera de tener un diseño web claro y sencillo. Por lo que antes de aplicarlos a nuestra página web debemos plantearnos si realmente se adapta a la imagen de lo que somos y de lo que queremos transmitir a través de nuestra web.

FONDOS EN VÍDEO

 Ventajas

Las páginas web con fondos de vídeo son muy atractivas, dinámicas, crean ambiente y llaman muchísimo la atención de los usuarios.

 Desventajas

Las páginas web que tienen como fondo un vídeo tardan muchísimo en cargar. Si tenemos en cuenta que no todo el mundo tiene fibra óptica y que muchas de las conexiones a internet se hacen a través del 3G, es muy probable que los usuarios tengan que esperar 5 o 6 segundos para ver nuestra página web cargada completamente con vídeos en marcha. Por eso, antes de implementar esta tendencia debemos plantearnos ¿nuestro visitante va a esperar tanto para verlo? ¿Cómo y con qué se conecta? ¿Merece la pena el vídeo de fondo?

FOTOS DE BACKGROUND

 Ventajas

Del mismo modo que con el vídeo de fondo, las fotos de fondo web dotan de dinamismo,  personalidad y de carácter a las webs, haciéndolas más atractivas y visuales.

 Desventajas

Igual que con el uso de vídeos de fondo, las fotografías de fondo pesan mucho, y por lo tanto ralentizan el proceso de carga de la página web. Por lo que si ponemos fotos como fondo web, debemos tratarlas antes para asegurarnos que pesan lo mínimo posible. Además, las fotos deben ser de calidad y deben ayudar a transmitir los conceptos y emociones que queremos reforzar. De lo contrario, toda la web se verá cutre y trasnmitirá desconfianza.

METRO GRID

 Ventajas

El uso de metro grid es muy práctico porque aporta una estructura rectangular muy fácil de entender y seguir. Por lo que una web con metro grid se ve ordenada, limpia, y elegante.

 Desventajas

A nuestro parecer el metro grid tiene pocos contras, ya que si se utiliza con creatividad y originalidad puede adaptarse a las necesidades de cualquier empresa sin sacrificar aspectos fundamentales de la identidad corporativa.

ONE PAGE DESIGN

 Ventajas

El diseño en una sola página es muy práctico para promocionar servicios o productos o para empresas que solamente quieran ofrecer un poco de información sobre ellas mismas, ya que concentra toda la web en una única página.

 Desventajas

Solo es válido para las empresas que quieren una web ultra sencilla. O como microsite o landing page para determinadas campañas de comunicación. De lo contrario, si adoptamos la tendencia One Page Design para nuestra web probablemente se nos quedará corta.

PARALLAX

 Ventajas

El parallax brinda de gran dinamismo a las páginas web, las hace visualmente mucho más atractivas, aporta movimiento, profundidad, efecto panorámico, dan mucho juego a la creatividad… y ayuda a captar de manera más fácil la atención de los usuarios.

 Desventajas

Una de las desventajas del parallax es que, al trabajar con varias capas de imagen hacen que la web sea más pesada y tarde más en cargar. Además, si optamos por incorporar parallax a nuestra web, debemos trabajar la estructura de la web para evitar que el usuario se pierda.

ADVERTENCIA DE COOKIES

 Ventajas

La información siempre es bien recibida por los usuarios. Así que informar del uso de galletas puede ayudar a generar confianza entre los usuarios.

 Desventajas

Casi todas las páginas web utilizan algún tipo de cookie: para determinar el idioma, almacenar la analítica de la página, para optimizar la navegación, etc. Por lo que avisar del uso de galletas que no afectan negativamente o se entrometen en la intimidad del usuario termina siendo innecesario ya que no le aporta nada “valioso” al usuario. 

RESPONSIVE WEB DESIGN

 Ventajas

El responsive web design tiene muchas ventajas: optimiza la visualización en cualquier dispositivo, se adapta a las pantallas, los navegadores, etc. y hace que las páginas web se vean correctamente desde cualquier aparato que las veamos.

 Desventajas

La única desventaja que encontramos al responsive web design es que es no permite tener un único diseño web. Es decir, es imposible trabajar con diseños donde hayan elementos fijos que si o si tengan que estar en un lugar concreto, ya que el diseño siempre se adaptará al alto y ancho de cada pantalla y de cada dispositivo y por lo tanto, los elementos se moverán.

HTML5, CSS 3 Y JAVASCRIPT

 Ventajas

Las ventajas de tener una web con HTML5, CSS3 y Java Script son tantas como ideas seamos capaces de generar, ya que este tipo de programación nos abre un universo de posibilidades.

 Desventajas

La única contra que tiene este tipo de programación es que si no trabajamos con un profesional experto en HTML, CSS3 y Java Script no podremos aprovechar todos los beneficios que nos aporta a nivel de diseño, SEO, velocidad, animaciones, etc. 

PHYTON Y RUBY

 Ventajas

Tanto el Phyton como el Ruby son lenguajes de programación sencillos que permiten desarrollar programas de forma más rápida y ejecutarlos desde cualquier plataforma que sepa interpretar ese lenguaje.

 Desventajas

Una de las principales desventajas del Phyton es la lentitud con la que trabajan los programas realizados con esta programación. En cambio, una de las principales desventajas del Ruby es que es un lenguaje relativamente nuevo y desconocido para muchos, por lo que es difícil encontrar profesionales que sepan desarrollarlo de la manera adecuada.

INTERACTIVO

 Ventajas

Tener una página web interactiva genera confianza, dinamismo, cercanía,… y nos permite tener una web divertida, entretenida, donde el usuario es partícipe y no solo un simple espectador. Cuanto más interactiva sea la web más fácil es captar la atención y fidelizar a los usuarios.

 Desventajas

La desventaja de las webs interactivas es que necesitas de una estructura muy bien pensada para evitar que el usuario se pierda dentro de ella. Además, es recomendable ofrecer una alternativa más directa para que el usuario si quiere acortar camino, pueda encontrar lo que busca sin necesidad de realizar muchos pasos previos.

MULTITOUCH

 Ventajas

Las webs multitouch tienen grandes ventajas a nivel de usabilidad y de interacción. Son dinámicas, ágiles, divertidas, visualmente atractivas, son fáciles de utilizar y permiten sacarle partido a los movimientos naturales.

 Desventajas

Además de que las web multitouch son más complejas de programar y diseñar, y por lo tanto, son más caras, tienen como desventaja que hasta la fecha no son 100% precisas. 

NAVEGACIÓN NO ESTÁNDAR

 Ventajas

La navegación no estándar permite realizar webs muy creativas y originales a nivel visual.

 Desventajas

Nosotros vemos bastantes desventajas en la navegación no estándar: es muy fácil que el usuario se pierda navegando en ellas, es más complicado llegar a la información que uno busca, etc. Por lo que, si la finalidad de nuestra web es ofrecer información de interés al usuario o vender nuestros productos o servicios, es probable que la navegación no estándar no nos sea de ayuda.

BARRA DE NAVEGACIÓN FIJA

 Ventajas

La barra fija de navegación tiene muchas ventajas ya que permite al usuario realizar tanto scroll como quiera que siempre tendrá la barra de navegación accesible. Esto ayuda a que el usuario navegue por nuestra web, visite más pestañas, y que siempre pueda acceder a aquello que está buscando.

 Desventajas

La barra de navegación fija tiene pocas desventajas. Aunque si que es muy recomendable que se oculte automáticamente para que no entorpezca en el contenido de la web.

BOTONES MÁS GRANDES

 Ventajas

Tener los botones más grandes es algo ventajoso para nuestra web, ya que facilita el click y la navegación interna desde cualquier dispositivo que se utilice.

 Desventajas

La única deventaja es que a veces el diseño y el contenido de la web no permiten tener los botones todo lo grandes que deberían ya que, si no están bien diseñados y bien estructurados, es posible que no queden muy estéticos. 

SCROLL INFINITO

 Ventajas

El scroll infinito tiene la ventaja de que permite ver toda la información que se busca sin tener que cambiar de pestañas o realizar mucha navegación interna. Además, permite obtener información con un simple golpe de scroll, por lo que es muy práctico para presentar grandes bloques de texto o muchas imágenes al estilo Pinterest, sobretodo si se visualiza desde dispositivos móviles o tablets táctiles.

 Desventajas

En muchas ocasiones el scroll infinito hace que el usuario se sature con tanta información reunida. Además, otra desventaja que tiene es que si el usuario ha visto algo que le ha interesado y ha seguido haciendo scroll para ver que más había, luego le cueste encontrar la información que le había interesado.
Otra desventaja es que si se visualiza desde el ordenador no táctil es un poco engorroso tener que hacer scroll continuamente.

MARKETING DE CONTENIDOS

 Ventajas

El marketing de contenidos aporta grandes ventajas a las empresas que lo ponen en práctica: capta a nuevos visitantes, fideliza a los clientes, aporta un valor diferencial a los usuarios, permite diferenciarse de la competencia, mejora el SEO, etc.

 Desventajas

Sin embargo el marketing de contenidos también tiene sus desventajas: hay que trabajar de manera muy estratégica el contenido que se ofrece, por lo que no se puede dejar en manos de cualquiera. Además, el contenido debe estar siempre actualizado, sino no tiene efectividad.

STORY TELLING

 Ventajas

El story telling también tiene muchas ventajas ya que permite trabajar el branding, la imagen, el posicionamiento en la mente del consumidor, la reputación, trabaja el lado emocional, etc.

 Desventajas

Una de las principales desventajas del Story Telling es que no es una simple estrategia para la web sino que, para que sea efectiva, debe actuar sobre toda la marca y todas sus acciones, independientemente del medio. Además requiere de un análisis previo muy exhaustivo para encontrar el insigh de nuestro público potencial. 

SOCIAL

 Ventajas

Las webs sociales tienen muchas ventajas: aumentan la visibilidad, fomentan el feedback, ayudan a la difusión, mejoran la reputación, fidelizan clientes, mejoran el SEO, promueven el boca a boca, generan confianza, etc.

 Desventajas

La principal desventaja de socializar nuestra web es que debemos estar atentos a todos los comentarios que se generan y eso implica dedicarle mucho tiempo para ofrecer soluciones y respuestas rápidas a los usuarios, difundir contenido, etc. De lo contrario socializar nuestra web nos jugará en contra. 

Estas son algunas de las ventajas y desventajas de las tendencias de diseño y programación web para este 2014. Como habéis podido ver, no todas las tendencias son aptas para cualquier empresa. Además, cada empresa debe tener como punto de referencia su imagen, su identidad, sus valores, etc. Por lo que antes de adoptar una tendencia para renovar o actualizar nuestra web, debemos valorar si realmente se adapta a las necesidades de nuestra empresa, si es consecuente con lo que somos, con lo que hacemos,… y si nos ayudará a conseguir nuestros objetivos de marketing y comunicación.

¿Añadirías alguna otra ventaja y desventaja?