Ebook tendencias 2016

-Pack completoEvolucin y tendencias 2016 en Diseo Web

Tendencias en Diseo de Logos para 2016
Tendencias SEO y predicciones para 2016
COLABORADORES
MadridNYC Diseo Grfico y Programacin
En Twitter @MadridNY
Blog de MadridNYC

Teresa Alba lvarez

En Twitter @Teresalbalv
Blog de Teresa Alba

Alberto Estrada Campos

En Twitter @aecms
Blog de Alberto Estrada

Teresa Alba va MadridNYC

Introduccin
Este ebook es una adaptacin de los contenidos gestionados por Teresa
Alba para la estrategia de marketing de la agencia MadridNYC.
Su propsito es facilitarte una recopilacin clara y visual de lo que se
esperar en el mundo digital durante 2016 segn los puntos de vista de
varios profesionales del sector.

Evolucin y
tendencias 2016
en Diseo Web
by MadridNYC

Para todos los que trabajamos en diseo grfico o en reas relacionadas, es

verdaderamente importante saber las tendencias en diseo web para el ya
prximo 2016.
Es importante estar al tanto, no solo para conocer las nuevas tendencias,
sino tambin para saber en qu podemos mejorar nuestro trabajo y aplicar
las nuevas herramientas para innovar y actualizar nuestras tareas diarias.
En este primer apartado te exponemos de forma evolutiva lo que ser en
2016 tendencia en diseo de pginas web.
Para ello, empezaremos hablando sobre las tendencias que proceden como
evolucin a lo que hemos visto en 2015 (o que se mantienen), para pasar a
hablar finalmente de esas tendencias que introducen un carcter ms
novedoso.

Teresa Alba va MadridNYC

Tendencias de Diseo Web que continuarn en 2016

Muchas de las tendencias de diseo web que estimamos para 2016 se
basan en lo que se ha ido viendo a lo largo de este ao, como por ejemplo:

Diseo plano: se trata de una tendencia muy en auge en la actualidad

que se caracteriza por su diseo simple y los colores planos que no
recurren a las perspectivas 3D.

Parallax: muy utilizada en el diseo web, consiste en dar prioridad a la

imagen de fondo con una pantalla completa y aplicando dos o ms
capas a la imagen con diferentes velocidades respecto al contenido.

Diseo responsive: es el que se adapta a todos los dispositivos. Este

ao 2016, no ser la excepcin a esto, ya que la gente seguir
accediendo a los sitios webs a travs de sus dispositivos mviles ms
que desde sus ordenadores.

Diseos con ancho completo: el cual tiene un impacto visual

importante. Por ello, muchos sitios webs lo utilizan en su pgina como
un claro ejemplo de llamada a la accin.

Diseo Plano
El diseo plano, es un diseo simple compuesto por colores sin
perspectivas. Esta tendencia tambin es muy aplicada en el diseo de logos,
interfaces web, y piezas grficas que han pasado de fuertes relieves a
formas planas.

Teresa Alba va MadridNYC

Esto se puede ver en varias marcas que han decidido apostar por
la simplificacin en la imagen de marca y el branding, ya que consideran que
menos es ms. Por lo tanto, seguir su curso a lo largo de 2016, y en este
rea se vern ms colores, ms lneas rectas, y menos profundidad.
Otra de las consecuencias de esta tendencia es el uso cada vez ms
frecuente de los dispositivos mviles para descargar contenido, lo que
implica una bsqueda de la simplificacin del diseo para que sea ms
sencilla y ms rpida la carga de datos.

Parallax
Varios sitios web utilizan la tcnica Parallax, la cual es un tipo de efecto
aplicado a la velocidad y el movimiento de imgenes de fondo.
Las webs que siguen esta tendencia, tienen un fondo que se mueve a una
velocidad diferente a la del resto de la pgina, dando la sensacin de efecto
de profundidad.
Habiendo sido tendencia durante 2015, seguir sindolo en 2016, ya que se
apostar por el dinamismo en las presentaciones, y se contrarrestar con el
flat design, el cual se utilizar para otro tipo de soportes digitales.

