Tendencias de diseño web para este 2017

Os traemos las claves a tener en cuenta sobre las tendencias web para este 2017.
Si quieres tener una web a la última no te lo pierdas.

 

Diseño Responsive

Viene siendo ya algo casi obligatorio, ya que se prevee que para este 2017 más del 50% de las visitas web sea a través de dispositivos móviles. Es algo indispensable que tu web se vea bien y se adapte a cualquier tipo de dispositivo. Esto se basa en que se debe adaptar al ancho de cualquier smartphone o tablet.

Os recomendamos para comprobar si vuestra web se adapta correctamente a los distintos dispositivos que uséis Resizer de Google.

 

Menú Hamburguesa

Este tipo de menú, caracterizado por el icono de las 3 barras horizontales, es el típico menú de los smartphones y tablets. Ya nos hemos acostumbrado a verlo en estos dispositivos, pero podría ser una tendencia el implementarlo en las webs, ya sean o no responsive, apareciendo también en pantallas grandes, generando así una web más limpia, ya que el menú queda oculto, pero muy accesible a la vez. Esto dependerá del tipo de web que sea, y habría que valorar si interesa ocultarlo o no.

Cabe destacar que las principales plataformas móviles están empezando a acompañar este menú, o incluso dejándolo de lado, con iconos de navegación, unas pocas pestañas que hacen que navegues a través de la plataforma de una forma más rápida e intuitiva. Pero esto no es aplicable a todo tipo de webs, ni a menús complejos. Es una forma de sintetizar las acciones de la plataforma, algo tremendamente complejo. Algunos creen que este es el final de la hamburguesa, pero parece que aún le queda vida, por lo menos para este 2017.

Esta tendencia puede desembocar en una simplificación de los menús, ya que creemos que se debe intentar sintetizar al máximo, hacerlos lo más sencillos e intuitivos de cara al usuario final.

 

Flat Design / Material Design

Es impresncindible nombrar este tipo de diseño, que viene ya pisando fuerte de años anteriores, basado en colores planos llamativos y formas geométricas básicas (estilo vectorial), acompañados de tipografías muy limpias, que conecta a la perfección con el diseño responsive. Con esto conseguimos diseños minimalistas, sencillos, limpios y claros visualmente, somos muy partidarios de esta evolución hacia lo simple.

El Material Design, potenciado por el gran Google, usa más sombreados y juega con la profundidad respecto al flat design, y lo que intenta es conseguir un entorno más realista para los usuarios.

El principal objetivo de este tipo de estilo es crear diseños web limpios y actuales, enfocados a que la experiencia del usuario (UX) sea la mejor. Imprescindible en proyectos web profesionales.

No sabemos cuanto durará esta tendencia, ya que esto lo suelen marcar las grandes plataformas, pero de momento es una tendencia que sigue en la actualidad y que hay que tener bien en cuenta.

 

Imágenes “Hero”

arritalvalencia.es

Así es como se conoce al tipo de web que nada más entrar tienen una imagen que ocupa toda la pantalla. Este tipo de imágenes son recursos muy potentes para captar la atención de los usuarios. Este año van a seguir siendo tendencia, y cada vez más visibles.

Esta tendencia no es nueva, pero sí que por fin parece que los usuarios se están acostumbrando a hacer scroll cuando ven una imagen, ya que antes no se hacía y muchos tenían miedo a que la gente no viera el resto de la web y los descartaban, parece que esta tendencia sí ha cambiado y por fin de asienta.

Cabe mencionar que para obtener buenos resultados con este tipo de webs se debe tener en cuenta unos tiempos de carga bajos, si no lo que conseguiremos será un efecto contrario, ya que con cargas altas de tiempo lo que hacemos es perder usuarios, y posibles clientes. Para ellos es necesario un buen servidor y tener una buena optimización de tu página. En acceseo podemos asesorarte y ofrecerte los mejores servicios de hosting y optimización.

 

Vídeos

www.acceseo.com

Un fondo animado o un vídeo de fondo full screen puede añadir mucha visibilidad a una parte de la web, es un recurso muy atractivo visualmente para el visitante, pero debemos tener cuidado y no abusar, ya que podría distraer la atención del usuario, y hay que implementarlo con moderación.

