[vc_row][vc_column][vc_column_text css_animation=\u00bbfadeIn\u00bb]<\/p>\n
El dise\u00f1o web<\/strong> es algo que siempre est\u00e1 en constante cambio. En 2017 el dise\u00f1o web se colgar\u00e1 del brazo de unas cuantas tendencias<\/strong>, que te contamos en este post<\/em><\/p><\/blockquote>\n
[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=\u00bb1\/2″][vc_text_separator title=\u00bb1. Menos opciones de men\u00fa\u00bb color=\u00bbblue\u00bb style=\u00bbdotted\u00bb css_animation=\u00bbbounceIn\u00bb][vc_column_text css_animation=\u00bbfadeIn\u00bb]<\/p>\n
Los men\u00fas, que anta\u00f1o apabullaban (y quiz\u00e1s espantaban) al internauta con entre 5 y 7 opciones, encoger\u00e1n en el transcurso de los pr\u00f3ximos doce meses para cobijar en sus entra\u00f1as \u00fanicamente entre 3 y 4 opciones<\/p>\n
IKEA<\/a> ha tomado muy buena nota de esta tendencia y ha redise\u00f1ado su web apostando por un men\u00fa mucho m\u00e1s minimalista y con menos opciones<\/p>\n
[\/vc_column_text][\/vc_column][vc_column width=\u00bb1\/2″][vc_single_image image=\u00bb2243″ img_size=\u00bbfull\u00bb alignment=\u00bbcenter\u00bb onclick=\u00bblink_image\u00bb css_animation=\u00bbfadeIn\u00bb][\/vc_column][\/vc_row][vc_row][vc_column width=\u00bb1\/2″][vc_single_image image=\u00bb2245″ img_size=\u00bbfull\u00bb alignment=\u00bbcenter\u00bb onclick=\u00bblink_image\u00bb css_animation=\u00bbfadeIn\u00bb][\/vc_column][vc_column width=\u00bb1\/2″][vc_text_separator title=\u00bb2. Adi\u00f3s al \u201cmen\u00fa hamburguesa\u201d\u00bb color=\u00bbblue\u00bb style=\u00bbdotted\u00bb css_animation=\u00bbbounceIn\u00bb][vc_column_text css_animation=\u00bbfadeIn\u00bb]<\/p>\n
El \u201cmen\u00fa hamburguesa\u201d o men\u00fa desplegable pasar\u00e1 definitivamente a mejor vida en 2017. Este tipo de men\u00fa \u201cesconde\u201d de alguna manera los diferentes contenidos que el usuario puede encontrar en una web (o en una app) y le despista inevitablemente<\/p>\n
Consciente de los problemas de usabilidad que a menudo provoca el \u201cmen\u00fa hamurguesa\u201d, Spotify se ha librado de \u00e9l en su nueva app<\/p>\n
[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=\u00bb1\/2″][vc_text_separator title=\u00bb3. Los bitonos se pondr\u00e1n de moda\u00bb color=\u00bbblue\u00bb style=\u00bbdotted\u00bb css_animation=\u00bbbounceIn\u00bb][vc_column_text css_animation=\u00bbfadeIn\u00bb]<\/p>\n
Utilizar bitonos (o \u201cduotones\u201d en ingl\u00e9s) en una p\u00e1gina web es una magn\u00edfica manera de encontrar el a veces complicado equilibrio entre las webs minimalistas y las webs recargadas<\/p>\n
Capital One Labs<\/a> utiliza con maestr\u00eda lo bitonos en su p\u00e1gina web<\/p>\n
[\/vc_column_text][\/vc_column][vc_column width=\u00bb1\/2″][vc_single_image image=\u00bb2246″ img_size=\u00bbfull\u00bb alignment=\u00bbcenter\u00bb onclick=\u00bblink_image\u00bb css_animation=\u00bbfadeIn\u00bb][\/vc_column][\/vc_row][vc_row][vc_column width=\u00bb1\/2″][vc_single_image image=\u00bb2247″ img_size=\u00bbfull\u00bb alignment=\u00bbcenter\u00bb onclick=\u00bblink_image\u00bb css_animation=\u00bbfadeIn\u00bb][\/vc_column][vc_column width=\u00bb1\/2″][vc_text_separator title=\u00bb4. El dise\u00f1o t\u00e1ctil\u00bb color=\u00bbblue\u00bb style=\u00bbdotted\u00bb css_animation=\u00bbbounceIn\u00bb][vc_column_text css_animation=\u00bbfadeIn\u00bb]<\/p>\n
El denominado \u201cmaterial design\u201d, del que Google es el gran abanderado, comparte muchas cosas en com\u00fan con el \u201cflat design\u201d, pero utiliza la materia como met\u00e1fora. Y emplea de manera habitual elementos t\u00e1ctiles como las superficies, los bordes y los espacios racionalizados<\/p>\n
[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=\u00bb1\/2″][vc_text_separator title=\u00bb5. El \u201cparallax scrolling\u201d morir\u00e1 (por fin)\u00bb color=\u00bbblue\u00bb style=\u00bbdotted\u00bb css_animation=\u00bbbounceIn\u00bb][vc_column_text css_animation=\u00bbfadeIn\u00bb]<\/p>\n
El \u201cparallax scrolling\u201d es el ep\u00edtome de las tendencias de dise\u00f1o que est\u00e1n hechas sobre todo y ante todo para impresionar al internauta (m\u00e1s que para serle \u00fatil)<\/p>\n
Este efecto, visible en webs como Firewatchgame.com<\/a> y\u00a0AlfredService.com<\/a>, es no s\u00f3lo muy confuso para el internauta sino que aumenta considerable los tiempos de carga y repercute negativamente en el SEO<\/p>\n
[\/vc_column_text][\/vc_column][vc_column width=\u00bb1\/2″][vc_single_image image=\u00bb2248″ img_size=\u00bbfull\u00bb alignment=\u00bbcenter\u00bb onclick=\u00bblink_image\u00bb css_animation=\u00bbfadeIn\u00bb][\/vc_column][\/vc_row][vc_row][vc_column width=\u00bb1\/2″][vc_video link=\u00bbhttps:\/\/www.youtube.com\/watch?v=vYrBrbPVtMs\u00bb align=\u00bbcenter\u00bb css_animation=\u00bbfadeIn\u00bb][\/vc_column][vc_column width=\u00bb1\/2″][vc_text_separator title=\u00bb6. El movimiento (utilizado de manera inteligente)\u00bb color=\u00bbblue\u00bb style=\u00bbdotted\u00bb css_animation=\u00bbbounceIn\u00bb][vc_column_text css_animation=\u00bbfadeIn\u00bb]<\/p>\n
En una web (o en su defecto en una app) el movimiento debe ser pertinente y servir para focalizar la atenci\u00f3n del usuario y mantener la continuaci\u00f3n en la navegaci\u00f3n. Es lo que hace, por ejemplo, Tumblr en su app<\/p>\n
[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=\u00bb1\/2″][vc_text_separator title=\u00bb7. Las trillad\u00edsimas fotos de bancos de im\u00e1genes morir\u00e1n\u00bb color=\u00bbblue\u00bb style=\u00bbdotted\u00bb css_animation=\u00bbbounceIn\u00bb][vc_column_text css_animation=\u00bbfadeIn\u00bb]<\/p>\n
En la nueva era \u201cuser-centric\u201d las fotos deliberadamente malas (y estereotipadas) procedentes de bancos de im\u00e1genes no tienen cabida de ninguna forma en las p\u00e1ginas web<\/p>\n
[\/vc_column_text][\/vc_column][vc_column width=\u00bb1\/2″][vc_single_image image=\u00bb2249″ img_size=\u00bbfull\u00bb alignment=\u00bbcenter\u00bb onclick=\u00bblink_image\u00bb css_animation=\u00bbfadeIn\u00bb][\/vc_column][\/vc_row][vc_row][vc_column width=\u00bb1\/2″][vc_single_image image=\u00bb2250″ img_size=\u00bbfull\u00bb alignment=\u00bbcenter\u00bb onclick=\u00bblink_image\u00bb css_animation=\u00bbfadeIn\u00bb][\/vc_column][vc_column width=\u00bb1\/2″][vc_text_separator title=\u00bb8. Menos apps y m\u00e1s PWAs\u00bb color=\u00bbblue\u00bb style=\u00bbdotted\u00bb css_animation=\u00bbbounceIn\u00bb][vc_column_text css_animation=\u00bbfadeIn\u00bb]<\/p>\n
Las \u201cprogressive web apps\u201d (PWAs), aquellas webs inspiradas en el dise\u00f1o de las aplicaciones m\u00f3viles, causaron ya alboroto (moderado) en 2016. Y en 2017, de la mano de la tecnolog\u00eda HTML5 y de los avances en JavaScript, las PWAs cobrar\u00e1n a\u00fan m\u00e1s fuelle. \u00bfUn ejemplo de PWA? La web m\u00f3vil de Air Berlin<\/a><\/p>\n
[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=\u00bb1\/2″][vc_text_separator title=\u00bb9. Las Google Fonts\u00bb color=\u00bbblue\u00bb style=\u00bbdotted\u00bb css_animation=\u00bbbounceIn\u00bb][vc_column_text css_animation=\u00bbfadeIn\u00bb]<\/p>\n
En 2016 Google, resuelto\u00a0a convencer a las empresas de las bondades del \u201cmaterial design\u201d, remoz\u00f3 su servicio Google Fonts<\/a>. Y a lo largo del pr\u00f3ximo a\u00f1o este servicio, en el que destaca una fuente gratuita, Noto<\/a>, capaz de dotar de cohesi\u00f3n visual a 800 lenguas diferentes, disfrutar\u00e1 de cada vez m\u00e1s popularidad en el universo del dise\u00f1o web<\/p>\n
[\/vc_column_text][\/vc_column][vc_column width=\u00bb1\/2″][vc_single_image image=\u00bb2251″ img_size=\u00bbfull\u00bb alignment=\u00bbcenter\u00bb onclick=\u00bblink_image\u00bb css_animation=\u00bbfadeIn\u00bb][\/vc_column][\/vc_row][vc_row][vc_column width=\u00bb1\/2″][\/vc_column][vc_column width=\u00bb1\/2″][vc_text_separator title=\u00bb10. El minimalismo\u00bb color=\u00bbblue\u00bb style=\u00bbdotted\u00bb css_animation=\u00bbbounceIn\u00bb][vc_column_text css_animation=\u00bbfadeIn\u00bb]<\/p>\n
El minimalismo, que pone el acento en el rendimiento (y velocidad de carga) de las p\u00e1ginas web y en el dise\u00f1o despejado y exento de elementos recargados, continuar\u00e1 siendo el faro que gu\u00ede los designios del dise\u00f1o web en 2017<\/p>\n
[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"