Tampoco hay que olvidar que los dispositivos mviles fomentan la

verticalidad del diseo web, por lo que el efecto Parallax es una tcnica que
puede sorprender al usuario con algo que no se espera.

Teresa Alba va MadridNYC

Diseo web responsive

El responsive design se basa en diseos adaptables, capaces de visualizarse
de forma correcta en toda la gama de dispositivos que utilizamos en la
actualidad, desde mviles a tablets, pasando por escritorios de todo tipo de
tamao.

Como la tendencia es conectarse cada vez ms desde dispositivos mviles,

ser casi obligatorio que los diseos web se adapten a esta tendencia para
existir en el mercado, por un tema de usabilidad, pero tambin de
rentabilidad. De hecho, Google penaliza a las webs que no se adaptan a este
tipo de diseo.

Imgenes y vdeo con ancho completo

La fotografa predominar y asumir una funcin explicativa o de llamada a
la accin, con la capacidad de atrapar al usuario. Esto se convertir en el
principal objetivo de las marcas.

Teresa Alba va MadridNYC

El vdeo con ancho completo se convertir en protagonista de la home, en

formato clips, que sintetizarn el contenido de todo el sitio web (por
ejemplo, la informacin de la empresa, o una explicacin del funcionamiento
de un producto o servicio).

Las imgenes a pantalla completa desplazarn a los pequeos sliders como

centro de atencin.

Evolucin y novedades en Diseo Web para 2016

Hay otras tendencias que vienen a formar parte de una evolucin de lo que
hemos visto durante este ao, o que incluyen algn elemento novedoso,
como podran ser:

Patrones geomtricos: nos referimos a la utilizacin de smbolos,

construcciones simtricas, y patrones exactos por medidas.

Botn fantasma: estos misteriosos botones seguirn siendo tendencia

en 2016. Muy utilizados en secciones a pantalla completa para poder
acceder a un contenido especifico, hacindose visibles con un grosor
de borde marcado.

Portafolio rejilla: aporta impacto visual y toda la informacin necesaria

encapsulada en forma de celda.

Teresa Alba va MadridNYC

Diseo minimalista: ste, forma ya parte del panorama web moderno,

pero estimamos una evolucin que llegar en 2016 a su mximo
exponente, donde lo simple se volver ms atractivo que nunca. Aqu
hacemos

especial

mencin

al

uso

de

iconos

y diseo

de

tipografas caractersticas.

Storytelling: contar historias para enganchar a los usuarios es algo que

no solo se utiliza en anuncios de publicidad, cada vez ms vemos
el storytelling aplicado a la creacin de infografas y el diseo web.

Patrones geomtricos
En el enfoque geomtrico, destacan las construcciones simtricas, los
smbolos, y patrones realizados en medidas exactas que se construyen por y
para las marcas.
Esta tendencia nace de transformar el diseo plano en algo ms complejo y
un poco ms cargado, completando de alguna manera el diseo para
llevarlo a otro nivel.

Hay marcas que tienen especificaciones tcnicas en sus logos o folletos

corporativos, que requieren de ciertas medidas y formas. Esto nos hace
predecir que los patrones geomtricos sern tendencia tambin en 2016.

Teresa Alba va MadridNYC

Botn fantasma
Los botones fantasma son formas planas sin relleno, con trazados finos que
se suelen usar para los call to action o llamadas a la accin. Suelen
camuflarse sobre fotografas y en la parte central de la pantalla.
Se trata de llevar los tpicos botones web a la mnima expresin, con lo que
se consigue NO obstruir la visin de otros objetos que se encuentran en la
pantalla.

Adems, su tamao es menor, por lo que facilita la carga web y, por si fuera
poco, son mobile friendly.

Portafolio rejilla
El portafolio rejilla ser otra de las tendencias para el 2016 a pantalla
completa. Este tipo de diseo permite ver varias fotografas encapsuladas
en forma de celda. Ideal para la publicidad o para una empresa que
comercializa varios productos.

