Академический Документы
Профессиональный Документы
Культура Документы
(4,13, 15 votos)
1.2k
81
428
140
Contents [hide]
1 1. Usabilidad
2 2. Diseño responsivo
3 3. App inspired web design
4 4. Menús inteligentes
5 5. Módulos y texto modular
6 6. Scroll infinito y modular
7 7. Diseño material
8 8. Flat Design
9 9. Storytelling visual
10 10. Infografías
11 11. Tipografías originales
12 12. Retro-moderno
13 13. Colores vivos y vibrantes
14 14. Cuadrículas y formas geométricas
15 15. ¡Muerte a la imagen de stock!
16 16. Video y GIFs
o 16.1 Es tu turno
1. Usabilidad
Un aviso: este va a ser un post en profundidad, en el que voy a tocar todos los
aspectos del diseño visual. Si eres demasiado impaciente y quieres información
rápida, quédate con esto, porque resume todo lo que voy a contar a continuación:
Si hablamos del diseño de una web, lo más importante será facilitar la interacción
del usuario. Como saben ya todos los expertos en marketing digital, será muy difícil
que un negocio online crezca, si no tiene muy en cuenta la experiencia de los
usuarios.
2. Diseño responsivo
Ya sabemos todos que hay que tener un sitio responsive sí o sí. Hoy, la del móvil es
ya la “primera pantalla”. En lo que respecta al posicionamiento, Google está
prácticamente “cargándose” a todos los sitios que no cumplan con (su última Guía
de Calidad así lo dice).
Hago énfasis en mi primer punto: la usabilidad es muy importantes en todas las
plataformas. Y puesto que móvil hoy es ya la primera de todas ellas, la experiencia
de usuario para móvil es clave. Un buen diseño responsive ya no es aquel que se
ve correctamente en móvil o tablet. Un buen diseño responsive tendrá una
usabilidad perfecta para móviles. Dejar fuera de la versión móvil pequeñas
funciones que sí están disponibles en la versión desktop ya no es una solución
aceptable.
Para salir de dudas: si tus usuarios no pueden disfrutar al 100% de tu sitio web
navegando en su móvil mientras vuelven a casa en metro, entonces tienes un serio
problema y necesitas revisar completamente tu experiencia de usuario.
Sí, la fiebre “responsive” llegará a los logos, banners y cualquier pieza de contenido
visual que puedas imaginar. Pero no sólo online, también hablamos del mundo
offline (prensa y por supuesto TV).
Brafton, una importante agencia de branding y marketing de contenidos,
recomienda: “el buen arte gráfico debe estar optimizado para todos los modernos
formatos, dispositivos y estilos de vida.”
El mejor ejemplo de esto es la reciente campaña de Netflix, en la que rediseñaron su
branding. Es una identidad visual completamente nueva, con un nuevo logo y nuevo
material gráfico para todos sus productos, que sigue a pies juntillas los principios del
diseño responsive.
Una de las cosas que hace Netflix es permitir que puedas cambiar de dispositivo
para seguir viendo tu serie favorita – y esta campaña de branding logra dar esa
misma sensación.
Puedes estar seguro de que más marcas van a ir por este camino en 2016.
Los diseñadores llevan tiempo tratando de que la web adopte unas cuantas lecciones
del diseño para apps: rapidez, cero distracciones y experiencia personalizada.
Ahora, los marketeros se están dando cuenta de los beneficios de esta tendencia.
Tras un tiempo en el que se miraba con desconfianza a los menús para hacer login,
ahora muchos negocios empiezan a resucitarlos. Tienen dos grandes ventajas: una,
ofrecer la experiencia personalizada que dan las apps, y otra, añadir una capa de
exclusividad, algo muy útil ahora que la web se ha vuelto un lugar excesivamente
saturado.
Hablaré más sobre los menús en el siguiente punto, pero por ahora lo esencial es:
elimina toda la información que no sea esencial y facilita que el usuario pueda
interactuar con tu contenido de una manera inmediata.
4. Menús inteligentes
Algunos usuarios odian el casi omnipresente Menú Hamburguesa (esas tres rayitas
horizontales que permiten expander o colapsar un menú completo). Se trata de un
primer paso, si bien algo torpe, en la dirección de la navegación intuitiva. Pero es
hora de dar la bienvenida a los menús inteligentes.
Menús de navegación ocultos, que aparecen de la nada según cual sea la acción del
usuario, serán muy pronto la regla y no la excepción. De nuevo, el concepto clave es
no distraer a los usuarios de lo que es realmente importante en cada momento.
Incluso si no podemos verlos el 100% del tiempo, nuestra experiencia nos dice
que todas las páginas web tienen un menú. Por tanto, no hay por qué preocuparse,
aparecerá cuando lo necesitemos.
¿Qué aspecto tendrá todo esto, exactamente? Puesto que la tendencia es muy nueva,
todavía no hay un estándar fijado, sino varios modelos luchando por hacerse con la
hegemonía.
Designmodo ha recopilado una lista muy completa de webs de primera que incluyen
menús ocultos, así que date una vuelta y decide qué modelo te gusta más.
El truco más antiguo para dividir textos y ofrecer un descanso al lector / usuario es
escribir en párrafos cortos y dejar amplio espacio entre ellos (algo que yo estoy
haciendo en este post, por ejemplo).
Pero hay un arma mucho más poderosa para maquetar una página web de manera
atractiva: el diseño modular.
Es una técnica en la que todo se construye usando una matriz. Pero no tiene por qué
ser al clásico estilo de cuadrícula, donde todas las líneas y columnas son iguales,
como en un tablero de ajedrez. De hecho, puede ser exactamente lo contrario: una
estructura libre y difícil de adivinar, que haga más interesante y atractivo lo que
estamos leyendo, ya sea una web, un libro o un folleto.
Pero las cosas se van a poner aún más interesantes. Imagina una web dividida en dos
grandes columnas, cada una con su propio scroll. Ya existe, y puedes verlo aquí:
En realidad, todo empezó con el scroll infinito. Una tendencia que seguramente ya
hayas notado a lo largo de 2015. Algunas de las webs más populares del mundo,
como Pinterest, Twitter o Facebook ya lo usan, así que ¿por qué no deberían
usarlo los demás?
Así que prepárate para ver sombras largas y sólidas por todas partes.
8. Flat Design
El diseño material llegó para ajustar alguno de los problemas de usabilidad que
había demostrado tener el flat design o diseño plano. Pero eso no quiere decir que el
flat design esté muerto. De hecho, a lo largo de 2016 el diseño flat también se
hará aún más popular.
Como muchas grandes marcas han adoptado en los últimos años los principios del
flat design en su lenguaje visual, el público se va acostumbrando al principio
de menos es más en todo aquello que tiene que ver con la estética visual.
9. Storytelling visual
Seguro que ya has oído a más de un “gurú” del marketing digital hablando
maravillas del storytelling, como si fuese la solución a todos los problemas de tu
negocio. Bueno, si hay una manera efectiva de sacar partido al storytelling y
diferenciarse de los demás, esa es contar historias de una manera visual.
Ya se sabe que una imagen vale más que mil palabras, y eso vale para los esfuerzos
en marketing de cualquier marca o negocio. ¿Qué mejor manera de hacer que tu
historia parezca viva y real?
En internet, 100 millones de personas ven como mínimo un vídeo por día.
Los usuarios de una web tienen un 64% más de posibilidades de hacer una compra
tras ver un vídeo.
El 80% de los usuarios recuerdan haber visto un anuncio en un vídeo 30 días
después.
El 92% de los que ven vídeos en dispositivos móviles comparten el contenido con
otros usuarios.
Los seres humanos procesamos un elemento visual 60,000 veces más rápido que
si leemos la misma idea en un texto. (Source)
10. Infografías
¿Conoces una forma mejor de hacer llegar una historia o una serie de informaciones
complejas, que hacerlo a través de una infografía llamativa?
No es casualidad que las infografías se hayan puesto de moda en todos los ámbitos
del marketing online: redes sociales, SEO, marketing de contenidos… A todo el
mundo le gusta una buena infografía, y sobre todo, nos encantan sus resultados: las
infografías se comparten tres veces más que cualquier otro tipo de contenido visual.
Bueno, vale, puede que no sea objetivo, ya que me gano la vida creando infografías,
pero los datos no engañan.
¿Qué clase de infografías creo que van a generar el mayor impacto en 2016? Pienso
que el tiempo de las infografías demasiado simples y aburridas ya ha pasado. Poner
tres o cuatro conceptos clave uno debajo de otro, y añadir unas cuantas ilustraciones
o iconos ya no pasará el corte.
Es el momento de mezclar las enormes capacidades de contar una historia que tiene
la infografía, con el análisis profundo que permiten las visualizaciones de datos.
Uff, ¿infografías y big data juntos de la mano? Parece el sueño de cualquier gurú del
marketing, pero la verdad es que ya está aquí.
Échale un vistazo a algunas de estas obras de arte. Hay mucho talento ahí fuera:
Con suerte, veremos más ejemplos de este tipo de infografía en el futuro próximo.
Se trata de otro éxito de Google, ya que el servicio gratuito Google Fonts es una de
las principales razones por las que mucha gente se ha decidido a sustituir Arial en
favor de tipos más modernos y atractivos (aunque Lobsterya nos la encontramso
hasta en la sopa, por favor elige otra fuente).
En 2016 volverán los rótulos grandes, con fuentes en mayúscula y cursiva para los
encabezamientos. Otra tendencia muy importante serán las tipografías que parecen
hechas a mano. De la misma manera, los gráficos hechos a mano también estarán de
temporada (ver más abajo).
12. Retro-moderno
Lo Retro-moderno es cool. Lo que empezó como una moda para los logos, está
pasando ya todos los aspectos del diseño gráfico y web.
Pero hay una pequeña diferencia en lo que significará retro a partir de ahora. Antes,
cuando decíamos retro siempre pensábamos en la primera mitad del siglo XX, como
mucho hasta los años 60.
Lo retro-moderno se refiere a los primeros años de la era del ordenador personal. Un
mundo de vídeojuegos, pixel art, grandes móviles tipo zapatófono, Tron,
MacGyver… Bueno, MacGyver no. Pero cualquier cosa que fuera importante en el
estilo visual de los años 80 y primeros 90, será grande de nuevo.
Hagas lo que hagas, no escojas un color aburrido y lavado para tu web o diseño.
Estás advertido.
14. Cuadrículas y formas geométricas
Como dije en el punto #5, el diseño web se basará en matrices geométricas. Tanto es
así, que la matriz (grid en inglés) se vaa convertir en un estándar lenguaje CSS. Lo
cual quiere decir que crear una parrilla o matriz a tu gusto, usando únicamente CSS,
va a ser muy sencillo (más info aquí).
Pero las cuadrículas no sólo dominarán el diseño web. Lo mismo puede decirse de
cualquier tipo de arte gráfico, junto con otra importante tendencia: las formas
geométricas.
Para terminar, aquí tienes los 15 GIFS animados más divertidos de 2015.
Es tu turno
Pues hale, he llegado a 16. Si quieres mantenerte al día sobre lo que se cuece en
diseño gráfico y web a lo largo de todo el año, te recomiendo las
siguientes herramientas:
– Newsletters. Suuscríbete a Webdesigner News (diaria) y Webdesigner Depot
newsletter (semanal). Quizá sigas un montón de blogs de diseño. Pero no te quepa
duda de que es imposible leerlos y estar al día en todos. Estas dos newsletters te
harán el trabajo más fácil. Siempre acabo haciendo clic en al menos un par de los
posts que recomiendan.
– Muz.li. Una extensión de Chrome que te mantiene informado de todo lo que está
generando buzz en la comunidad de diseño online. se describen a sí mismo como
“crack para diseñadores web”. Suena adictivo.
– Crayon. Definido como “el buscador de inspiración para marketing más completo
de la web”, es como un Pinterest para diseñadores y marketeros interesados en
destacar hacer destacar el aspecto visual de sus proyectos. escoge a unos cuantos
influencers a los que te interese seguir y podrás aprender diariamente de sus
elecciones y recomendaciones. Un gran lugar para buscar inspiración para logos,
lnding pages, identidad de marca, etc.
– Visually. Un portfolio de diseño gráfico a tamaño gigantesco. A diferencia de
otras opciones como Behance o Cargo, además del voto de la comunidad, aquí
cuentas con las elecciones de los editores de Visually. Tengo la buena suerte de que
mi portfolio es uno de los favoritos de los editores. Si quieres saber un poco más
sobre mi y mi trabajo, Visual.ly me entrevistó para su bloghace un tiempo.
En fin, ¿qué opinas? ¿Acertaré con mis predicciones, o me colaré totalmente?
Dimelo en los comentarios, por favor.