{"id":8817,"date":"2017-02-17T11:30:10","date_gmt":"2017-02-17T11:30:10","guid":{"rendered":"http:\/\/www.difusion.org\/?p=8817"},"modified":"2024-01-29T10:25:30","modified_gmt":"2024-01-29T08:25:30","slug":"diseno-web-tendencias-triunfaran-este-ano","status":"publish","type":"post","link":"https:\/\/www.difusioncomunicacion.es\/cms\/blog\/diseno-web-tendencias-triunfaran-este-ano\/","title":{"rendered":"Dise\u00f1o web, las tendencias que triunfar\u00e1n este a\u00f1o"},"content":{"rendered":"

Ahora la experiencia del usuario<\/strong> en la navegaci\u00f3n<\/strong> es lo m\u00e1s importante. Y, por este motivo, la usabilidad<\/strong> es primordial. Las tendencias en dise\u00f1o web<\/strong> van apareciendo cada cierto tiempo\u00a0y, del mismo modo que surgen nuevas, otras se asientan y maduran. Muchas tendencias<\/strong> est\u00e1n enfocadas a la visualizaci\u00f3n m\u00f3vil<\/strong>, siguiendo las pautas de \u2018Mobile First<\/strong>\u2019 y \u2018Mobile Friendly<\/strong>\u2019. El ordenador<\/strong> ha pasado a un segundo lugar.<\/strong>\u00a0Ahora el m\u00f3vil reina<\/strong>, y lo seguir\u00e1 haciendo.<\/span><\/p>\n

Tendencias en dise\u00f1o web enfocadas al ‘Mobile First’<\/span><\/strong><\/h2>\n

Ahora que el responsive<\/strong> y el Mobile First<\/strong> se han asentado en nuestras vidas, la colaboraci\u00f3n entre los dise\u00f1adores y los programadores<\/strong> parece lo m\u00e1s definitivo. Se dejan un poco de lado el JPG<\/strong> y las capas de Photoshop<\/strong> para crear visualizaciones din\u00e1micas y animadas<\/strong> de alta definici\u00f3n.<\/span><\/p>\n

Teniendo presente el \u2018Mobile Friendly<\/strong>\u2019, se ha puesto de moda el Men\u00fa hamburguesa<\/strong>, el icono de las tres l\u00edneas<\/strong> que se expande al apretarlo. Al principio mucha gente no asociaba este icono con el men\u00fa pero ahora, con la expansi\u00f3n del uso del m\u00f3vil<\/strong>, ya no queda ninguna duda. El\u00a0uso de este icono se est\u00e1 expandiendo gracias al dise\u00f1o minimalista<\/strong> y aseado<\/strong> que ofrece a la p\u00e1gina. Aun as\u00ed, si la informaci\u00f3n que esconde el men\u00fa es muy relevante<\/strong>, mejor darle preferencia fuera del men\u00fa<\/strong>.<\/span><\/p>\n

Tendencias para la web que son \u00e9xitos de dise\u00f1o web<\/span><\/strong><\/h2>\n

Este a\u00f1o se habla otra vez de \u2018parallax<\/strong>\u2019 y de la hegemon\u00eda total del scroll<\/strong>. Tambi\u00e9n est\u00e1n de moda los GIFs<\/strong>, las animaciones<\/strong> y las tipograf\u00edas novedosas y modernas<\/strong>. Las animaciones<\/strong> se usan cada vez m\u00e1s y est\u00e1n siendo incluidas en muchas plantillas de WordPress<\/strong>. Animaciones \u2018parallax<\/strong>\u2019 o animaciones en iconos<\/strong>, ambas permiten que la informaci\u00f3n sea m\u00e1s atractiva<\/strong>.<\/span><\/p>\n

Tambi\u00e9n hay que seguir muy de cerca la realidad virtual<\/strong>, la experiencia inmersiva<\/strong> y el v\u00eddeo 360<\/strong>, en general, promover el \u2018Make it real\u2019<\/strong>. Para qu\u00e9 verlo a trav\u00e9s de una imagen si lo podemos hacer tan real como la vida misma.<\/span><\/p>\n

Registrarse a trav\u00e9s de las redes sociales<\/strong>. Cu\u00e1nto tiempo perdemos a la hora de registrarnos<\/strong> en una p\u00e1gina web<\/strong> o en una plataforma<\/strong>, siguiendo pasos y rellenando huecos vac\u00edos. Ahora, poca gente queda que no rellene formularios a trav\u00e9s de la opci\u00f3n de firmar con Facebook, Google +, Twitter<\/strong>\u2026 Se reconocen al minuto los datos y ya no es necesario hacer nada m\u00e1s. \u00bfPara qu\u00e9 perder tanto tiempo?<\/span><\/p>\n

Dise\u00f1os a trav\u00e9s de tarjetas con informaci\u00f3n<\/strong>. Pinterest<\/strong><\/a> fue el pionero en introducir estas cajas<\/strong> o tarjetas.<\/strong>\u00a0Te presentan la informaci\u00f3n<\/strong> con im\u00e1genes<\/strong> y te enganchan para que entres y accedas a m\u00e1s contenidos. Cada vez m\u00e1s, WordPress est\u00e1 ampliando sus plantillas.<\/strong>\u00a0As\u00ed permiten incorporar estos dise\u00f1os, que tienen informaci\u00f3n muy visual y que favorece la usabilidad<\/strong>.<\/span><\/p>\n

Las galer\u00edas o slideshares<\/strong> siguen siendo importantes. Para crear un carrousel<\/strong>, portfolios<\/strong> o para hacer webs de fotograf\u00edas<\/strong>. De la misma forma, los fondos de animaciones<\/strong> o v\u00eddeos<\/strong> dan mucha visibilidad y rompen con la monoton\u00eda de la p\u00e1gina est\u00e9tica.<\/span><\/p>\n

Las tendencias en dise\u00f1o web para este a\u00f1o han llegado para quedarse. Para facilitar la usabilidad y mejorar la est\u00e9tica<\/span><\/strong><\/h2>\n

Si te han gustado estas tendencias en dise\u00f1o web\u00a0<\/strong>y quieres alguna para tu p\u00e1gina web,\u00a0Difusi\u00f3n Comunicaci\u00f3n<\/strong><\/a> es tu sitio. Le damos soluci\u00f3n a tus preguntas. Ll\u00e1manos al tel\u00e9fono +34 965 548 167 o env\u00edanos un correo a\u00a0<\/em>web@difusion.org<\/a>.<\/em><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Ahora la experiencia del usuario en la navegaci\u00f3n es lo m\u00e1s importante. Y, por este motivo, la usabilidad es primordial. […]<\/p>\n","protected":false},"author":1,"featured_media":8819,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[123,197],"tags":[239,187,383],"class_list":["post-8817","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-web","tag-difusion-comunicacion","tag-diseno-web","tag-tendencias-web-2017"],"_links":{"self":[{"href":"https:\/\/www.difusioncomunicacion.es\/cms\/wp-json\/wp\/v2\/posts\/8817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.difusioncomunicacion.es\/cms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.difusioncomunicacion.es\/cms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.difusioncomunicacion.es\/cms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.difusioncomunicacion.es\/cms\/wp-json\/wp\/v2\/comments?post=8817"}],"version-history":[{"count":0,"href":"https:\/\/www.difusioncomunicacion.es\/cms\/wp-json\/wp\/v2\/posts\/8817\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.difusioncomunicacion.es\/cms\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.difusioncomunicacion.es\/cms\/wp-json\/wp\/v2\/media?parent=8817"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.difusioncomunicacion.es\/cms\/wp-json\/wp\/v2\/categories?post=8817"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.difusioncomunicacion.es\/cms\/wp-json\/wp\/v2\/tags?post=8817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}