Top 12 tendencias de diseño web que debe seguir en 2020

El dise±o del sitio web ha evolucionado junto con la tecnolog­a en la ºltima dcada. Ha obligado a todos a pensar primero el m³vil. La construcci³n de sitios web en el resto de esta dcada y la siguiente involucrar¡ la esttica y la tecnolog­a.

El medio digital ha visto tendencias de vanguardia, especialmente en dise±o web. El cambio de tecnolog­a que ha visto en comparaci³n con el medio de impresi³n tradicional significa que las tendencias han empujado a la creatividad rampante. Ha sido dif­cil mantenerse al d­a con las demandas.

Cuando los primeros sitios web fueron construidos a principios de la dcada de 1990, consistieron principalmente en texto y enlaces. Los elementos de dise±o no fueron importantes entonces. Es 2019 y estamos al final de otra dcada evitiva con respecto al dise±o web.

A lo largo de los a±os, prestamos atenci³n a la estructura y el dise±o de los sitios web, dando lugar a la declaraci³n, "Look and Feel". La necesidad de la hora es hacer sitios web que sean informativos, innovadores y adaptables a cualquier dispositivo.

prototipos r¡pidos

Como mencionamos anteriormente, los sitios web eran un mont³n de texto y enlaces en una p¡gina web. No necesitaban mucho tiempo para crear y no necesitaban mucha planificaci³n antes de que se creara las p¡ginas web. Sin embargo, esta es la era del prototipado del sitio web. Una de esas herramientas de prototipos que nos gustar­a mencionar es la Invisi³n.

Invisi³n es una herramienta donde puede crear un prototipo o maquetas de una plataforma web o sitios web. Esta es una herramienta creada por los dise±adores para dise±adores. Los dise±adores pueden usar Adobe XD o Photoshop para crear dise±os y cargarlos en Invisi³n. Pueden compartir estas maquetas con sus clientes antes de que se desarrolle el producto real.

Tipograf­a clara

La tipograf­a es potente y permite al dise±ador darle a su sitio web una personalidad. Puede establecer el tono adecuado para el sitio web y transmitir informaci³n con xito. El texto legible grande evoca la confianza de los lectores y los har¡n interesados ​​en saber m¡s sobre los productos y servicios.

Con el uso de la resoluci³n de la imagen m¡s aguda sobre el aumento, la demanda de tipograf­a en negrita se ha vuelto cr­tica. Los navegadores en estos d­as pueden admitir tipograf­as hechas a mano que se habilitan utilizando CSS para los navegadores.

Si el texto no se presenta de buena moda, los clientes pueden cambiar a otro sitio web que lo hace. El uso de las fuentes de Serif est¡ en aumento porque son perfectas para nfasis. Las fuentes de Serif son m¡s adaptables de lo que la gente piensa, aunque son viejas. Es por eso que los dise±adores los prefieren sobre otros.

Agregar ilustraciones

Este sitio web est¡ utilizando un servicio de seguridad para protegerse de los ataques en l­nea. La acci³n que acaba de realizar activ³ la soluci³n de seguridad. Hay varias acciones que podr­an desencadenar este bloque, incluido el env­o de una determinada palabra o frase, un comando SQL o datos mal formados.

¿Qu puedo hacer para resolver esto?

En esta ºltima dcada del dise±o web, vimos una gran cantidad de acr³nimos: AR, VR, AI, AMP y muchos otros. Esto significa que si aºn no est¡ a bordo con aquellos, ¡ese ser¡ su primer orden de negocios en 2020! Pero en los aspectos m¡s visuales, algunos dise±os web se han vuelto m¡s "creativos", usando ilustraciones vibrantes en lugar de stock (Oficina sonriente inc³moda, ¿Alguien?), Extracci³n de las rejillas, abrazando esquemas de color audaz o eliminando los esquemas de colores en conjunto (hola, ¡Blanco y negro!), y triunfo de dise±os asimtricos. El aprendizaje de la m¡quina ha hecho de los sitios web m¡s inteligentes (¡pero mi bondad ha intentado la navegaci³n m³vil con chatbots, las ruedas de comercio electr³nico girando y otras ventanas emergentes! ¡No, gracias!). En 2020, ver¡ que la tecnolog­a y el dise±o se fusionen aºn m¡s en New Realms y ver¡ las formas en que la navegaci³n est¡ alcanzando la forma en que realmente usamos la web (en nuestros dispositivos m³viles). ¿Qu tendencias est¡n aqu­ para quedarse en 2020 y qu tendencias ser¡n revisadas?

