Tendances de conception de site Web 2016 à prendre en compte avant de créer votre site

dk new media Site 1

Nous avons vu de nombreuses entreprises évoluer vers une expérience plus propre et plus simple pour les utilisateurs de sites Web. Que vous soyez un concepteur, un développeur ou que vous aimiez simplement les sites Web, vous pouvez apprendre quelque chose en regardant comment ils le font. Préparez-vous à être inspiré!

  1. Animation

Laissant derrière les premiers jours voyants du Web, qui regorgeaient de gifs clignotants, de barres animées, de boutons, d'icônes et de hamsters dansants, l'animation signifie aujourd'hui créer des actions interactives et réactives qui améliorent la narration et offrent une expérience utilisateur riche.

Des exemples d'animation riche incluent le chargement des animations, la navigation et les menus, les animations de survol, les galeries et les diaporamas, les animations de mouvement, le défilement et les animations et vidéos d'arrière-plan. Consultez ce site de Beagle, une plateforme de gestion de propositions:

Site Web animé Beagle

Cliquez pour voir l'incroyable animation JavaScript et CSS de Beagle lorsque vous faites défiler leur site.

Une animation riche peut également être vue en micro-interaction. Par exemple, sur LinkedIn, un utilisateur peut passer la souris sur une carte pour un menu contextuel d'options subtil, puis choisir d'ignorer l'histoire ou d'entreprendre d'autres actions.

Les animations GIF ont (joyeusement?) Resurgi, et peuvent être utilisées à de nombreuses fins différentes, y compris la comédie, des démonstrations et même juste pour la décoration.

  1. Material design

Material design, un langage de conception développé par Google, s'appuie sur les éléments de la conception imprimée (typographie, grilles, espace, échelle, couleur et utilisation des images), ainsi que sur des animations et des transitions réactives, du remplissage et des effets de profondeur tels que l'éclairage et les ombres pour fournir une expérience utilisateur plus réaliste, engageante et interactive.

Material Design utilise l'ombre, le mouvement et la profondeur pour offrir une esthétique propre et moderne en mettant l'accent sur l'optimisation de l'UX sans trop de cloches et de sifflets.

D'autres exemples de conception de matériaux incluent l'imagerie bord à bord, la typographie à grande échelle et les espaces blancs intentionnels.

Concept de refonte de la conception matérielle Youtube Android

  1. Design plat

Alors que Material Design offre une approche du concept de minimalisme, le design plat reste le choix classique pour les amateurs de lignes épurées. Autrement dit, le design plat est souvent considéré comme un look numérique plus réaliste, authentique et confortable.

Space Needle

Basé sur les principes de l'espace blanc, des bords définis, des couleurs vives et des illustrations 2D ou «plates», le design plat offre un style polyvalent qui utilise fréquemment des techniques telles que l'iconographie des lignes et les longues ombres.

atterrisseur

  1. Écrans fractionnés

Idéalement utilisé lorsque vous avez deux domaines tout aussi importants à promouvoir ou que vous souhaitez proposer du contenu aux côtés de photos ou de médias, les écrans partagés sont un nouveau moyen formidable de fournir une expérience utilisateur amusante et audacieuse.

écran divisé

En permettant aux utilisateurs de choisir leur contenu et leur expérience, vous pouvez créer une expérience de type portail qui incite les visiteurs à entrer.

écran partagé océan

  1. Laisser tomber Chrome

Faisant allusion aux pare-chocs et aux embellissements chromés des voitures classiques, «chrome» fait référence aux conteneurs d'un site Web (les menus, les en-têtes, les pieds de page et les bordures) qui encapsulent le contenu principal.

chrome-temps

Cela peut être gênant, et de nombreuses entreprises choisissent de se libérer des conteneurs et de créer des mises en page propres, bord à bord, sans bordures, en-têtes ou pieds de page.

chrome-avant

 

  1. Oubliez le pli

«Au-dessus du pli» est le jargon de journal pour la moitié supérieure de la première page d'un journal. Étant donné que les journaux sont souvent pliés et placés dans des boîtes et des présentoirs, le contenu le plus convaincant dépasse le pli pour leur donner les meilleures chances d'attraper un lecteur potentiel (et son portefeuille).

La conception de sites Web a longtemps utilisé l'idée d'un pli sur le principe que le défilement était fastidieux. Mais récemment, les images et le contenu en plein écran accueillent un utilisateur et encouragent le défilement pour dévoiler un contenu supplémentaire plus en profondeur.

tache de graines

  1. Vidéo plein écran

La vidéo peut être un excellent moyen d'attirer l'attention des visiteurs, et elle est souvent encore plus efficace que les visuels ou le texte. Les vidéos en boucle telles que celles utilisées par Apple pour l'Apple Watch sont un moyen unique de donner le ton et d'attirer les visiteurs.

DK New Media

Cliquez pour voir DK New MediaVidéo de sur leur page d'accueil

En ce qui concerne la conception de sites Web, de nombreux composants spécifiques seront dictés par votre secteur, votre niche, votre marché cible et votre contenu. Votre mise en page dépendra de ce à quoi les visiteurs répondent et de ce qui a le plus de sens pour votre message. Mais avec ces tendances sous la main, vous aurez tout ce dont vous avez besoin pour créer un site Web convaincant qui fait ce dont vous avez besoin, et qui montre que vous savez comment vous tenir au courant.

Que pensez-vous?

Ce site utilise Akismet pour réduire les spams. Découvrez comment sont traitées les données de vos commentaires..