Teresa Alba va MadridNYC

Genera un gran impacto visual, sensacin de dinamismo y movimiento. Es un

recurso muy utilizado y que se seguir aprovechando en el 2016.

Diseo minimalista basado en iconos y tipografas

Similar a lo mencionado sobre el diseo web plano (tambin caracterstico
del 2015), el diseo minimalista basado en la filosofa menos es ms,
evolucionar en 2016 ms que nunca.

Teresa Alba va MadridNYC

Esta tendencia va en consonancia con el uso de tipografas limpias y sin

adornos, colores blancos y negros, as como elementos dispersos que crean
sensaciones de vaco.
El protagonismo seguir siendo para la sencillez a la hora de presentar
informacin, sin uso de sombras ni profundidad.
Se fomenta el uso de iconos, ya que simplifican el diseo y sintetizan la
informacin (dos puntos clave para los fans de este tipo de diseo).
Adems de este recurso visual como fuerte soporte del diseo web
minimalista, hay que destacar el uso de tipografas particulares y creativas
como segundo elemento clave de esta tendencia.

Storytelling
El objetivo de aplicar tcnicas como el storytelling, no es otro que el de
crear un vnculo emocional con el usuario, por lo que en diseo web no
poda faltarnos esta novedad.
Para entender bien esta idea, no hay mejor manera que materializarla con un
ejemplo claro, como lo es el caso de Peugeot, que lanza su nuevo producto
HYbrid4 con una web representada a modo de novela grfica.

En general, la sencillez, la creatividad y las emociones, se hacen dueos de

los sitios webs de marcas de todo tipo, desde las ms potentes hasta las
apenas incipientes en su sector.

Teresa Alba va MadridNYC

Conclusiones en Tendencias de Diseo Web

Las tendencias web para este 2016 traen consigo varias posturas que pasan
por el diseo minimalista, lejos de estridencias y colores, hasta el portafolio
rejilla repleto de imgenes y fotografas.
Estar en el diseador, en trabajo conjunto con la marca que lo contrata,
analizar qu ser lo conveniente relacionado con lo que se quiere mostrar.
El juego est en no utilizar un solo de los mtodos, sino ir utilizando varios
para poder destacar en este mundo virtual.

Tendencias en
Diseo de Logos
para 2016
by Teresa Alba
Un ao ms, volvemos a hablar de tendencias de diseo en MadridNYC.
Desde hace ya algunas semanas, venimos denotando ciertos patrones que
vienen remarcndose de una manera ms o menos definida en el estilo de
los diseadores de logos de las marcas ms conocidas.
A la hora de definir cmo disear un logo y adaptarnos a los nuevos gustos
del mercado, debemos tener muy en cuenta qu es lo que est siendo
tendencia y de qu manera actualizar nuestro branding.
Por ello, en este segundo apartado vers algunos de esos aspectos que
estn conformando el estilo grfico del diseo de logos en los ltimos
meses y que sern caractersticos del prximo 2016.

Teresa Alba va MadridNYC

Qu tendencias esperar en Diseo de Logos en 2016?

No importa si no eres un gran entendido y desconoces las tcnicas prcticas
para disear un logo, conocer la actualidad en este rea te permitir
orientarte y saber de qu manera puedes renovar tu imagen de marca.

Diseo Plano
El diseo plano o flat, viene siendo tendencia en el diseo web desde ya
hace bastante tiempo, pero la novedad aqu es que este concepto cada vez
es ms comn verlo tambin en logos e iconografas que se asocian con la
imagen corporativa.

A dos colores
En lnea con la tendencia anterior, est la idea de la sencillez y la claridad en
los diseos, y para esto tenemos ejemplos de grandes corporaciones que
utilizan esta tcnica a travs de la nica aplicacin de dos colores.

Teresa Alba va MadridNYC

Superposicin
En el diseo de logos, tambin encontramos la composicin desordenada o
superpuesta como aspecto tendente en branding corporativo. Una manera
original de transmitir actualidad.

