
15 TENDENCIAS DE DISEÑO Y PROGRAMACIÓN WEB PARA 2017
1. Mobile first (¡pero de verdad!) Los dispositivos móviles siguen ganando adeptos alrededor del mundo y más del 79% de los usuarios reconoce utilizar su teléfono móvil como medio para buscar por internet. Estos datos que no paran de crecer año tras año hacen que, cada vez más, el “cómo se ve” una web desde un teléfono móvil sea más y más importante. Tanto así que el móvil se ha convertido en el eje central del diseño web desde el cual se realizarán el resto de adaptaciones para pantallas y dispositivos de mayor tamaño.
2. Responsive si o si: pese a las ventajas que ofrecen otros sistemas de diseño web como el dynamic serving o las web-app, finalmente el diseño responsive ha ganado la batalla por ser la opción de diseño web con mejor relación calidad-precio-mantenimiento. Por lo que es más que probable que practicamente todas las webs que se diseñen y programen durante 2017 sean mediante el sistema de grillas del popular Responsive web Design.
3. Webs con patrones: Parte del abaratamiento del diseño web pasa por el uso de patrones que simplifican el tiempo de creatividad y diseño. Si a esto le sumamos que cada vez más las empresas son conscientes de que deben estar presentes en internet con su propia página web hace que el uso de patrones se haya popularizado y muchas páginas web sea muy parecidas entre si. Estos dos factores han sido determinantes durante 2016 y lo seguirán siendo durante 2017 donde la mayoría de páginas web seguirán siendo “más de lo mismo”. Sin embargo, esto implica una gran ventaja para todas aquellas marcas y empresas que rehuyan de esta tendencia y que busquen diferenciarse a través de la creatividad y del diseño con páginas web ideadas y programadas totalmente a medida de sus necesidades.
4. Bye bye stock: Debido a que cada vez más las webs son más parecidas entre si a nivel de diseño, ha nacido una nueva tendencia. Y es que la diferenciación en las páginas webs pasa, en muchas ocasiones, por dejar de lado los bancos de imágenes y crear y utilizar fotografías únicas, originales,… que sean capaces de transmitir la esencia de cada marca y de cada empresa.
5. Hello ilustraciones: Esta misma tendencia ha hecho que aflore el uso de ilustraciones personalizadas para dotar de personalidad a las páginas web, transmitir su valor de marca y diferenciar las webs de su competencia.
6. Grandes y gordas: Otra forma de dotar de personalidad a las páginas web durante este 2017, diferenciarlas de la competencia y hacerlas visualmente atractivas pasa por el uso de tipografías diferentes, fuertes, grandes y en negrita.
7. Verde que te quiero verde: “Greenery” es el tono elegido por Pantone como color del año para este 2017. Inspirado en los primeros días de primavera, Greenery (verdor en castellano) ha venido para establecer el “equilibrio entre nuestro acelerado ritmo de vida”. Por lo que es más que probable que tanto este color como sus complementarios inunden el diseño de páginas web para este 2017.
8. Gif power: Gracias al uso del formato Gif que permite realizar ilustraciones personalizadas animadas que se reproducen automáticamente en cualquier tipo de navegador, este año veremos páginas web con más animaciones que en años anteriores y, además, con animaciones aparentemente más complejas a nivel visual.
9. Video webs: Pese a ser la opción que más problemas de posicionamiento en buscadores ofrece, el vídeo gana cada vez más protagonismo en el diseño web, convirtiéndose en el rey de 2017. Durante todo este año, muchas empresas y marcas que aboguen por la creatividad, la visibilidad y quieran diferenciarse de la competencia utilizarán las video webs como medio de comunicación on line. Es decir, utilizarán páginas web que mezclan vídeos animados para convertir las páginas web en una experiencia interactiva muy visual de gran impacto, como por ejemplo: http://www.200miles.com/
10. Parallax scrolling de diseño: Pese a que el Parallax scrolling no es nada nuevo, durante este 2017, aquellas marcas y empresas que quieran marcar la diferencia con páginas web innovadoras y creativas y no quieran una vídeo web, es muy probable que elijan el parallax scrolling como forma de llamar la atención, diferenciarse y enamorar a sus usuarios. Eso si, a diferencia de otros años, el parallax scrolling que veremos durante este año será mucho más sutil, cuidado y armonioso.
11. Diseñar para convertir: Hasta ahora y en muchas ocasiones, el diseño de páginas web y el marketing digital iban por separado. Es más, era muy habitual ver páginas web que no estuvieran pensadas para convertir al usuario. Es decir, que la página web no estaba diseñada para que el usuario terminara haciendo aquello que nosotros (los propietarios de la web) queríamos que hiciera. Sin embargo, este 2017 (aunque nosotros ya lo hacemos desde hace años) el diseño web trabaja como medio para conseguir un fin. Esto implica que las nuevas páginas web estarán creadas expresamente para potenciar el contenido y buscando conseguir unos objetivos determinados, como por ejemplo, un registro, una compra, etc.
12. Webs con realidad virtual: La aparición de nuevos elementos de realidad virtual como por ejemplo las gafas Samsung Gear VR, las Google Cardboard, las HTC Vive o las Oculus Rift han hecho que la realidad virtual de un paso al frente y traspase la pantalla de nuestros ordenadores. Es más, durante este 2017 veremos páginas web que nos invitarán a entrar a la pantalla, como por ejemplo la web del Samsung Galaxy Gear VR donde la realidad virtual formará parte del atractivo e innovador diseño de algunas páginas web que quieran ser pioneras y marcar el diferencial.
13. Más contenido: Durante este 2017 el contenido sigue siendo uno de los aspectos clave de cualquier página web que quiera mejorar su posicionamiento en buscadores (SEO), atraer a nuevos usuarios y generar conversiones (que compren, se registren, contacten, etc) Eso si, este año, la tendencia de marketing de contenido es a generar aun más cantidad de contenido, dotando a las páginas web de muchísima información para que el usuario pueda encontrar todo aquello que pueda necesitar.
14. Microinteracciones: Este año veremos como las pequeñas interacciones invaden las páginas web. Es decir, además de las típicas interacciones de cambios de colores o movimiento al hacer click, etc. Este año veremos muchas páginas web donde cada pequeño movimiento implicará una pequeña acción por parte de la página web, desde el scroll, el pasar el dedo o mouse por encima, apoyar uno, dos o tres, dedos, etc.
15. Webs que conversan: Hace algunos años que se pusieron de moda los modales y pop ups que te invitaban a realizar una acción. Y este 2017 veremos como las webs buscan fomentar la conversación entre el usuario y la marca. Por eso, será más habitual que nunca encontrar páginas web donde el contenido pregunta a los usuarios y donde se incluyen espacios para que los usuarios respondan, pregunten o, simplemente, dejen sus comentarios en la web en vez de en las redes sociales de la marca.
Artículos relacionados
12 Tendencias en Redes sociales para 2021
Las redes sociales evolucionan cada vez más rápido, se hacen competencia...
8 tendencias de publicidad para 2021
¿Sabías qué 2020 ha sido un año en el que las previsiones y las tendencias...
15 tendencias de diseño web para 2021
Termina 2020 y el 2021 llega con nuevas tendencias de diseño web. Como bien s...
15 tendencias de marketing para 2021
¿Qué nos espera en el futuro? Predecir nunca ha sido nada fácil, y en espec...
5 Tendencias de marketing digital para este 2021
¿Sabías que en 2021 será imprescindible apostar en el marketing digital para ...
9 Tendencias de marketing para 2020
Con el 2020 también llegan las nuevas tendencias de marketing para este año....
15 Tendencias de diseño web para 2020
Un año más vuelve uno de nuestros clásicos: las tendencias de diseño web p...
Cómo optimizar el SEO de tu web en 2020
Google cada vez ofrece más opciones a los usuarios. Y esto hace que el SEO se...
15 Tendencias en redes sociales para 2020
Se acaba el año y con él se van algunas tendencias en redes sociales que est...
7 tendencias de vídeo en redes sociales
Hoy en día las redes sociales son cruciales en cualquier estrategia de ma...
10 Tendencias SEO para 2019 que no te puedes perder
Con el 2019 también llegan las nuevas tendencias para el SEO. Y es que pese a...
5 Tendencias en Instagram para 2019
Con el año nuevo también llegan las tendencias nuevas para la web y para las...
16 Tendencias de diseño web para 2019
Con el año nuevo también vienen las tendencias de diseño y de moda. Y como ...
9 aspectos clave para el SEO en 2018
Para nuestros alumnos del curso de SEO “Mejora el SEO de tu web en u...
15 Tendencias de marketing on line para 2018
Este nuevo año viene también cargado de tendencias de marketing on line....
31 Tendencias de diseño web para 2018
Arranca el 2018 y con él las nuevas tendencias de diseño web. Por eso, hemos...
25 tendencias de compra en Google durante 2017
La palabra Googlear ya forma parte de nuestro diccionario. Y es que todos en...
25 datos sobre las redes sociales en España
El IAB ya ha presentado su estudio anual de redes sociales en España. Y aquí ...
14 datos y tendencias reveladoras del e-commerce en España
Ya se han publicado los resultados del Observatorio Cetelem e-Commerce 201...
Tendencias de marketing digital para 2017
Nadie duda de la importancia del marketing digital para aquellas Pymes y S...
5 tipos de empresas que deben tener una e-commerce
Según los últimos estudios realizados por Lengow, indican que España es...
8 Tendencias de SEO para 2017
El 2017 además de venir con nuevas tendencias de diseño web, también vi...
7 motivos para tener una web con gestor de contenidos propio
Hay diversos tipos de páginas web que se pueden clasificar en función a difere...
6 claves y tendencias de publicidad en Facebook
Ya hace varios años que Facebook permite que las empresas realicen public...
7 Tendencias del marketing digital durante 2016
Ya se han publicado el Digital Marketing Report de 2016. Y en él, podemos...
Tendencias de diseño web para 2016
Como ya es costumbre, que mejor manera que arrancar el año que haciendo una r...
12 tendencias de logotipos de este año
Ya estamos a mediados de 2015 y podemos ver de forma clara cuáles son las ten...
22 tendencias de diseño web para 2014
Ya nos queda poco para terminar el 2013 y con el año nuevo se refuerzan algunas...
15 tendencias de diseño web para 2015
Empezamos el año repasando las tendencias de diseño web que reinarán este 201...
Pros y contras de las tendencias de diseño para 2014
En el artículo anterior os expusimos las 22 tendencias de diseño web que reina...
Cursos de diseño web para novatos
El comercio electrónico español o ecommerce se ha visto incrementado la demand...
7 requisitos de las páginas web que ayudan a vender productos y servicios
El AIMC Q Panel ya está aquí. Y este año arroja unos datos que, como em...
10 errores que empeoran la experiencia del usuario de tu web
¿Has oído hablar del UX? Si es la primera vez que lo oyes puede que, de...
Formas de crear una página web según tu tipo de empresa
Hay muchas formas de hacer una página web. De hecho, todas las semanas re...
7 acciones de marketing digital para mejorar los recursos humanos de tu empresa
El área de marketing y comunicación de las empresas y el de recursos hum...
7 motivos por los que necesitas una Progressive web app
¿Has oido hablar de las Progressive Web Apps (PWA)? Si aun no has oido ha...
21 datos del uso del móvil en 2017 que te sorprenderán
Ya se ha publicado el estudio anual de Mobile Marketing realizado por e IA...
6 factores que dependen de ti y determinan el éxito de tu publicidad en Google
No cabe duda que la publicidad en Adwords es capaz de aumentar las ventas ...
Qué le conviene a mi empresa: App o WebApp
¿Sabías que el último estudio reveló que en España el uso del móvil ...
Página Web One page vs Página web Multi page
El diseño y la estructura de una web es uno de los elementos fundamentales qu...
6 motivos de peso por los que necesitas una web a medida
Desde hace ya varios años se ha popularizado el uso de programas para hacer p...
4 motivos de peso por los que debes analizar tu web
Siempre hablamos de lo importante que es tener una web en condiciones. Pero es...
6 cosas que debes tener muy claras antes de renovar tu web
Muchas empresas tienen páginas webs totalmente desfasadas. Todas las sem...
8 consejos para elegir los desarrolladores web más adecuados para tu empresa
Muchos de nuestros clientes de diseño y programación web nos vienen de “re...
13 motivos por los que debo re-diseñar mi web
(Articulo actualizado en Agosto de 2015) El mundo on line cambia a velocida...
Pros y contras de los diseños web optimizados para móviles
Como ya os comentamos en el artículo de la semana pasada existen 3 maneras de ...
3 maneras de tener una web optimizada para móviles
¡Ya ha llegado el día! Como ya anunció Google en su blog para Webmasters, a...
18 imprescindibles para que tu tienda on line tenga éxito (Parte I)
El comercio on line no para de crecer y crecer poniendo al continente Europeo y...
8 claves de una landing page exitosa
Ya te explicamos los 15 motivos por los que debes utilizar landing pages en tu ...
¿Eres el auténtico propiertario de tu web?
Normalmente escribirnos artículos que hacen referencia al marketing, al diseño...
No es rentable hacer tu propia web o blog
Existen infinidad de programas que permiten hacer tu propia web o blog de manera...
15 motivos por los que debes utilizar landing pages en tu estrategia digital
En muchas ocasiones, además de una página web, un blog y/o una tienda on lin...
5 requisitos que no deben faltar en tu aviso de Cookies
La popularización de internet, el aumento de la publicidad digital y el afán d...
Qué tipos de cookies hay y para qué sirven
Seguro que últimamente has entrado en diversas páginas webs, blogs o tiendas o...
13 consejos para tener una web exitosa
Hay PÁGINAS WEB y “páginas web", y lo que diferencia a unas y a otras, ade...
Infaltables en una buena página web
Como ya mencionamos en el artículo "del negocio on-line al negocio off-line" ...
Web, blog o web con blog
Como ya comentamos en los artículos "Del negocio on-line al negocio off-line" ...
Gana dinero con tu web
Una de las preocupaciones de la inmensa mayoría de pequeñas y medianas empre...
12 errores que te hacen perder visitas en tu web
El principal aspecto que controlan las grandes, medianas y pequeñas empresas cu...
4 grandes motivos para mejorar la velocidad de carga de tu web
Siempre hablamos de la importancia de que nuestra web, blog o tienda on line sea...
5 consejos para optimizar la velocidad de carga de tu web, blog y e-commerce
En el artículo anterior hablábamos de lo importante que es que nuestra web, bl...
3 motivos de peso por los que tu web debe incorporar un blog
Hace ya algún tiempo nos planteábamos si es mejor tener una web, un blog, o un...
Posiciona con la estrategia de palabras clave
En la mayoría de páginas webs que analizamos o con las que trabajamos para mej...
La mejor estrategia: contenidos, palabras clave y SEO
Son muchos los que hablan del final de SEO porque la estrategia SEO debe est...
Del negocio on-line al negocio off-line
En artículos anteriores hablamos de los beneficios que supone tener un negocio ...
11 ventajas de tener un negocio on line
Según el estudio de la consultora Nielsen, la intención de compra de productos...