Bonnes pratiques en conception web pour réaliser un site web impactant

Vous avez pour mission de créer un site web. Ce sera celui de votre entreprise, ou bien celui d’un client. Vous vous demandez surement avant de commencer s’il existe une liste de bonnes pratiques à suivre pour parvenir à mettre sur pied un site web digne de ce nom. Cet article vous apportera des éléments de réponses et des pistes de réflexion à emprunter pour y parvenir.

Il est vrai que lorsque l’on parle de « conception web » les délimitations sont assez floues et on se retrouve souvent face à nombreuses interprétations de ce que cela pourrait englober Qu’est-ce que la conception web ? Est-ce du design pur ? De l’esthétisme ? Un assemblement de bloc ? Un agencement malin, utile, et fonctionnel ?

Je veux la meilleure des conceptions pour mon site web !

Pour y parvenir, envisagez les choses de la manière suivante.

La meilleure des conception web est un mélange de plusieurs ingrédients :

• Une conception visuelle.
• Une conception de l’expérience utilisateur.
• La considération du référencement.
• La prise en compte de la rédaction de contenu.
• L’intégration de l’accessibilité.

C’est cet ensemble de règles et de concepts qui sont à mixer les uns avec les autres pour parvenir à atteindre la meilleure des conceptions pour votre application web ou mobile.

Comment réussir la conception visuelle de son site web ?

Quand vous réfléchissez à la construction d’un site web il faut le voir comme un pièce d’un seul et même puzzle qui est l’entreprise. Le site web vient comme pièce supplémentaire au puzzle de l’entreprise. Cela signifie que le site web s’intègre parfaitement à l’image globale véhiculée par l’entreprise.

Prenons comme exemple le packaging visuel des produits d’Evian.

On retrouve nettement un lien de filiation entre chaque produit. Ils font tous partie d’un seul et même ensemble.

A présent regardez la page d’accueil du site web d’Evian.

Source des images : https://www.evian.com/fr

Le site web fait bel et bien partie de l’entreprise Evian et vient s’intégrer naturellement comme un élément supplémentaire. Le style, les couleurs, ont été respectés et sont présents. On retrouve aussi une cohérence entre les éléments visuels utilisées : photographie des montagnes d’Evian, bouteille d’eau Evian. On ne peut pas se tromper : nous sommes bien chez Evian. Le langage utilisé reflète bien la marque.

Pour être sûr que la conception visuelle proposée est la bonne, analysez si cette conception représente bien la marque de l’entreprise, de la façon la plus fidèle et la plus proche possible. Si la réponse est non, faite travailler une autre conception.

Quelles normes de conception web dois-je respecter ?

Comme vous l’avez sans doute remarqué il a plusieurs « normes » qui sont respectées dans la majorité des sites web que vous trouvez sur Google. Comme par exemple :

• La présence du logo le coin à gauche.
• Le bouton de contact dans le coin à droite.
• Le menu de navigation se situe tout en haut de la page.
• La proposition de valeur est tout en haut de la page au-dessus de la ligne de flottaison.
• La fonction de recherche est dans le header.
• Les call to action sont dans le header.
• Le fil d’ariane pour que l’utilisateur se repère dans le site.
• Au clic sur le logo on revient sur la page d’accueil.
• Les icônes menant vers les réseaux sociaux sont dans le footer.

Évidemment le respect de ces normes est indispensable pour espérer un résultat réussi. Si vous voulez en savoir plus consultez cet article très bien fait sur le sujet qui vous donne la part des sites web qui respectent ces normes. Le constat est sans appel. Ce qui est édifiant est que si vous vous essayez à ne pas respecter ces normes sur votre site web, cela sera source de confusion pour vos utilisateurs car ils sont habitués à naviguer sur des sites web qui respectent ces normes.

A quoi cela va me servir de respecter la « règle des tiers » ?

Comme en photographie, en conception web, il est d’usage et fortement recommandé d’utiliser « la règle des tiers ». La règle des tiers va diviser le dessin en 9 cases de tailles similaires.

Cette règle est issue du constat que nos yeux ont un sens de lecture bien précis quand ils parcourent une image ou bien un écran.

Ce chemin de lecture est un balayage de la zone sous forme de Z qui concerne les 4 points du dessin ci-dessus du point 1 vers le point 2 vers le 3 puis le 2. Ce Z effectué avec les yeux car nous lisons de gauche à droite.

Source : apprendre-la-photographie.net

L’intérêt est que quand vous gardez à l’esprit cette règle des tiers, vous agencez les éléments de façon à mettre en avant les plus importants pour l’utilisateur. Cette règle vous guide dans le placement des informations sur votre site.

Regardons en exemple la page d’accueil du site bnpparibas.com

Cette règle précise qu’un élément visuel ne doit pas occuper plus de 1/3 de l’espace et que les croisements (appelés « nœuds ») sont appropriés pour intégrer des call-to-action ou bien des messages importants.

Pour faire simple, un élément visuel ne doit pas occuper plus de trois cases. Les nœuds sont également particulièrement adaptés pour placer des messages importants et des appels à l’action.

Comment j’anticipe la rédaction des textes de mon site ainsi que le référencement naturel ?

Dès la conception de votre site web prenez bien en considération la longueur des textes que vous allez afficher. En référencement naturel, on estime qu’une page doit contenir au minimum 500 mots. Et pour un article on estime qu’il doit faire au minimum 1200 mots pour espérer être bien classé dans les moteurs de recherche.

Anticipez donc :

• La longueur des textes.
• Leur lisibilité.
• Leur intelligibilité.

N’écrivez pas des textes trop compliqués, ne vous embarqués par dans des phrases à rallonge. L’utilisateur a une capacité d’attention très courte. L’utilisateur va plutôt lire en diagonale et repérer les mots-clés importants. Ne surchargez pas vos pages de texte.

Confiez cette tâche à des professionnels de la rédaction de contenu web. Ils vont prendre en compte l’expérience utilisateur mêlé au référencement naturel. Tout en gardant un site web agréable à la lecture et convivial qui donne envie d’y rester et d’en découvrir plus.

Chez Bocasay, nous sommes complètement en capacité de vous guider dans la conception de votre site ou application web. Laissez-nous un message et voyons comment nous pouvons vous accompagner.