5 tendencias de diseño web que ya hemos terminado

Las tendencias de diseño deben ser usadas con cautela. Tan rápido como muchas tendencias se ponen de moda; Pueden caer en desgracia y hacer que un diseño se sienta anticuado.

No los ignore por completo: probar las tendencias puede estirar sus músculos creativos y ayudarlo a crear algo que de otra forma no hubiera intentado. Pero ten en cuenta lo que es nuevo, lo que es atemporal y lo que está desactualizado. Aquí hay cinco tendencias de diseño que han terminado (o deberían ser de todos modos).

1. ¿Vintage? Todo

Por un tiempo, parecía que todas las tendencias de diseño comenzaron con "vintage". Tipografía de la vendimia. Color de la vendimia Texturas de la vendimia.

¡Basta ya!

El problema con los estilos vintage es que el aspecto elaborado es demasiado. Las características de los elementos vintage incluyen:

  • Superposiciones rugosas en imágenes y tipo.
  • Secuencias de comandos y tipos de letra con un montón de adornos, swashes y colas.
  • Paletas de colores apagados.
  • Superposiciones para agregar color sepia o colores antiguos a las imágenes
  • Fondos de alta textura

Si bien ninguna de estas técnicas es intrínsecamente mala, presenta desafíos para el diseño de sitios web. La principal preocupación es la legibilidad. Con tantas cosas sucediendo en el diseño, puede ser más difícil para los usuarios entender el mensaje de un vistazo.

Los intervalos de atención son cortos, por lo que el diseño debe comunicar algo con impacto de inmediato para atraer a los usuarios.

2. Tipografía super-delgada

Podría haber sido uno de los errores más grandes de Apple de todos los tiempos: utilizar un tipo de letra súper delgado y condensado en su sistema operativo. Y mientras Apple se redujo de inmediato debido a problemas de legibilidad, las tipografías delgadas empezaron a aparecer en todas partes. Y muchos sitios web todavía los usan.

El tipo delgado es difícil de leer en las pantallas.

Desde la retroiluminación hasta el tamaño de la pantalla y la falta de contraste entre el texto y otros elementos, las tipografías delgadas simplemente no tienen un lugar real en la mayoría de los proyectos de sitios web.

Si aún está utilizando una fuente con un trazo fino o una variante que es ultra-ligera o condensada, considere ajustar el tipo de letra a la versión normal. En general, los diseñadores de sitios web se inclinan hacia tipos de letra más grandes y el aumento de peso puede hacer que todo el texto en el diseño se sienta un poco más grande sin un cambio de imagen completo.

3. Deslizadores de imagen de héroe

¿Cuántas veces realmente haces clic en una de las imágenes (o en varias imágenes) en un control deslizante de imagen de héroe?

No intente meter seis mensajes diferentes en la ubicación de un sitio web.

La mayoría de los usuarios no se involucran regularmente con esta técnica de diseño. Y hay datos para respaldarlo. El Grupo Nielsen Norman realizó un estudio en 2013 que encontró que los usuarios ignoran estos controles deslizantes y que a menudo un control deslizante hace que sea más difícil encontrar información importante.

Lo que deberías hacer en cambio es planificar una pieza clave de contenido con una llamada a la acción en la ubicación del encabezado del héroe. No abrume a los usuarios con múltiples opciones. (Si debe tener varios elementos de encabezado, considere la posibilidad de cambiar manualmente un único elemento de contenido en un horario regular).

El problema con estos controles deslizantes de reproducción automática es que no sabes cuándo un usuario aterrizará en el contenido. Para muchos usuarios, tan pronto como ven algo que puede ser de su interés, se aleja a la siguiente cosa. Encontrar el elemento que fue interesante es a menudo demasiado trabajo para que un usuario invierta y simplemente ha perdido la atención de esa persona.

En su lugar opta por una foto o video muy interesante. Considere una buena animación o ilustración. No intente meter seis mensajes diferentes en la ubicación de un sitio web. No es algo que intentarías hacer en ningún otro lugar del diseño, ¿por qué es tan común en la página de inicio?

4. Video pesado

El video de estilo de película a pantalla completa puede ser atractivo, pero no funciona por la forma en que muchos usuarios compaginan el contenido web.

La tendencia se inclina hacia una visualización más de alta resolución. Eso funciona muy bien para usuarios en pantallas grandes con conexiones de internet súper rápidas. Para todos los demás, la experiencia fracasa con tiempos de carga retrasados, fallos de video o contenido en movimiento que no se puede ver en dispositivos móviles.

Una animación de carga larga no es un sustituto de la carga rápida.

Todos estos son problemas que no desea tener porque pueden afectar si los usuarios se quedan para interactuar con el contenido o no.

El otro problema con el contenido de video pesado es el sonido. Demasiados sitios confían en el video que tiene un componente de audio que une todo. Si bien el audio funciona parte del tiempo, no todos los usuarios querrán escuchar un video. (Piense en cuántas personas navegan por la web en el trabajo; probablemente no quieran que la persona que está a su lado escuche un video de reproducción automática).

Escale el video grande o diseñelo para que no sea la única primera impresión que haga el sitio web. Una animación de carga larga no es un sustituto de la carga rápida.

Una inmersión en el análisis de su sitio web le dirá si el video pesado está funcionando o no. Pero una mejor opción de la mayoría de los sitios web es incluir un video ligero en la página de inicio que ofrezca un vistazo al contenido y permita a los usuarios hacer clic en una experiencia de video más envolvente.

5. Sobrecarga de iconos

Deja de enloquecer con iconos en proyectos de diseño.

Si bien un gran conjunto de iconos puede ser una herramienta útil, solo úselos cuando se entienden comúnmente y tienen un propósito. El simple hecho de empaquetar el diseño con iconos para crear elementos visuales no es útil.

La mayoría de los sitios web solo necesitan un puñado de íconos: para redes sociales, carritos de compras, búsqueda, etc. Y no tienen que ser grandes ni sofisticados. Un simple conjunto de iconos sólidos es suficiente.

Recuerda por qué estás usando iconos en primer lugar. Sirven como señales direccionales entendidas comúnmente para los usuarios. Los iconos no deben ser una parte dominante del diseño; Deben ser sutiles, simples y casi caer en el fondo.

Si bien los íconos de gran tamaño fueron divertidos por un tiempo, el mayor problema fue que la tendencia fue sobreutilizada.Parece que todos los sitios que no tenían buenas imágenes o videos usaban un diseño basado en iconos. Todo comenzó a parecer demasiado similar debido a la naturaleza de los iconos; Están diseñados para tener un significado universal.

Conclusión

Asegúrese de prestar atención a sus diseños cuando se trata de elementos de moda. Utilícelas con moderación y con piezas de diseño clásico para que sus proyectos no queden anticuados.

¿Qué tendencias de diseño de sitios web has terminado totalmente? ¿Hay tendencias que desearías nunca haber probado en algunos de los proyectos de tu sitio web? Comparte tus peores tendencias con nosotros en las redes sociales y asegúrate de etiquetar @designshack.