A parte de como fondo también es importante incluir vídeos en la web, principalmente en la homepage. Según algunos informes el vídeo representará el 80% de tráfico de internet en 2017, por lo que no podemos dejarlo de lado en nuestras webs. Según algunos estudios el vídeo también favorece al posicionamiento, y aumenta las tasas de conversión de la web.

Estamos en la era del vídeo, ya que es capaz de comunicar mucho más que una imagen, por lo que el impacto sobre el usuario se multiplica. Lo que los usuarios quieren es contenido audiovisual y poco contenido escrito, por lo que el vídeo es el mejor recurso.

Por todo esto, el vídeo ha sido y seguirá siendo tendencia en las webs, e irá a más sin duda.

 

Animaciones

Las animaciones van tomando cada vez más protagonismo en las web, por lo que es una tendencia indiscutible que tiende al alza.

Hacen que la experiencia del usuario sea más interactiva e interesante, aun así no hay que abusar de ellas, hay que tratar con cuidado dónde y cómo implementar estas animaciones.
Las podemos ver en animaciones de gran tamaño, tipo pop-up, o efectos parallax, y otras animaciones menores que no requieren de la interacción del usuario, como pueden ser iconos animados de carga, barras o efectos hover.

 

Interacciones

Vamos a ver también micro-interacciones eficaces que a la vez de que añade un valor visual, al mismo tiempo informa al usuario, por lo que mejor la experiencia final.
Estarán presentes sobre todo en menús hamburguesa, hovers (al pasar por encima el cursor), botones…
Estos efectos hacen la navegación más intuitiva, y son indispensables en apps y webs responsives. Muy utilizadas en las principales plataformas de la red.

 

Imágenes Animadas Cinemagraphs


fuente: cinemagraphs.com

 

Los antiguos GIFs evolucionan en Cimegraphs. Son fotografías en las que ocurre una acción de movimiento menor y repetitiva. Se crean a partir de una serie de fotografías o vídeos y usando un software de edición de imágenes. El resultado es un GIF animado, que crea un efecto de lo más atractivo y potente, aporta un gran dinamismo, por lo que es un interesante recurso para usar.

 


fuente: cinemagraphs.com

 

Imágenes Coloridas


www.capitalonelabs.com

El color parece que toma el control para este 2017, es sin duda tendencia en las webs más premiadas.
Vamos a ver webs muy coloridas, ya que utilizando bitonos podemos encontrar un equilibrio entre webs minimalistas y webs recargadas, un punto intermedio que puede dar buenos resultados visuales.

Podemos usar gradientes y colores vívidos que darán y reforzarán las personalidad de una web, saliendo un poco de los tonos apagados y simples.
Son perfectos para aportar energía, calidez y dinamismo a una web. Este apartado se reserva para los más valientes y atrevidos, abstenerse conservadores.

 

Tipografías

heckhouse.com

Las tipografías ya no solo son una herramienta para escribir información, si no que también adquiere un protagonismo estético, que viene dado del diseño gráfico, por lo que podemos jugar con la tipografía como un elemento gráfico más, y es por ello que tenemos que tener un especial cuidado con la elección.

Se mantienen varias reglas básicas que continúan en este 2017, tipografías sencillas de fácil legibilidad y un máximo de 2 tipografías diferentes por web.

Hay que revisar que las tipografías que elijamos en nuestra web se visualicen correctamente en los diferentes navegadores y dispositivos.

También hay que ir en cuidado con usar tipografías con algún tipo de licencia comercial, por eso os recomendamos usar Google Web Fonts, una recopilación de Google de miles de tipografías gratuitas (licencia abierta) que se visualizan perfectamente, además nos ayuda a implementarla de forma fácil en nuestra web.

 

Mucho Scroll

lookbook.wedze.com

Viene dado por la navegación móvil y pantallas táctiles, el scroll vertical largo va a seguir siendo tendencia estos próximos años. Es un recurso práctico en todo tipo de dispositivos, incluso en el ordenador, y por fin nos hemos acostumbrado a este efecto, y los usuarios interaccionan mediante el scroll sin problema.

También existe el scroll modular, ya que una sección podría tener su propio scroll, y podemos hablar de scrolls independientes entre secciones.

