Consejos y tendencias de diseño online para negocios y marcas. Diseño material, modular y responsivo, ilustraciones a mano, etc.

1. 16 tendencias de diseño
gráfico y web para 2016

2. 1
En 2016, el diseño gira en torno al usuario. La
Experiencia de usuario (UX) es la reina.
A nadie le importará qué tan genial sea tu diseño,
a menos que el mismo sea usable.
Tu negocio en Internet no crecerá si no tomas en
cuenta la experiencia del usuario.
Tu sitio web debe cargarse rápido y ser fácil de
usar.
La velocidad de carga de las páginas es una
cuestión muy importante. Cuando el tiempo de
carga de tu página web aumenta en un segundo,
las ventas caen en un 27%.
●
●
●
●
●
1. Usabilidad

3. 2
Las páginas móviles ya se han convertido en las
"primeras pantallas".
Google literalmente está aplastando a aquellos
sitios que no ofrecen una experiencia móvil.
La experiencia de usuario para móviles es clave.
Ocultar una función de escritorio para los usuarios
móviles ya no es una solución aceptable.
Si tus usuarios no pueden experimentar tu sitio
web completamente mientras viajan en el metro,
entonces debes revisar tu sitio web por completo.
●
●
●
●
●
2. Diseño Adaptable

4. 3
En el año 2016, el significado del diseño web
adaptable va aún más allá.
Ahora todo el diseño gráfico y el arte de tu página
web tendrá que adherirse a las reglas del diseño
web adaptable. Nada de un único formato o
tamaño para todo.
El mejor ejemplo de esto es el reciente rediseño de
marca de Netflix.
●
●
●

5. 4
Las páginas web deberían adoptar unas cuantas
cosas del diseño de apps (rapidez, cero
distracciones, experiencia de usuario
personalizada).
Retira toda la información no esencial y deja que el
usuario interactúe con tu contenido tan
rápidamente como pueda.
●
●
3. Diseño web inspirado
en las aplicaciones

6. 5
Algunas personas odiaban el menú hamburguesa
o navicon que ya es omnipresente. Ahora dale la
bienvenida a los menús inteligentes.
Los menús de navegación ocultos que salen de la
nada dependiendo de las acciones del usuario
pronto serán la norma.
Incluso si no podemos verlos todo el tiempo, la
experiencia nos dice que todas las páginas web
tienen un menú. Por eso no hay de qué
preocuparse, el menú aparecerá cuando lo
necesitemos.
Los expertos predicen que los menús
inteligentes/ocultos responderán al
desplazamiento multidireccional.
●
●
●
●
4. Menús inteligentes

7. 6
A nadie le gusta leer un párrafo sumamente largo
lleno de texto.
El primer truco para dividir textos largos en la web es
intentar redactar párrafos cortos.
También puedes aplicar un enfoque modular en el
diseño de tu página web.
El diseño modular es una técnica donde todo se
construye usando una matriz.
Esto no significa un patrón aburrido, como un tablero
de ajedrez.
De hecho, puede ser exactamente lo contrario:
patrones espontáneos que hagan más interesante lo
que estamos leyendo en todo el sitio web. Imagen:
Well Made Studio
●
●
●
●
●
●
5. Módulos
y Texto Modular

8. 7
El scroll modular significa que cada módulo en un
sitio web puede desplazarse por sí solo,
independientemente de los otros módulos.
Quizás ya los hayas visto (aunque a veces es difícil
de notar) en sitios web con una barra lateral que
no se desplaza a la misma velocidad que el
contenido principal.
Pero las cosas se pondrán aún más interesantes.
Imagínate una página web dividida en dos
columnas con scroll independiente, como puedes
ver aquí.
Todo empezó con el scroll infinito, una tendencia
que pudiste haber notado en el año 2015. Algunos
de los sitios más populares de la actualidad, tales
como Pinterest, Twitter o Facebook, ya lo utilizan.
●
●
●
●
6. Scroll Infinito y Modular

9. 8
El scroll modular y el scroll infinito parten
de la misma premisa: desplazarse hacia
abajo es más fácil y más rápido que hacer
clic y no interrumpe la experiencia del
usuario al cargar una nueva página.
La tasa de rebote de Time.com cayó 15
puntos porcentuales después de que
adoptaran el scroll infinito (fuente).
●
●

10. 9
El diseño material se comenzó a adoptar
ampliamente en el año 2015.
Pero el diseño material es una tendencia que verás
en sitios web, aplicaciones, arte, etc. Será
adoptada masivamente en el año 2016.
El diseño material dominará ese año.
Verás estas sombras largas y sólidas
prácticamente en todas partes.
●
●
●
●
7. Diseño Material

11. 10
El diseño material solucionó algunos de
los problemas de usabilidad del diseño
plano, pero eso no significa que está
muerto.
De hecho, el diseño plano también se
hará más popular durante el año 2016.
El público se ha ido acostumbrado a que
menos es más cuando se trata de estilo
visual debido a la implementación del
diseño plano por parte de grandes
marcas. Crédito de las imágenes: Brafton
●
●
●
8. Flat design

12. 11
El diseño plano tiene otra ventaja en el
campo de la UX: los archivos de imagen
pesan menos y no añaden tiempo al
tiempo de carga de la página.
Las directrices generales del diseño
plano se extenderán ampliamente a las
pequeñas empresas y al arte de los blogs
en toda la web (los botones fantasma,
por ejemplo).
Al mismo tiempo, aquellos más
avanzados en cuanto a tendencias de
diseños pasarán al Flat 2.0, o Plano 2.0.
●
●
●