¡Traer en el Serif!

Las fuentes Serif a menudo se reservan para los medios de impresi³n, pero algunos dise±adores web en negrita est¡n trayendo serifs en pantalla. En el pasado, parece que esas pel­culas quisquillosas (piensan en la cola en la letra "a" como ejemplo) fueron m¡s dif­ciles de leer en pantalla, pero parece que algunos dise±os web est¡n incorporando estas fuentes al buen efecto. En el pasado, los dise±adores web sintieron que los serifs SANS eran los mejores para las exhibiciones de baja resoluci³n, los ni±os, al usar muchos colores o patrones de bajo contraste, y cuando el texto era estrecho o peque±o, pero con la mayor parte de la navegaci³n m³viles, estos problemas son Todos menos desapareciendo. Al final del d­a, no importa si usa un Serif o Sans-Serif, tiene que ser legible.

M¡s Chatbots

¿Alguna vez has seguido un negocio en Facebook y obtienes un mensaje de Bot de chat r¡pido? ¿Qu pasa con visitar el sitio web de alguien y "Alan" se le ocurri³ una charla para contarles todo sobre los productos y servicios de su negocio? Facebook comenz³ a desarrollar bots a travs de la aplicaci³n Messenger y ahora est¡n en todas partes. En 2017, hubo m¡s de 100,000 bots activos y temo pensar en lo que son esos nºmeros ahora.

Sephora, alimentos enteros, geogr¡ficos nacionales y otros los han estado usando en su marketing. El asistente de Sephora aument³ su tasa de reserva en un 11% y el gasto gradual promedio del servicio cliente en la tienda es ahora de $ 50.

Personalmente, no soy el fan¡tico m¡s grande de los bots, no es que haya tenido una experiencia negativa con uno, pero, ya que son verdaderamente m¡s conversacionales como avances tecnol³gicos, pueden resultar ºtiles especialmente en Una situaci³n de preguntas y respuestas. ¿Ha tenido una experiencia positiva con un chatbot? ¿Los encuentras ºtiles?

Utilizando m¡s espacio negativo

"Espacio negativo" es una palabra elegante que se usan para "Whitespace". Entonces, en el dise±o web, habr¡ m¡s espacio entre las opciones para crear espacios visualmente limpios. Los dise±os de espacios en blanco y de p¡ginas abiertos son m¡s f¡ciles de usar y m¡s f¡ciles de usar. Pueden ser menos pesados ​​de dise±o, pero ayudan con los requisitos del visitante del sitio web, como el escaneo de contenido. Los lectores pueden mantenerse enfocados en la p¡gina sin ser abrumados por elementos de color mºltiple o en movimiento de im¡genes. Eso no quiere decir que el dise±o no est¡ incorporado, es mucho m¡s ºtil. El sitio web de Asana utiliza mucho espacio negativo para guiar la atenci³n del usuario en una tarea a la vez. En este caso, hace que los usuarios se registren en sus ofertas de productos. Por lo tanto, si tiene objetivos o acciones de marketing espec­ficos, desea que sus usuarios tomen, es posible que deba incorporar m¡s espacio negativo en su dise±o 2020.

Mobile viene a Desktop

Hay m¡s navegadores m³viles que los usuarios de escritorio ahora, lo que significa que en lugar de que su dise±o m³vil se transporta desde su dise±o de escritorio, su dise±o m³vil se llevar¡ a cabo a su escritorio. En otras palabras, el m³vil ahora est¡ influyendo en el dise±o de escritorio en lugar de al revs, que est¡ influyendo en las tendencias modernas de dise±o web. Antes de este tiempo, los menºs de hamburguesas estaban solo en dise±os m³viles, pero ahora los ves en los dise±os de escritorio, as­ como a la tipograf­a grande.