En este punto podemos nombrar al querido y odiado efecto parallax, que se utiliza para crear cierto dinamismo y jugar con efectos de profundidad. Este efecto es querido por unos y odiados por otros. Algunos creen que al final distraen al usuario, cargan la página, tanto en diseño como en tiempos de carga, etc., en contra otros lo dan como un estándar implantado como algo normal en algunas webs. Nosotros pensamos que en cierto tipos de web puede seguir funcionando, ya que es atractivo visualmente, y creemos que si se reinventa en un futuro cercano podría de nuevo ser tendencia y algo actual, pero de momento digamos que no es tendencia como tal.

 

Extra:
El color de tendencia tecnológico en 2016 fue el Ombré

La tendencia del año pasado no fue un solo tono si no la mezcla de varios tonos, una combinación que se ha bautizado como ombré.

Parece que la tendencia es pasar de los colores planos a gradientes de varios colores o tonos. Se basa en los colores de los 70 y 80 (cierto aire nostálgico), con esos colores y degradados muy vivos.

Transforma los iconos y logotipos más atractivos hacia un usuario final. Dan una sensación de suavidad y calidez muy agradable, aunque sean colores vivos, y transmiten cierta seguridad. Además a nivel diseño da mucho juego y flexibilidad, ya que no nos ata a ningún color fijo establecido.

Es una tendencia que ha entrado silenciosa pero que se implantó en todas partes, vamos a estar atentos si este 2017 sigué esta tendencia.

Fuente: graffica.info

 

Conclusión

Lo mejor es dejarse asesorar por profesionales.
Desde acceseo estamos siempre al día en cuanto a tendencias web para aplicarlo en nuestros proyectos. Podemos asesorar en todo el proceso de diseño y creación del diseño web, nosotros nos encargamos de todo. Siempre al día.

 

 

5 consejos para que tu web sea un éxito asegurado

principal_

Es muy importante tener en cuenta ciertos aspectos a la hora de crear un sitio web, y en este caso nos vamos a centrar en la parte más visual, en la impactante, la que ve el usuario final.

Aquí 5 puntos a tener muy en cuenta a la hora de conseguir que tu web sea un éxito:

1. Diseño

1_ofidesign

Sobre las interminables líneas de código de una web se superpone el diseño visual, que es al final lo que el usuario final ve, por lo que es un aspecto importantísimo a tener en cuenta.

Un diseño atractivo, sencillo, limpio y agradable, puede ser lo que incline la balanza hacia que el usuario se quede e interese por un producto o servicio, o que rápidamente salga de ella, e incluso deje una mala imagen de esa marca, servicio o producto.

Hay que tener en cuenta ciertos aspectos a la hora de conseguir un buen diseño web, y lo mejor es dejarlo en mano de profesionales dedicado a ello. Aquí te resumimos algunos de los puntos más importantes a tener en cuenta:

· Tendencias actuales:

Es muy importante que cuando se realice una web nueva, o incluso un rediseño, que no se vea desfasada o desactualizada. Es importante estar a la última, por ello hay que estar informado de las tendencias y hacer un buen estudio del amplio abanico de webs que existen para establecer un poco los «canones de belleza» actuales.

Aquí va un resumen de 4 puntos de tendencia de este año 2016:

  • Animaciones: Animaciones de carga, animaciones de movimiento, desplazamiento suave o  scrolling, hover.
  • Diseño minimalista.
  • Tipografías como recurso gráfico.
  • Más ilustraciones y menos fotografías.

 

· Reglas de usabilidad:

Siempre hay que diseñar una web teniendo en cuenta el usuario final, y marcando las mejores estrategias de interacción, uso y legibilidad.

· Psicología del color:

Es importante conocer ciertas reglas para la aplicación del color, ya que transmite mucho más de lo que se cree, y puede ser determinante para la experiencia final del usuario.

· Páginas dinámicas:

Tener en cuenta a la hora de crear un diseño que las páginas pueden estar en constante cambio, ampliando o reduciendo contenidos, por lo que se debe preveer estos cambios, incluso extremos, para así minimizar los posibles futuros problemas.

2. Contenido

2_contenido

Un contenido de calidad, con coherencia respecto a lo que el cliente ofrece en la web, y de calidad, es fundamental para que el resultado de la web sea bueno. El usuario necesita un contenido concreto, bien estructurado y redactado. Debe ser un valor añadido para quien lee este contenido.