13. 12
100 millones de personas ven al menos
un video al día.
Los visitantes de los sitios web son 64%
más propensos a hacer una compra
después de ver un video.
80% de los usuarios recuerdan haber
visto un anuncio en un video hasta 30
días después.
92% de los usuarios que ven videos en
dispositivos móviles comparten el
contenido con otros.
●
●
●
●
9. Storytelling visual

14. 13
Los seres humanos procesan los
elementos visuales 60.000 veces más
rápido que cuando leen las mismas
ideas en textos. (Fuente).
El diseño debe desempeñar una función
de contenido; ya no será un mero
compañero del texto que narra la
historia.
●
●

15. 14
A todo el mundo le gusta una buena infografía,
y sobre todo, nos encantan sus resultados: las
infografías se comparten 3 veces más que
cualquier otro contenido visual.
¿Qué tipo de infografía tendrá el mayor
impacto en el 2016?
Las infografías viejas y aburridas basadas en
las mismas plantillas antiguas quedarán en el
pasado. Colocar tres o cuatro viñetas y
agregar unos iconos lindos ya no será
suficiente.
Es hora de mezclar las capacidades de
narración de las infografías con el análisis
profundo de las visualizaciones de datos. Las
infografías y los grandes datos ahora van
juntos de la mano.
●
●
●
●
10. Infografías

16. 15
Ahora que la tipografía se ha convertido en un
elemento clave en cualquier estrategia de branding, el
público se está acostumbrando a ver letras cada vez
más artísticas.
La tipografía es un lenguaje en sí.
Hace años, sólo los diseñadores eran capaces de
hablar ese idioma.
Cada vez más personas tienen acceso a la tipografía
hoy en día, gracias a la gama más amplia de fuentes
web disponibles.
En el 2016 reaparecerán las fuentes grandes, en
cursiva y en mayúsculas para los logos y encabezados.
Otra de las tendencias más grandes serán las
tipografías que parecen ser hechas a mano.
●
●
●
●
●
11. Tipografías Originales

17. 16
El retro-moderno es genial. Comenzó
como una tendencia en diseño de logos y
ya está pasando al diseño web y al diseño
gráfico.
El retro significa algo un poco diferente
ahora. El retro antiguo se refiere al retro a
principios del siglo XX hasta los años 60.
El retro-moderno se refiere a los primeros
años de la era computacional: piensa en
videojuegos antiguos, pixel art, celulares
gigantes, Tron...
¡Todo lo que fue relevante en estilo visual
entre finales de los años 70 y principios
de los años 90 está de vuelta!
●
●
●
●
12. Retro-moderno

18. 17
Cuando se trata de colores, los años 80 serán
la referencia. Prepárate para un mundo de
pasteles brillantes y colores vivos.
"Un lugar más feliz y soleado, donde somos
libres para expresar una versión más
inteligente de nosotros mismos", en las
palabras del Informe Pantone de los Colores
para la primavera del 2016.
Los 10 principales colores para el año 2016
según Pantone son así:
Hagas lo que hagas, no elijas un color
aburrido y desteñido. Ya te lo advertimos.
●
●
●
●
13. Colores vivos

19. 18
El diseño en cuadrículas es un sistema fácil de
poner en práctica para los diseñadores, y
también fácil de usar y entender para los
usuarios.
Pero todas las tendencias tienen un lado malo, y
los expertos también predicen que, como
respuesta, habrá un aumento de formas libres.
Son como las figuras geométricas, pero con
irregularidades.
Las figuras dibujadas a mano y con bordes
rugosos son rasgos del neo-grunge, otra
tendencia que ganará protagonismo en el 2016.
●
●
●
●
14. Cuadrículas y formas
geométricas

20. 19
Las imágenes de stock son una de las cosas
más aburridas y poco originales que puedes
incluir en una página web.
En el 2015 algunos sitios alternativos intentaron
facilitar el acceso a imágenes stock de calidad en
sus sitios.
Todo el mundo terminó escogiendo las mismas
fotos y podías encontrarlas por todos lados.
No uses las imágenes de stock, tienes millones
de alternativas.
●
●
●
●
15. ¡Muerte a las
imágenes de stock!

21. 20
Por favor utiliza imágenes expresamente
creadas para tu sitio web, bien sea por ti o
por un profesional.
¿Por qué no intentas los dibujos hechos a
mano? (Verás muchos de ellos en el año
2016).
¿O un gráfico personalizado? O mejor aún,
¿por qué no un video?
●
●
●

22. 21
Probablemente has visto muchas páginas
web geniales que tienen fondos hechos con
videos.
La mayoría de ellas tardan bastante en
cargar, pero eso cambiará una vez que
entiendan que tienen que comprimir el video
tanto como sea posible.
El video reemplazará las imágenes en
muchos sitios, no sólo en los fondos de
páginas web.
●
●
●
16. Videos & GIF

23. 22
Vine y Snapchat nos han acostumbrado a
ver videos cortos.
Mantente alerta ante las fotos de perfil que
ya no son fotos, sino un video corto.
Sobre todo, mantente alerta ante la invasión
de las GIF animadas.
Facebook es el culpable de abrir la caja de
Pandora y pronto estarán EN TODAS
PARTES.
●
●
●
●

24. 23
¿Qué te parece?
¿Crees que mis predicciones
serán acertadas o no?
Por favor dímelo
en los comentarios.

25. 24
¡Gracias!
@ErnestoVisual
ernestoolivares.es