Krypton Solid

9 tendencias de sitios web comerciales que dominaron en 2019

2019 fue un año interesante para el diseño web.

La única forma en que estoy pensando en resumirlo es con una cita de uno de mis programas favoritos, el escritorio.

Al final de la serie, Andy dice: «Ojalá hubiera una forma de saber que estás en los buenos tiempos antes de irte».

Bueno, este soy yo, dándoles la atención que estamos viviendo actualmente en algunos de los momentos más emocionantes del diseño web.

Curso gratuito: Elementos de un excelente sitio web de inbound marketing

Durante el año pasado, hemos visto avances en la tecnología que nos ayudan a conectarnos mejor con nuestros usuarios, nuevos estilos que superan los límites y un mayor enfoque en la documentación y las guías de accesibilidad para hacer de la web un entorno más coherente y accesible para todos. .

Estas son algunas de las tendencias de diseño de sitios web comerciales más notables que hemos visto y amado en 2019.

1. Diseño plano

Flat Design es un enfoque de diseño minimalista que incluye el uso de espacios limpios y abiertos, colores brillantes e ilustraciones bidimensionales simples.

Este estilo de diseño comenzó como una tendencia más, pero a lo largo de los años, se ha convertido en el estándar para el diseño web.

El aumento del diseño plano se puede atribuir necesitan sitios web de carga rápida que ofrece a los usuarios una experiencia de navegación agradable tanto en dispositivos móviles como de escritorio.

El diseño plano se basa principalmente en ilustraciones simples, que son datos mucho menos pesados ​​que los sitios que usan imágenes grandes o imágenes pesadas. Esto significa un tiempo de carga general mucho más rápido.

Este estilo de sitio también es preferido por muchos usuarios desde una perspectiva de UX.

Reducir el desorden y las partes ornamentales innecesarias de un diseño ayuda a los usuarios a concentrarse en las partes importantes y facilitar la navegación.

Plataforma de desarrollo de aplicaciones Zeroqode utiliza un diseño plano en su sitio web para presentar a los usuarios una apariencia limpia pero amigable. El uso de colores brillantes en la ilustración del héroe atrae la atención de los usuarios, comunicándoles lo que hace la empresa.

2. GIF animados

El usuario actual tiene una mentalidad de «gratificación instantánea» cuando se trata de encontrar la información que busca.

Esto significa que solo tenemos una pequeña ventana de tiempo para captar su atención y darles lo que buscan.

Los GIF animados realmente brillan aquí.

Los GIF pueden transmitir ideas complejas en un corto período de tiempo, al mismo tiempo que son cautivadores y divertidos. Una ventaja adicional es que funciona en la mayoría de los navegadores y dispositivos móviles, lo que los hace accesibles para todos.

En el siguiente ejemplo CarLens, una aplicación de identificación de automóviles, utiliza un GIF animado en la sección de héroes para mostrar rápidamente el tipo de información que puede encontrar sobre un automóvil usando su aplicación. El GIF es cautivador y hace que los usuarios interesados ​​aprendan más.

3. Bots conversacionales y aprendizaje automático

El año pasado, hablamos sobre el auge de los robots conversacionales y aprendizaje automático en sitios web.

Desde entonces, la conversación con los robots se ha convertido en una segunda naturaleza. Hemos visto grandes avances en inteligencia artificial y capacidades de robot.

Demonios, lo vemos todos los días cuando Google nos da sugerencias automáticas o cuando Facebook nos pregunta si nos gustaría que nos etiqueten en una foto.

Muchas empresas ven los beneficios que los robots pueden aportar a su organización, que incluyen:

  • Mayor comodidad, brindando a los usuarios respuestas instantáneas y filtrándolos al contacto adecuado según sus problemas

  • Eficiencia mejorada, lo que permite transiciones más fáciles y rápidas entre casos.

En IMPACT integramos Deriva en nuestras páginas de servicios de agencia para ayudarnos a conectarnos instantáneamente con nuestro potencial.

4. Espacio en blanco

Como se mencionó anteriormente, el diseño web se mueve en una mentalidad de más «menos es más».

Esto significa que vemos sitios web que optan por aspectos más simples, con mayor cantidad de espacios en blanco. Espacio en blanco (también llamado espacio negativo) es simplemente el espacio vacío en una página. Piense en ello como la cámara de respiración alrededor de los elementos de la página.

El uso de espacios en blanco para separar las diferentes secciones de sus páginas ayuda a mejorar la legibilidad y facilita la asimilación de información importante para los usuarios.

riqueza simple, una aplicación de inversión, utiliza espacios en blanco para dividir cada sección de su sitio, lo que permite a los usuarios concentrarse en una sección a la vez. Luego, use animaciones inteligentes para dirigir los ojos de los usuarios hacia abajo en la página.

Tendencia de diseño 2019 - espacio en blanco

5. Esquema como software de diseño web

