Navigation

Toutes les catégories

Filtrer par auteur

Voir les derniers articles

Les bonnes pratiques de design pour un site plus performant

Combien de temps les internautes vont-ils consacrer à votre page web au moment où ils la découvrent pour la première fois ? Deux secondes....

Publié par Melanie De Coster

Combien de temps les internautes vont-ils consacrer à votre page web au moment où ils la découvrent pour la première fois ?

Deux secondes. Au-delà, si elle ne leur plaît pas, ils iront rapidement voir ailleurs si c’est mieux.

Pour les convaincre sur ce très court laps de temps, vous devez avant tout miser sur la performance de votre site. Pas le contenu, cela viendra après. La performance.

Visez l’optimisation maximale

Une vidéo trop lourde sur la page d’accueil ou une image de fond qui met trop longtemps à se charger… Trop tard, vous venez de perdre un client potentiel.

Si l’usage des visuels et des films est fortement recommandé sur votre site, encore faut-il que leur format soit adapté.

Compressez les images afin qu’elles soient adaptées au format web. Vous n’avez pas besoin de la même qualité que pour le print : dans la majeure partie des cas, 72 pixels seront largement suffisants. Vos photos resteront agréables à l’œil, sans pixellisation excessive et, surtout, elles seront rapidement visibles.

Restez dans le même esprit pour les vidéos. Éventuellement, conservez-les pour des pages internes, pas pour la page d’accueil. Les internautes auront plus de patience pour elles quand ils auront déjà appris à vous connaître.

Vous pouvez pousser encore plus loin en vous interrogeant sur la nécessité des applications JS que vous aurez implémentée sur vos pages. Elles alourdissent les pages, et pas toujours à bon escient.

Pensez mobile first

Ce n’est plus un secret : Google favorise dans son référencement les pages adaptées pour les mobiles. Vous devez absolument penser à ces utilisateurs lors de la mise en place du design de votre site.

Pour plus d’efficacité, optez pour un texte écrit en plus gros caractères (plus lisible sur petit écran) et à des boutons suffisamment larges pour être cliqués du doigt sans difficulté.

De manière générale, l’organisation de votre site doit être différente selon la taille de l’écran sur lequel il sera regardé. Il s’agit de passer d’une mise en page horizontale à une présentation verticale. Mais c’est la seule manière de toucher un maximum de public.

Respectez les règles

Déranger les habitudes peut être un concept. Mais, sur internet, il est trop souvent synonyme d’internautes perdus. Avec une grille de base qui respecte les codes du genre, vous pourrez vous permettre de nombreuses libertés.

À condition que vous ayez au préalable intégré :

  • Votre logo, cliquable, en haut à gauche. Un rappel de votre identité mais aussi un moyen de revenir vers la page d’accueil ;
  • Un menu clair et lisible, en haut de page (déclinable en version hamburger pour les versions mobiles de votre site) ;
  • Des boutons d’action contrastés et bien visibles.

Il ne s’agit que de quelques codes. Mais ils rassureront les utilisateurs lors de votre premier contact. Personne n’aime se sentir perdu sur un site internet, surtout quand c’est pour le regarder rapidement.

Soignez votre landing page

La page où les internautes atterriront lors de leur découverte de votre site, que ce soit suite à un lien, une publicité, une campagne promotionnelle, peu importe, doit être particulièrement travaillée.

Vous devez lui assigner un but, et un seul, matérialisé par un bouton d’action clairement identifiable. Et l’habiller pour répondre à cet objectif, avec les images et les textes qui sauront convaincre les prospects.

Mais, surtout, même si elle reprend les codes graphiques de l’ensemble de votre site, elle doit en être bien distincte. Pas de menu de navigation dans son cas. Une seule action possible, via le bouton (ou, en petit, un lien vers votre page d’accueil. Mais rien de plus).

L’apparence d’un site, son design, influence ses performances. Ce n’est pas seulement une notion vague, c’est ce qui vous permettra de faire la différence avant même d’avoir proposé votre contenu.

Lire la suite de l'article

Newsletter WebActus

Abonnez-vous pour recevoir notre sélection des meilleurs articles directement dans votre boîte mail.

Nous ne partagerons pas votre adresse e-mail.

Articles similaires

Graphisme

3 manières d’utiliser les illusions d’optique dans vos créations

À l’heure où il s’avère de plus en plus difficile de créer des publicités qui se démarquent réellement de la...

Publié le par Jerome Dajoux
Graphisme

10 exemples pour améliorer vos trombinoscopes

Un trombinoscope rassemble les différents portraits des membres d’un même groupe qui peut être, une entreprise, une équipe, une assemblée ou encore une famille. Il permet de...

Publié le par Solenne Ricard