5 tendances en matière de conception de sites Web

Les tendances en matière de design doivent être utilisées avec prudence. Aussi rapidement que de nombreuses tendances sont à la mode; ils peuvent tomber en disgrâce et donner une impression de design obsolète.

Ne les ignorez pas complètement. Tester les tendances peut étirer vos muscles créatifs et vous aider à créer quelque chose que vous n'auriez peut-être pas essayé autrement. Mais soyez conscient de ce qui est frais, intemporel et obsolète! Voici cinq tendances de conception qui sont terminées (ou devraient l'être de toute façon).

1.? Vintage? Tout

Pendant un certain temps, toutes les tendances en matière de design ont commencé par «vintage». Typographie Vintage. Couleur vintage. Textures vintage.

Déjà assez!

Le problème avec les styles vintage est que le look élaboré est trop. Les caractéristiques des éléments vintage incluent:

  • Superpositions approximatives sur les images et le type.
  • Des scripts et des polices de caractères avec beaucoup de fioritures, swash et queues.
  • Palettes de couleurs en sourdine.
  • Superpositions pour ajouter des couleurs sépia ou ancienne aux images
  • Arrière-plans très texturés

Bien qu'aucune de ces techniques ne soit intrinsèquement mauvaise, elles représentent un défi pour la conception de sites Web. La principale préoccupation est la lisibilité. Avec tant de choses qui se passent dans la conception, il peut être plus difficile pour les utilisateurs de comprendre le message d’un coup d’œil.

La durée d'attention étant courte, la conception doit donc communiquer immédiatement quelque chose ayant un impact pour attirer les utilisateurs.

2. Typographie extra-fine

Il s’agissait peut-être de l’une des plus grandes erreurs de tous les temps d’Apple: utiliser une police de caractères très fine et condensée dans son système d’exploitation. Et tandis qu'Apple a immédiatement réduit son activité en raison de problèmes de lisibilité, les polices minces ont commencé à apparaître partout. Et beaucoup de sites Web les utilisent encore.

Les caractères minces sont difficiles à lire sur les écrans.

Du rétro-éclairage à la taille de l'écran, en passant par le manque de contraste entre le texte et d'autres éléments, les polices de caractères minces n'ont tout simplement pas leur place dans la plupart des projets de sites Web.

Si vous utilisez toujours une police à trait fin ou une variante ultra-légère ou condensée, envisagez d’ajuster le caractère à la version standard. De plus en plus de concepteurs de sites Web se tournent vers les polices de caractères plus grandes en général et le fait d'augmenter leur poids peut donner l'impression que tout le texte de la conception est un peu plus grand sans une transformation complète.

3. Curseurs d'image de héros

Combien de fois cliquez-vous réellement sur l'une des images (ou plusieurs images) dans un curseur d'image de héros?

N'essayez pas de regrouper six messages différents dans un seul et même site Web.

La plupart des utilisateurs n'utilisent pas régulièrement cette technique de conception. Et il y a des données pour le sauvegarder. Le groupe Nielsen Norman a mené une étude en 2013 selon laquelle les utilisateurs ignoraient ces curseurs et que, souvent, un curseur rendait plus difficile la recherche d'informations importantes.

Vous devez plutôt planifier un élément de contenu clé avec un appel à l'action dans l'emplacement de l'en-tête du héros. Ne surchargez pas les utilisateurs avec plusieurs options. (Si vous devez avoir plusieurs éléments d'en-tête, envisagez de modifier manuellement un seul élément de contenu selon un calendrier régulier.)

Le problème avec ces curseurs de lecture automatique est que vous ne savez pas quand un utilisateur va atterrir sur le contenu. Pour de nombreux utilisateurs, dès qu’ils voient quelque chose qui pourrait l’intéresser, cela passe à autre chose. Trouver l'élément qui était intéressant représente souvent trop de travail pour un utilisateur et vous venez de perdre l'attention de cette personne.

Optez plutôt pour une photo ou une vidéo très intéressante. Considérez une animation ou une illustration cool. N'essayez pas de regrouper six messages différents dans un seul et même site Web. Ce n'est pas quelque chose que vous essayez de faire ailleurs dans la conception, alors pourquoi est-ce si courant sur la page d'accueil?

4. Vidéo lourde

Les vidéos de type film plein écran peuvent être attrayantes, mais cela ne fonctionne pas pour la façon dont de nombreux utilisateurs digèrent le contenu Web.

La tendance penche vers une visualisation plus haute résolution. Cela fonctionne très bien pour les utilisateurs sur de grands écrans avec des connexions Internet ultrarapides. Pour tous les autres, l'expérience est plate avec des temps de chargement décalés, des problèmes vidéo ou du contenu en mouvement qui n'est pas visible sur les appareils mobiles.

Une longue animation de chargement ne remplace pas un chargement rapide.

Ce ne sont pas des problèmes que vous ne souhaitez pas avoir, car ils peuvent avoir un impact, que les utilisateurs restent ou non pour interagir avec le contenu.

L'autre problème avec le contenu vidéo lourd est le son. Trop de sites utilisent une vidéo comportant un composant audio qui relie tout. Bien que l'audio fonctionne de temps en temps, tous les utilisateurs ne voudront pas écouter une vidéo. (Pensez au nombre de personnes qui naviguent sur le Web au travail. Elles ne veulent probablement pas que la personne à côté d’eux entende la lecture d’une vidéo en lecture automatique.)

Réduisez la taille de la vidéo ou concevez-la pour que ce ne soit pas la seule première impression du site Web. Une longue animation de chargement ne remplace pas un chargement rapide.

Une analyse approfondie de votre site Web vous dira si une vidéo lourde fonctionne ou non. Cependant, une meilleure option de la plupart des sites Web consiste à inclure une vidéo légère sur la page d'accueil qui donne un aperçu du contenu et permet aux utilisateurs de cliquer sur une expérience vidéo plus immersive.

5. Surcharge d'icônes

Arrêtez de devenir fou avec des icônes dans les projets de conception.

Un bon ensemble d'icônes peut être un outil utile, mais utilisez-les uniquement lorsqu'elles sont communément comprises et qu'elles servent un objectif précis. Il n’est pas utile d’emballer le design avec des icônes pour créer des éléments visuels.

La plupart des sites Web n'ont besoin que d'une poignée d'icônes - pour les médias sociaux, les paniers d'achat, les recherches, etc. Et ils ne doivent pas nécessairement être grands ou sophistiqués. Un simple ensemble d'icônes solides suffit.

Rappelez-vous pourquoi vous utilisez des icônes en premier lieu. Ils servent de signaux directionnels communément compris pour les utilisateurs. Les icônes ne doivent pas être une partie dominante de la conception; ils devraient être subtils, simples et presque en arrière-plan.

Alors que les icônes surdimensionnées étaient amusantes pendant un moment, le plus gros problème était que la tendance était fortement utilisée.Il semble que tous les sites qui n'avaient pas de bonnes images ou vidéos utilisaient un design basé sur des icônes. Tout a commencé à paraître trop similaire à cause de la nature des icônes; ils sont conçus pour avoir une signification universelle.

Conclusion

Assurez-vous de faire attention à vos conceptions quand il s'agit d'éléments tendance. Utilisez-les avec parcimonie et avec des pièces de design classiques afin que vos projets ne soient pas datés rapidement.

Quelles sont les tendances en matière de conception de sites Web? Y a-t-il des tendances que vous souhaiteriez n'avoir jamais essayées dans certains projets de votre site Web? Partagez vos pires tendances avec nous sur les médias sociaux et assurez-vous de marquer @designshack.