{"id":12222,"date":"2020-01-08T11:52:51","date_gmt":"2020-01-08T09:52:51","guid":{"rendered":"https:\/\/www.hiberus.com\/crecemos-contigo\/?p=12222"},"modified":"2024-01-22T14:50:24","modified_gmt":"2024-01-22T13:50:24","slug":"tendencias-diseno-web-2020","status":"publish","type":"post","link":"https:\/\/www.hiberus.com\/crecemos-contigo\/tendencias-diseno-web-2020\/","title":{"rendered":"Tendencias de dise\u00f1o web para 2020"},"content":{"rendered":"

Debido al avance y crecimiento de la tecnolog\u00eda y los dispositivos, existen m\u00faltiples herramientas y medios acordes a \u00e9sta evoluci\u00f3n para los dise\u00f1adores y desarrolladores. Adem\u00e1s de conocer y dominar \u00e9stos \u00fatiles es imprescindible estar al d\u00eda y conocer las \u00faltimas tendencias de dise\u00f1o web<\/strong> para generar experiencias \u00fanicas para las personas<\/strong>.<\/p>\n

\u00bfEst\u00e1s preparado para lo que est\u00e1 por venir? No te preocupes si no es as\u00ed, a continuaci\u00f3n, te voy a contar algunas de las novedades del dise\u00f1o web con mayor relevancia para el 2020.<\/p>\n

\"novedades<\/a><\/p>\n

<\/h2>\n

C\u00c9NTRATE, SE RESPONSIVE<\/h2>\n

Antes de nada, es muy importante comprender que en la actualidad los usuarios utilizan su m\u00f3vil como principal dispositivo, esto es un 52% del tr\u00e1fico web a nivel mundial, lo que supone por parte del dise\u00f1o una adaptaci\u00f3n total al usuario final y su perspectiva, qu\u00e9 es lo que espera encontrar el usuario y el porqu\u00e9 son preguntas imprescindibles.<\/p>\n

Es preciso resaltar el \u201cMobile first\u201d \u00f3 \u201cEn primer lugar m\u00f3vil\u201d, ya que a la hora de empezar cualquier dise\u00f1o debemos saber primero c\u00f3mo se ver\u00e1 en mobile<\/strong>, qu\u00e9 le interesa ver y c\u00f3mo va a recibir el usuario la informaci\u00f3n de nuestra p\u00e1gina. Dicho esto, tambi\u00e9n hay que pensar en todos los dem\u00e1s usuarios garantiz\u00e1ndoles una experiencia de calidad independiente al formato de dispositivo que utilicen<\/strong> y lo llevaremos a cabo gracias a las rejillas CSS para dise\u00f1o web responsive<\/strong>, que permiten generar layout o estructura para distribuir los elementos en la p\u00e1gina en sus distintos formatos.<\/p>\n

 <\/p>\n

HAZLO SIMPLE, HAZLO LLAMATIVO<\/h2>\n

La simplicidad<\/strong> cala m\u00e1s, eso es un hecho, elaborar mensajes cortos e impactantes, potenciar<\/strong> los productos al m\u00e1ximo y diferenciarse del resto de competidores es clave, pero recuerda que simple no significa vac\u00edo, debes captar el inter\u00e9s de la gente, d\u00e1ndoles una clara respuesta a sus expectativas y necesidades.<\/strong><\/p>\n

La inform\u00e1tica y los dispositivos m\u00f3viles han avanzado a un ritmo acelerado en los \u00faltimos a\u00f1os dando lugar a tecnolog\u00edas aplicadas a pantallas tipo LCD o LED, reciben el nombre de IPS (In-plane Switching), y permiten una calidad de visionado muy superior, de \u00e9sta manera podemos llamar la atenci\u00f3n del usuario con colores hipersaturados<\/strong> que destaquen y reflejen una personalidad\u00a0vanguardista.<\/p>\n

 <\/p>\n

\"colores<\/p>\n

 <\/p>\n

QUE SE MUEVA Y QUE TE MUEVA<\/h2>\n

Crea contenidos animados y visuales cortos que no afecten a la velocidad de carga de la p\u00e1gina y trasmitan dinamismo y personalidad. Debes ser un narrador visual<\/strong>, contarle al usuario una historia que no olvide con facilidad y que sea atractiva, cercana y f\u00e1cil de comprender.<\/strong><\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

LA IMPERFECCI\u00d3N CONTIENE PERFECCI\u00d3N<\/h2>\n

El orden y la limpieza visual son muy importantes en el dise\u00f1o web, pero ordenado no necesariamente significa sim\u00e9trico. La mayor\u00eda de dise\u00f1adores y desarrolladores basan sus
\ndise\u00f1os en ret\u00edculas y cuadr\u00edculas exactas, que resultan en un dise\u00f1o seguro pero a su vez mon\u00f3tono y aburrido, sin nada que resulte especial ni destaque sobre otras p\u00e1ginas.<\/p>\n

Un dise\u00f1o asim\u00e9trico bien ejecutado genera singularidad y personalidad<\/strong> con un desequilibrio estudiado y compensado muy atractivo para el usuario.<\/p>\n

 <\/p>\n

\"HI\"<\/a><\/p>\n

 <\/p>\n

TIPOGRAF\u00cdAS CON PRESENCIA<\/h2>\n

Este pr\u00f3ximo a\u00f1o las tipograf\u00edas se llevan grandes<\/strong>, utiliza negritas<\/strong> y opta por dise\u00f1os m\u00e1s personalizados<\/strong>. \u00a1No dejes que pasen desapercibidas y crea mensajes ingeniosos!<\/p>\n

 <\/p>\n

LOS GR\u00c1FICOS<\/h2>\n

Utiliza los ficheros SVG<\/strong> para tus gr\u00e1ficos vectoriales ya que no utilizan p\u00edxeles y van a mantener la calidad sin importar la escala en cualquier dispositivo.<\/strong><\/p>\n

 <\/p>\n

DIBUJOS A MANO<\/h2>\n

Los dibujos a mano dentro de los dise\u00f1o web se van a implementar a lo largo de este 2020, vi\u00e9ndose precedidos por las ilustraciones personalizadas. Si bien es posible que esto choque un poco con las tendencias m\u00e1s modernas, no obstante y como he resaltado en todo este post, no hay que olvidar que estamos dise\u00f1ando para las personas<\/strong>. Con las ilustraciones manuales<\/strong> hacemos nuestra interfaz m\u00e1s c\u00e1lida y cercana<\/strong>, es una gran forma de humanizar el entorno digital.<\/p>\n

 <\/p>\n

ASISTENCIA DE VOZ<\/h2>\n

En el mundo actual hemos visto crecer la tecnolog\u00eda y sus avances pero tambi\u00e9n se ha ido menguando la capacidad de atenci\u00f3n y concentraci\u00f3n de las personas.<\/p>\n

Los asistentes virtuales cada d\u00eda est\u00e1n m\u00e1s asentados y normalizados y las personas tendemos a humanizar al dispositivo interactuando con \u00e9l de una forma cada vez m\u00e1s cercana,<\/strong> por ejemplo, manteniendo una conversaci\u00f3n. Se prev\u00e9 que en 2022 el 55% de los hogares cuente con dispositivos de altavoces inteligentes.<\/strong><\/p>\n

 <\/p>\n

\"asistente<\/a><\/p>\n

<\/h2>\n

INTELIGENCIA ARTIFICIAL Y APRENDIZAJE<\/h2>\n

Dentro de las tendencias m\u00e1s futuristas, podemos encontrar la Realidad Aumentada, la Inteligencia Artificial y el Aprendizaje Autom\u00e1tico:<\/strong><\/p>\n

La Realidad aumentada se basa en el intercambio de contenido virtual en el mundo real, y puede implementarse en m\u00faltiples \u00e1reas, como por ejemplo, en soportes informativos y de entretenimiento.<\/p>\n

Los dispositivos digitales tambi\u00e9n aprenden, memorizan, planifican\u2026 la inteligencia artificial ayuda a disminuir costes, potencia los puestos de trabajo creativos, aumenta la productividad y mejora el servicio al usuario, facilita procesos complejos.<\/p>\n

El aprendizaje autom\u00e1tico se basa en encontrar patrones de datos y planificar las acciones de programaci\u00f3n a ra\u00edz de los mismos.<\/p>\n

\"frase<\/a><\/p>\n

 <\/p>\n

Estar al d\u00eda y conocer las \u00faltimas tendencias en dise\u00f1o y desarrollo web nos ayuda a ser mejores en nuestro trabajo y dar una respuesta m\u00e1s acertada al consumidor final del producto que dise\u00f1amos. Como conclusi\u00f3n final, querr\u00eda dejar esta frase de Frank Chimero: \u00abLa gente ignora el dise\u00f1o que ignora a la gente<\/strong>\u201d.<\/p>\n

Toda tendencia estar\u00e1 siempre supeditada al usuario final y cualquier cambio ir\u00e1 siempre de la mano de las personas que interact\u00faan de forma directa con el producto.<\/p>\n

\n
\n
\n
\n

\u00bfQuieres m\u00e1s informaci\u00f3n sobre nuestros servicios de UX\/UI?<\/p>\n

Contacta con nuestro equipo de User Research, User Experience y User Interface<\/p>\n <\/div>\n

\n \n
\n

<\/p>

    <\/ul><\/div>\n
    \n
    \n<\/fieldset>\n
    \n\t
    \n\t\t
    \n\t\t\t

    <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t

    \n\t\t\t

    <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t

    \n\t\t
    \n\t\t\t

    <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t

    \n\t\t\t

    <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t

    \n\t\t
    \n\t\t\t

    <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t

    \n\t\t
    \n\t\t\t