Les tendances graphiques pour avoir un site agréable et moderne

Julien alias Momo, notre graphiste en chef, a tenu le vendredi 3 mars un webinar sur le thème : « Les tendances graphiques pour avoir un site agréable et moderne ».  Vous n’avez pas pu assister à sa conférence ? Pas de souci, Pilot’in vous résume tout.

Deux piliers : modernité et fluidité

Que se cache-t-il derrière ces deux notions ?

Lorsque l’on parle d’un site moderne, il faut s’intéresser :

• à l’interface utilisateur (UI) : l’organisation des éléments graphiques et textuels qui rendent le site ou l’interface agréable et attrayant
• au graphisme
• et aux tendances

À côté de cela, il ne faut pas négliger le côté agréable de votre site. Par là, on entend :

• l’expérience utilisateur : faciliter la navigation de l’internaute pour lui permettre d’atteindre facilement son but (achat, recherche d’informations…)
• l’ergonomie : adapter le site internet à ses utilisateurs
• le côté interactif

Se poser les bonnes questions

Lorsque vous créez votre site, il est important de vous poser les bonnes questions :

• Pourquoi ? : quel est l’objectif de mon site ? Pourquoi je veux créer un site ?
• Pour qui ? : à qui mon site est-il destiné ? Quelle est ma cible ?
• Comment ? : quel est mon positionnement ? comment je vais le matérialiser ?

Composants UI

• Le material design : Un ensemble de règles et de bonnes pratiques pour le design web ou d’appli, dicté par Google.
• Le semi Flat Design : Considéré comme une évolution du flat design et inspiré du material design, ce style joue beaucoup avec les ombres et la profondeur. Il est plus minimaliste.
• Osez la couleur ! Des couleurs plus fortes, audacieuses marquent plus l’esprit de l’utilisateur. Le dégradé revient aussi sur le devant de la scène. Dans tous les cas, évitez les couleurs ternes.
• Personnalisez vos illustrations : elles vous offrent un moyen d’expression et d’argumentation qui vous différencie et renforce votre identité, si elles sont faîtes sur-mesure.
• Evitez les illustrations issues de stock. Mal choisies, ces dernières peuvent altérer la cohérence de votre image de marque, et vous perdrez en crédibilité.
• Donnez de l’âme à vos photos. Une photo vous représente et affirme votre identité. Essayez au maximum de prendre des photos de «vous». En vous dévoilant à l’internaute c’est sa confiance que vous gagnerez.
• En corrélation avec le point d’avant, évitez les photos « surjouées » et peu naturel des banques d’images. Si vous devez choisir des images payantes ou libres de droit, privilégiez des banques d’images telles que unsplash.com ou pexels.com
• Des typographies imposantes : il ne faut pas hésiter à utiliser des typographies grosses, grasses, accidentées, avec ou sans sérif en fonction du message à faire passer. Un message court, écrit en gros a un impact fort dans l’esprit de l’internaute. Et cela permet également de structurer votre discours.
• Ecrire avec des triangles et des ronds… S’appuyer sur des formes géométriques est une façon minimaliste et élégante de construire son identité. La tendance a vraiment émergée l’année dernière, et le résultat est plutôt réussi pour certains (voir diapo).
• Animez vos contenus. Aujourd’hui la vidéo rassure, explique et démontre mieux que n’importe quel contenu web. Le motion design ou la vidéo commerciale restent les plus utilisés.

Pratiques UX

• Cassez la grille : Le webdesign évolue, et la manière d’interpréter «la grille» aussi. Les éléments flottent sur la page, textes et photos se superposent, et cela donne plus de dynamisme dans la lecture du contenu. Attention tout de même à la lisibilité, et à la cible !
• Mobile first !! Le design mobile first est conçu pour être affiché sur smartphone, et pour s’adapter aux écrans plus grands. Les enjeux de développement et de SEO associés imposent de nouvelles règles dans le webdeisgn.
• Les micros-interactions : elles peuvent être considérées comme des petites animations qui répondent à une action de l’internaute, et contribue à le guider, à le divertir ou à le surprendre tout au long de sa navigation.
• Jouez avec le scroll.

Pour plus de conseils sur les bonnes pratiques en webdesign, contactez l’équipage ! 😉