Tipogrficos
Muchas empresas o profesionales se decantan por dar fuerza al nombre de
marca a travs de la casi anulacin de la parte icnica de un logo, para basar
su identidad corporativa a un 99% en una tipografa caracterstica.

Teresa Alba va MadridNYC

Efecto 3D
Este estilo tiene tambin mucha relacin con el flat design, ya que se
conforma por diseos sin rebordes ni lneas recargadas, con la diferencia de
que se juega con los colores dando un efecto visual que simula a la
impresin de las 3 dimensiones.

Artesanales
El estilo artesanal ha sido tendencia en 2015 por su caracterizacin por el
diseo simulado como a mano alzada, y seguir siendo muy visible en
2016 acompaado por elementos artsticos.

Teresa Alba va MadridNYC

Degradados
El efecto degradado rompe con todas las tendencias anteriores, que
aunque podra combinarse con otros estilos (como el tipogrfico o
artesanal), muestra otra imagen totalmente diferente.

Estilo vintage
Por ltimo, destacamos el estilo vintage o retro, muy aplicado en negocios
de restauracin tradicionales e incluso en blogs que desean transmitir
sensacin de familiaridad y cercana.

A la hora de captar la esencia de una marca y transformarla en un elemento

visual de imagen corporativa, es necesario definir el estilo en cuanto a
formas, elementos icnicos y tipografas.

Teresa Alba va MadridNYC

Tendencias SEO y
predicciones para
2016
by Alberto Estrada

Para 2016, el posicionamiento SEO traer muchas novedades en cuanto a

las seales o factores que pueden ayudar a las webs a mejorar su visibilidad
en buscadores, pero sobre todo enfocado siempre a ofrecer un valor
aadido al usuario en cuanto a la experiencia de navegacin y bsqueda de
informacin en la red.
Adems de los factores que han sido tendencia de posicionamiento en
buscadores en 2015, algoritmos como Hummingbird (Colibr, algoritmo
semntico), Panda (calidad del contenido), Penguin (calidad y cantidad de
los enlaces externos o backlinks), Payday (contra SPAM), Pigeon (bsqueda
local), Top Heavy (anuncios), Mobile Friendly (contenido mvil), Doorways
(sitios no deseados) o Pirate (copyright), han sido actualizados por Google
durante 2015.
Los nuevos cambios reflejan ms que nunca la importancia de trabajar
sobre determinados aspectos on y off page de nuestro sitio web.

5 Factores que sern tendencia en posicionamiento SEO

en 2016
Teniendo en cuenta todas estas actualizaciones de algoritmos, estudios e
investigaciones sobre posicionamiento web, as como declaraciones de
algunos de los webmasters e ingenieros de la compaa de California,
tendrn especial importancia muchos aspectos, los cuales sern tendencia
SEO en el prximo 2016.

Teresa Alba va MadridNYC

1. El diseo web responsive seguir siendo tendencia en 2016

Los dispositivos mviles se han convertido en pieza clave de cualquier
estrategia SEO, por lo que es de vital importancia ofrecer a los buscadores
una versin de nuestro contenido web adaptado a los usuarios que nos
visitan desde dispositivos mviles.
Y es que las alertas en Google a fecha de 21 de abril de 2015, han dado una
importancia

clave

al

mvil

y,

por

ello,

sali

el nuevo

algoritmo

llamado mobile friendly, enfocado a premiar en posiciones a aquellas

webs que ofrecen al usuario una mejora en la experiencia de bsqueda y
consumo de informacin desde dispositivos mviles.
Para conseguir una mejora en la UX (considerado como un factor de
rankeo), es importante ofrecer una versin responsive del site, teniendo en
cuenta los recursos tecnolgicos y econmicos del negocio.
sta es la versin que recomiendan desde Google, pensando en facilitar a
los webmasters la labor de implementacin y cambios futuros en sus webs.
Por otro lado, se ayuda a los robots del buscador a optimizar el tiempo de
rastreo, al dirigirse a una nica URL (responsive), en lugar de dos (separadas
y dinmicas).