Otra influencia de Mobile to Desktop es que los elementos pegajosos pueden permanecer firmemente en la parte inferior de la p¡gina en lugar de desaparecer cuando se desplaza. Algºn dise±o m³vil reciente est¡ colocando la navegaci³n y los bares de Hello en la parte inferior de la p¡gina para que sean m¡s f¡ciles de hacer clic y acceso. A medida que las personas "aprenden" y se familiarizan con estos dise±os y crecen para esperarlos, veremos un cambio hacia este tipo de elemento de dise±o. ¿A qu otras formas ves el dise±o m³vil que afecta a la forma en que se ven los sitios web de escritorio?

micro-interacciones

Las micro-interacciones son las interacciones como en Facebook (piensan en Facebook le gusta, comentarios, etc.) que muestren compromisos sutiles o pidiendo a los usuarios que realicen acciones peque±as y ºnicas (conectando un dispositivo a otro, a gustaron una publicaci³n manipular un ajuste). Las micro-interacciones alientan y fomentan el compromiso. ¿Qu opinas del dise±o web que incorporan interacciones similares a los medios de comunicaci³n en la navegaci³n cotidiana? En su mayor­a, estas interacciones le permitir¡n hacer funciones como "como" o "aplaudir" una publicaci³n de blog o guardarla para m¡s adelante, y as­ sucesivamente. Una forma interesante de implementar esto a su sitio web ahora est¡ utilizando una notificaci³n de widgets (como Net Calificado) para permitir que los clientes interactºen r¡pidamente con usted y proporcionen comentarios instant¡neos para que pueda proporcionar una experiencia m¡s deliciosa.

No puede acceder a MediumCOM

El dise±o de la interfaz de usuario es la primera impresi³n de una aplicaci³n m³vil. Conecta a los usuarios con una marca, hace que el usuario viaje sea suave en la aplicaci³n y aumenta todo el ROI de la aplicaci³n. Cuando el dise±o de la UI de una aplicaci³n est¡ centrado en el cliente y tiene contenido de participaci³n, nada puede detener su xito.

Sin embargo, el paisaje de UX se est¡ transformando continuamente: las cosas nuevas se est¡n desarrollando con el tiempo. Y el dise±o de la UI es el ¡rea m¡s cambiante de la industria m³vil, que afecta a muchas otras ¡reas de la industria.

El dise±o de la UI de una aplicaci³n no se limita a su apariencia. La arquitectura de datos de la aplicaci³n debe combinarse con xito con las pautas de dise±o de la UI que organicen, estructuren y etiqueten el contenido de una aplicaci³n de manera sostenible y accesible.

Tendencias de dise±o de UI / UX m³vil para

Este a±o, la personalizaci³n de la aplicaci³n m³vil posiblemente adquirir¡ m¡s impulso. Un UX adaptado se est¡ volviendo esencial en el desarrollo m³vil. El aprendizaje autom¡tico y la inteligencia artificial est¡n haciendo que esta personalizaci³n sea transparente.

No puede acceder a MediumCOM

Nosotros y terceros, como nuestros clientes, socios y proveedores de servicios, utilizan cookies y tecnolog­as similares ("cookies") para proporcionar y asegurar nuestros servicios, para comprender y mejorar su rendimiento, y para servir anuncios relevantes (incluyendo anuncios de trabajo) dentro y fuera de LinkedIn. Para obtener m¡s informaci³n, consulte nuestra Pol­tica de cookies.

Diseñador de sitios web Descripción de trabajo FRESHTEAM

Diseñador de sitios web Descripción del trabajo Requisito responsabilidades de diseñador de sitios web Salario promedio de un diseñador de sitios web Descargar Descripción del trabajo

Diseñador de sitios web Descripción de trabajo FRESHTEAM
Utilizamos cookies
Utilizamos cookies para asegurarnos de que le brindamos la mejor experiencia en nuestro sitio web. Al utilizar el sitio web, usted acepta nuestro uso de cookies.
PERMITIR COOKIES.