A nivel SEO, el contenido es la parte más importante de una web, ya que por muy bien que esté optimizada a nivel SEO, si no es relevante respecto a las búsquedas que realizan los usuarios, nunca va a a aparecer en primeras posiciones. El uso de títulos, palabras claves, negritas, y otros recursos son determinantes para conseguir un buen impacto a nivel de posicionamiento.

Hay que tener muy en cuenta el contenido tanto a la hora de ser recompensado por los motores de búsqueda, como por las penalizaciones que pueden ser perjudiciales.

3. Optimización

3_optim

Hay que tener en cuenta ciertos aspectos, como ya os comentamos en otro artículo (en este caso centrados solamente en las imágenes) – Soluciones para la optimización de las imágenes de tu web – a la hora de diseñar y maquetar el diseño web, ya que afecta a otros aspectos como el SEO, futura conversión de clientes, tiempos de carga, etc.

La optimización de las imágenes, estructuras sencillas, contenido de calidad, adaptabilidad a diferentes dispositivos (responsive), entre otros aspectos,  puede ser determinante para el éxito de una web.

4. Adaptabilidad / Responsive

4_respons

El responsive es una técnica de diseño y maquetación que tiene como objetivo hacer páginas web flexibles que puedan adaptarse al tamaño y la resolución de  las distintas pantallas de los dispositivos existentes, para que el usuario pueda visitarlas y leer con toda comodidad.

Si un usuario entra a una web desde su smartphone o tablet, y no está adecuadamente optimizada para estos dispositivos, seguramente perderemos a ese futuro cliente o usuario.

Es un tema que se debe plantear desde el diseño y la maquetación.

Algunos consejos para el Diseño Responsive:

· Tener en cuenta el mayor número de dispositivos posibles, y sus diferentes resoluciones, y adaptar el diseño y la maquetación al más amplio abanico posible.
· Priorizar la usabilidad del usuario, es decir, que lea y acceda lo más fácilmente a los contenidos, por delante de cualquier otra opción.
· Adaptar correctamente el tamaño de los textos y las imágenes.
· Simplificar contenidos:
– Evitar efectos complejos en resoluciones para móvil.
– En vez de usar el contenido en varias columnas utilizar una única, aumentando el scroll.
– Usar para el menú la hamburguesa (las 3 rayitas) que sirve para desplegar las diferentes pestañas.
Son solo algunos ejemplos.

También afecta al tema de posicionamiento SEO, ya que cuanto mejor sea la experiencia por parte de los usuarios a través de diferentes dispositivos, mejor valorarán los motores de búsqueda este sitio web.

5. Innovación

No se puede realizar una web y dar por finalizada, ya que para que una empresa destaque debe estar en continuo cambio.

Es importante realizar cambios que mejoren continuamente el sitio web, potenciando los puntos fuertes, o aquellos elementos que queremos que tengan un mayor impacto sobre el usuario.

Se debe estudiar y analizar posibles mejoras, ya que tanto el mercado y las formas de comunicación son cambiantes.

Se debe buscar continuamente nuevas oportunidades para mejorar el sitio web.

CONCLUSIÓN

Lo fundamental es tener claro el objetivo final y la idea de la página web que queremos, y contactar con profesionales que nos podrán asesorar y guiar de una forma más eficaz. Ellos se encargarán de darle forma y llevar a cabo el proyecto del modo más adecuado y eficiente.

El mantenimiento del sitio web por parte de estos profesionales es fundamental para sacar el máximo partido que nos brinda el mundo online.

Ponerse en manos de buenos profesionales es imprescindible para garantizar el éxito de una web.

¿Tienes alguna incidencia?

Cuéntanos qué ocurre
y nos pondremos con ello lo antes posible.

Este sitio está protegido por reCAPTCHA, y la Política de privacidad y Términos de servicio de Google.
Sucríbete a
nuestra newsletter

para estar al día en el mundo online

¡Cuéntanos tus ideas!
+34 96 653 19 14
+info@acceseo.com
He leído y acepto la política de privacidad

Este sitio está protegido por reCAPTCHA, y la Política de privacidad y Términos de servicio de Google.