En este post veremos esas tendencias de 2016 que hemos introducido en nuestra propia web y que consideramos que muchas de ellas se llevarán y se seguirán llevando en los próximos meses.
8 Tendencias 2016 de Diseño web
…que hemos aplicado a nuestra web
1. Diseño a medida Intelligenia como empresa nació haciendo desarrollo a medida y hoy en día sigue siendo una de nuestras principales líneas de negocio. Hay gustos como colores, pero hablando con otros colegas de profesión muchos de nosotros consideramos que ya está bastante minado el uso de recursos gráficos gratuitos, de vectores de pago,…aunque nosotros seguimos apostando por dicha opción (por su puesto tras haber realizado con el cliente un análisis de la idea y ver si dicha elección le es beneficiosa, aparte de que podemos hacer grandes cambios en el diseño de las plantillas por ser ingenieros informáticos), pero como es nuestro deber como especialistas web estar lo antes posible informados de por donde van a ir las tendencias, para darle el mejor servicio a nuestros clientes, nos enteramos de que volvía con fuerza la tendencia del diseño a medida.
¡Y es que en 2016 va a primar la creatividad!
Así que el diseño web a medida crecerá a lo largo del próximo año, ya que es una de las mejores formas de diferenciación de la competencia y de apoyar lo que queremos transmitir de una manera creativa.
2. Continuación del RWD (responsive web design)
Ya llevamos un par de años hablando del Responsive Desing. Para aquellas personas que aún no sepáis que es el diseño Responsive (espero que no sea así si tienes una empresa aunque sea con una mínima presencia digital: con página web), es la creación de páginas web que tienen la propiedad de que su contenido se adapta y se puede visualizar en cualquier tipo de dispositivo (portátil, móvil, tablet…).
AHORA, hoy en día, si no adaptas tu web a Responsive te estás quedando muy atrás, ya que Google desde el pasado 21 de abril de 2015, ya no abre páginas en web móvil que no sean responsive, y en 2014 aparecieron gadget con nuevos formatos y resoluciones para las Smart TV, Smart Watches, Google Glass…y necesitarán que las webs estén preparadas, es decir, que sean adaptables a todos esos dispositivos.
Por todo esto y sobre todo por lo que nos dedicamos, nuestra web no podía no ser Responsive. Así que nosotros en intelligenia en el 2016 seguiremos haciendo webs responsive para nuestros clientes.
3. Continuación del uso del (Flat desing)
...o Semi-flat en nuestro caso
El Flat desing se puso de moda el 2013, pero aún sigue estando en auge. El uso de colores planos, de simplicidad en iconos, etc…aporta sencillez y limpieza en el diseño. Parte de los diseños en imágenes que hemos introduciendo espacios son planos y hemos utilizado espacio en blanco, hemos evitado en gran parte de la web (excepto en el apartado de nuestros Proyectos), los brillos, los relieves, las texturas...
Esta tendencia en el diseño hace que se acelere el tiempo de carga y consigue que se vea la web de manera óptima independientemente de la resolución de la pantalla.
En 2013, desde que windows sacó su estilo “Metro” la tendencia al flat desing se ha mantenido aún con sus problemas de usabilidad. De ahí a que surgiera una tendencia intermedia o semi-flat que es la que nosotros hemos aplicado en nuestra web, y que seguirá siendo tendencia durante el 2016.
Como acabamos de comentar, el Falt Desing seguirá en este 2016, pero también veremos en webs el uso de colores brillantes pero no como protagonistas, sino acentuando detalles, como en nuestra web también hemos utilizado en el apartado de Proyectos.
5. Fotos background (Imágenes y videos de ancho completo)
Por lo que llevamos analizado en este post, hemos visto que parte de las tendencias nacidas en 2013 siguen teniendo protagonismo tres años después, y también es el caso de las web con imágenes grandes de fondo (pantalla completa). El uso de esta tendencia en las imágenes sirve para potenciar los mensajes a la hora de comunicar algo, permite mostrar los detalles de lo que estamos ofreciendo, aparte de proporcionar una apariencia agradable.
Hemos usado en gran parte de nuestra web imágenes de gran formato y en un futuro próximo incluiremos vídeos en HTML5 (videos que forman parte del fondo de la web: es otra de las tendencias que seguirán presentes en 2016), es decir, las imágenes a pantalla completa, de calidad gráfica, van a ser las sustitutas de los sliders tradicionales que hasta ahora eran el principal elemento para captar la atención de los usuarios.
La influencia de Instagram y Pinterest en la expansión de la imagen como contenido más valorado es más que palpable en la eclosión de esta tendencia.
6. Animaciones
...y contar historias a través de la web o el uso del “Storytelling”
No es ningún secreto que las animaciones bien utilizadas enriquecen y favorecen la experiencia de los usuarios mientras navegan por cualquier web (independientemente de su objetivo), y en nuestra web la hemos querido incluir para contar la historia de cual es nuestro proceso a la hora de realizar proyectos de desarrollo web. Por tanto en este caso concreto hemos utilizado dos tendencias de 2016, las animaciones y contar historias mediante el storytelling.
7. Material design
Como hemos comentado en la tendencia de Flat Desing, en nuestra web también hemos incluido otra de las tendencias de 2016 llamada “material design”. Este tipo de diseño lo creó Google para la actualización de su sistema operativo, pero al final se ha extendido al diseño en general y podemos verlo en webs, apps, videojuegos…
Esta tendencia viene determinada por el flat design al quedar ésta algo limitada en cuanto a diseño (para algunos críticos en la material).
En el flat design los elementos pierden mucho realismo, dejando el diseño bastante simple, y para usabilidad web en la que el usuario tiene que interactuar, podemos encontrar elementos en los que necesitaríamos algo mas de lo que el flat desing nos aporta.
El material design surge del diseño falt y se basa en objetos materiales. Son diversas piezas geométricas simples (normalmente rectángulos y círculos) colocadas en un lugar concreto y/o con un movimiento determinado.
La profundidad, las superficies, los bordes, las sombras y los colores juegan un papel importantísimo en el material desing y como desarrolladores de app móviles consideramos que ganará muchos más adeptos gracias a la creciente pujanza de los smartphones como primeros dispositivos de acceso a internet.
8. Metro grid o blockin
Es el diseño web en bloques cuadrados y rectangulares que Pinterest puso tan de moda el año pasado. Como podéis ver en nuestro blog, los bloques cuadrados y rectangulares que tenemos forman un tablero y cada bloque llena un espacio en blanco.
Este tipo de diseño suele ir muy ligado al concepto Responsive Desing y su objetivo es que toda la información se visualice de manera más ordenada, estructurada y sea más fácil adaptarla a los diferentes dispositivos móviles (tablets, móviles).
Esta tendencia sobre todo la hemos utilizado en el diseño de nuestro blog, el cual lo hemos realizado con blogger donde también hemos desarrollado un diseño gráfico completamente a medida (no es ninguna plantilla de blogger).
Aviso para navegantes:
Como todas las tendencias, tienen sus pros y sus contras, pero para eso estamos nosotros para determinar y asesorarles cuales de ellas encajan más con la idea de desarrollo web que traigan nuestros clientes. Hay que utilizarlas con sentido común teniendo en cuenta la idea de Negocio Online.
Te invito a conocer de primera mano nuestra web (donde hemos extraído todos los ejemplos de tendencias para este post).
¿Qué opinas? ¿Que tendencias más incluirías?
Déjanos tus comentarios :-)
No hay comentarios:
Publicar un comentario