2. Twitter, resultados en tiempo real y ms

Tras el acuerdo entre el gigante de Internet (Google) y Twitter, sellado en
mayo de 2015, la actividad de nuestra marca dentro de esta red social ser
importante para ganar posicionamiento web e imagen de marca en los
resultados de bsqueda.
Y es que Google indexar y mostrar tuits dentro de su buscador (mvil),
tanto de perfiles oficiales a modo carrusel, como aquellos publicados en
momentos de actualidad que son trending topic.
De momento, esta actualizacin solo est disponible en EEUU, pero ya es
posible verlo en el blog de Google.
Teresa Alba va MadridNYC

3. El nuevo Algoritmo Rank Brain

Se habla de la cada vez ms real integracin de inteligencia artificial aplicada
a los motores de bsqueda como tendencia SEO, y en concreto a
bsquedas por voz.
Al igual que Apple con su sistema de reconocimiento de voz Siri, Google
quiere mejorar su sistema de bsqueda por voz incluyendo Google Now,
enfocado a la prediccin, semntica y bsqueda conversacional en las
consultas.
Para ello, el gigante de Mountain View ha reconocido la existencia de este
nuevo algoritmo llamado Rank Brain, el cual por s mismo es capaz de
aprender, ms all de ser enseado por los humanos o programas
informticos.
Se convierte as en una pieza clave ms del algoritmo Hummingbird,
creado por Google principalmente para mejorar bsquedas semnticas.
Esta tendencia es incluso considerada por algunos expertos como la tercera
seal de posicionamiento en buscadores ms importante del algoritmo, tan
solo por detrs de los enlaces y el contenido.

4. El poder de los microformatos

Enriquecer vuestra apariencia en los resultados de bsqueda es algo que
ayuda, por un lado, al usuario a mejorar la experiencia de bsqueda de
informacin en Google y, por otro lado, a los buscadores a entender mejor el
contenido de vuestra web.
Con la implementacin de los microformatos, se puede conseguir
incrementar el CTR de vuestro contenido en el buscador consiguiendo ms
visitas a vuestra web.
Algunos de los rich snippets (textos enriquezidos) ms utilizados durante
2015, y que sern cada vez ms importantes en 2016, son:

Teresa Alba va MadridNYC

Protocolo https

Certificar la seguridad de vuestra web en la navegacin, se ha convertido en

un factor de posicionamiento en buscadores para Google.
Aunque no tiene un peso enorme como tendencia SEO, se recomienda
implementarlo sobre todo para sitios nuevos, especialmente para aquellos
ecommerce, bancos, etc., donde la seguridad en las transacciones y gestin
es clave.

Caja de bsqueda o site links

Mostrndose solo para bsquedas de marca, este microformato ayuda a los

usuarios a realizar una bsqueda ms profunda desde esta caja sin
necesidad de pasar por la portada para encontrarlo.
Desde la web de desarrolladores de Google, es posible ver el aspecto de la
caja y los pasos para implementarlo.

Redes Sociales

A travs del marcado en vuestro sitio web, podis aadir la informacin de

las

diferentes

redes

sociales en

el

knowledge

graph

de

Google,

mostrndose solo para algunas consultas de bsqueda.

5. App indexing (la integracin de ASO a SEO)

Con este nuevo formato, consegus que se indexe el contenido de vuestra
aplicacin mvil en los resultados de bsqueda.
De esta forma, permitiris que los usuarios encuentren vuestra aplicacin
para las diferentes bsquedas realizadas desde mvil y poder instalarla en
dispositivos mviles.
Teniendo en cuenta la importancia que da Google al mvil, y considerando
que el principal consumo de Internet se produce a travs de las aplicaciones
mviles (alrededor del 55%), no es de extraar que se resalten los
beneficios de posicionamiento SEO que este mercado aporta a un sitio web.
Teresa Alba va MadridNYC