Con el tiempo, ha habido interminables debates polarizados en el mundo de la tecnología; Mac vs. ORDENADOR PERSONAL. GIF vs. JIF. Apple vs. Androide.

Para aquellos en el espacio del diseño web actual, estamos en medio de una batalla por una herramienta de diseño superior: Photoshop vs. Bosquejo.

Durante años, Photoshop ha sido la herramienta básica para la ejecución del diseño web, sin embargo, en los últimos años, Photoshop empieza a perder terreno para Bosquejo.

Sketch es un software creado específicamente para diseñadores web y puede cubrir la mayor parte del proceso de diseño, desde la creación del diseño hasta la creación de prototipos y la presentación del cliente.

Gracias a la poderosa biblioteca de complementos de código abierto de Sketch y su capacidad para manejar gran parte del proceso de diseño, predigo que en 2019 más empresas comenzarán a cambiar de Photoshop y usarán Sketch como el diseño de software principal. .

6. Cuadrícula interrumpida y aspectos asimétricos

Recientemente, el diseño web ha puesto mucho énfasis en diseñar en una cuadrícula establecida.

Un sistema de cuadrícula ayuda a los diseñadores a mantener la alineación y la coherencia en todo el diseño y, sinceramente, facilita a los desarrolladores darle vida.

Sin embargo, estamos empezando a ver que los diseñadores se apartan cada vez más de la cuadrícula estándar. Esto ayuda a los diseñadores a tener más libertad creativa con su trabajo y a crear otro nivel de jerarquía en una página.

Crear este nivel adicional de jerarquía es extremadamente útil cuando se trata de guiar la mirada de un usuario hacia abajo en una página y arrastrarlos a las partes procesables más importantes de su sitio y, honestamente, permite más intrigantes y únicos.

En IMPACT, hemos adoptado este enfoque en la página Acerca de nosotros para ayudar a desglosar el contenido y llamar más la atención sobre las fotos de nuestro equipo.

7. Sistemas de diseño

En pocas palabras, un sistema de diseño es una colección de componentes reutilizables guiados por un conjunto de reglas, restricciones y principios.

En el último año, estos sistemas se han convertido en una parte importante de muchos equipos.

Grandes empresas como Shopify, Trello, y Airbnb lideraron la tarea de diseñar sistemas, crear sistemas en profundidad e incluso dedicar páginas a sus sitios para que todos las vieran.

Cuando se implementan, los sistemas de diseño ayudan a los equipos a reducir las inconsistencias y acelerar el proceso de diseño.

Sistema de diseño de Shopify, llamado «Polaris», guía a los usuarios a través de secciones detalladas que explican «por qué» y «cómo» sobre el color, la tipografía y el diseño de UX de Sshopify.

8. Uso de formas orgánicas

Una forma orgánica es cualquier forma que sea irregular y desigual. En otras palabras, esta es una buena forma de decir imperfecto.

Parecen más dibujados a mano y humanistas. Con su apariencia inusual, pueden usarse para captar la atención de un usuario y agregar un toque personal a su sitio.

Cuando se combinan con una ilustración o imagen, realmente pueden agregar un buen nivel de profundidad a su sitio, rompiendo la monotonía de los mismos círculos y cuadrados que solemos ver en el diseño.

En el siguiente ejemplo, Designer Islam ariful, utiliza formas orgánicas para darle a esta página una sensación más accesible y para poner más énfasis en las imágenes utilizadas en la página.

Tendencia de diseño 2019 - Formas orgánicasImagen: Agencia Ariful Islam UI

9. Accesibilidad del sitio web

De acuerdo, esto último no es una tendencia, pero es un movimiento que no se puede ignorar en 2019.

Si usted es nuevo en accesibilidad, está relacionado con el diseño de un sitio web para personas con discapacidad. Cuando los sitios web están diseñados y codificados correctamente, las personas con discapacidades pueden usarlos fácilmente. Desafortunadamente, actualmente hay muchos sitios con barreras de accesibilidad que dificultan el uso de las personas con discapacidades.

Como WCAG 2.0 (Pautas de accesibilidad al contenido web) son cada vez más comunes, será cada vez más importante asegurarse de que su sitio esté en pie de igualdad.

La web es un recurso importante en todas nuestras vidas, por lo que es importante asegurarse de que ofrezca experiencia e igualdad de oportunidades, sin importar cómo se acceda a ella.

Si está buscando recursos útiles para actualizar su sitio al código, puede visitar la lista completa de herramientas recomendadas por W3C, la comunidad responsable del desarrollo de estándares web, Aquí.

Mirando hacia el futuro

Entonces las tienes, las primeras nueve tendencias que dieron forma al diseño en 2019.

Estéticamente, creo que veremos que los sitios web continúan avanzando hacia el estilo limpio y práctico del diseño plano.

Desde el punto de vista de UX, veremos empresas trabajando para hacer que sus sitios sean accesibles para todos y desplegando más robots conversacionales para brindar a los usuarios un tiempo de respuesta más rápido.

Deja un comentario