Savez-vous que le design de votre site est plus important que le contenu (le roi du web) ?

Voulez-vous avoir un design attractif et en même temps ergonomique ?

Comme vous le savez il existe plusieurs sites qui offrent un très bon contenu, mais s'il est difficile de lire ce contenu alors comment peut-on rendre le site plus accessible, facilement ?

Vous pouvez avoir le meilleur contenu au monde, mais si vous utilisez dans votre site un thème compliqué, vous allez perdre ces visiteurs !

Dans cet article pratique vous allez découvrir les meilleurs astuces pour optimiser et améliorer le design de votre site web.

Allons-y !

Comment améliorer le design de mon site ?

0. Pourquoi optimiser le design ?

Il faut savoir que le thème ou le design de votre site est l'élément qui peut créer toute la différence !

Un site est un outil servant à convertir un visiteur en un lecteur fidèle ou un prospect en un client, donc il faut prendre en compte l'aspect visuel et technique du web design.

Le web design n'est pas limité aux tutoriels de développement web HTML5/CSS3 (langages web) mais les dépasse !

Selon la loi connue de Pareto (20/80), la plupart des sites (90%) ferment leurs portes après environ 2 ans d'existence, et 20% des sites gagnent ce que gagnent toute la 80% !

Le design joue un rôle majeur dans le succès de ces sites.

1. Texte lisible.

Couleur et taille du texte

La loi du texte dans le web dit que le texte doit être noir, sur un fond de couleur blanc.

Pourquoi ?

Tout simplement parceque on est dans la révolution du mobile et la lecture du texte coloré sur un fond coloré - surtout quand on est à l'extérieur - est quasi-impossible !

La taille recommandée pour le texte du contenu est 15 pixels, n'oubliez pas d'appliquer la loi du texte noir sur blanc

Conseils copywriting

L'utilisation des icônes dans votre design peut être plus cool surtout pour les web designers débutants ou professionnels, mais si vous utilisez les services de Google, Facebook ou Amazon, vous allez voir que le texte occupe une large partie des boutons, menus et listes !

Le texte dans un lien hypertexte donne une idée sur le contenu de la page destination, n'hésitez donc pas à utiliser du texte dans vos boutons de commande ou bien sur le bouton de contact.

2. L'accessibilité.

Faciliter l'accès aux pages

Le visiteur doit accéder à son contenu en 2 cliques max, ne cherchez pas à rendre difficile l'accès au contenu !

Surtout s'il s'agît d'un site qui demande l'inscription avant de poster du contenu ou bien avant d'acheter un produit, n'utilisez surtout pas la CAPTCHA.

Pensez à utiliser des images attractives pour encourager les visiteurs à lire vos articles ou à acheter vos produits, essayez différentes images

Tester différentes combinaisons

Si le thème actuel de votre site ne vous apporte pas suffisamment de revenus, essayez un autre, puis un autre, puis un autre, jusqu'à ce que vous trouvez le thème le plus adéquat et le plus performant.

La même chose pour ces éléments :

• Header (En-tête de la page)
• Footer (Pied de la page)
• Body (Corps de la page)
• Logo
• Police du texte (Font)
• Emplacement des publicités (Adsense)

Personellement j'essaye environ 10 fois à changer le thème ou bien le modifier pour enfin avoir une version plus stable, car la loi de 9/10 nous dit que le succès ne vient qu'après avoir échoué 9 fois !

Donc n'hésitez pas à échouer le plus vite possible dans votre choix, pour trouver la bonne combinaison

3. Thème simple.

Pourquoi la plupart des webmestre cherchent les thèmes les plus compliqués ? Avec des animations et scripts qui n'ont aucun intérêt pour le visiteur ?

Il faut savoir que le visiteur s'en fout de tout ce qui ne rend pas de service direct ou indirect, par exemple ajouter une animation lui demandant de s'inscrire à un journal d'actualité (Newsletter) ou à une page Facebook.

Concentrez-vous sur l'optimisation de l'expérience de l'utilisateur, la rapidité et la facilité de navigation, car c'est seulement cela qui va rendre votre site plus performant et uniquement en se focalisant sur la manière dont on utilise le site et l'optimiser va rendre le design plus performant.

Il y a une quotation qui dit :

Keep It Simple, Stupid.

Ne cherchez pas à compliquer les choses, mais à les rendre plus simple, les gens aiment la simplicité !

4. Rapidité de chargement.

Utilisez du CSS

Au lieu d'utiliser des images, des tableaux et du javascript pour décorer le style de votre site, utilisez des feuilles de style CSS (Cascading Style Sheet).

Le CSS va vous permettre d'intégrer des icônes en important des polices (FontAwesome par exemple) et faciliter la mise-en-page tout en gardant l'aspect professionel et simple de votre site !

Si vous cherchez à optimiser le chargement des fichiers CSS vous pouvez soit utiliser le plugin W3 Total Cache sur WordPress ou bien utiliser ce site pour compresser vos fichiers manuellement.

Biensûr pour un site statique vous devez créer un fichier CSS externe (style.css) pour ne pas alourdir le chargement des pages

Taille de la page

Pensez aux utilisateurs qui ont une lente connexion ou aux moteurs de recherche (ex: Google) qui vont indexer le contenu de votre site, la taille de la page est un élément très important dans l'augmentation des visites.

Les images, scripts ou vidéos, tous ces ressources consomment du trafic et vous ne serez pas content si un de vos visiteurs a quitté votre site juste parceque votre site est lent !

Version responsive

La navigation responsive vous permet de créer - pour le même thème - plusieurs versions (Ordinateur, tablette et mobile) pour votre site sans se casser le tête !

La meilleure méthode de le faire est d'utiliser une framework comme Bootstrap (gratuit) que vous pouvez la télécharger sur ce site : http://getbootstrap.com

5. Testez tout !

A la fin de votre design ou choix de thème n'oubliez pas de tester et vérifier tous les liens internes ou externes, testez la rapidité de chargement du site avec l'outil GTmetrix ou Google Page Speed et demandez à vos amis de le tester et vous donner leurs remarques.

Vous allez être surpris par les remarques de vos amis, vous allez pouvoir trouver des solutions à des problèmes sans que ce soit plus tard !

Surtout n'hésitez pas à poster votre site dans les forums de votre domaine

6. Soyez créatif.

Dans le monde de la compétition, il n'est pas suffisant d'avoir un bon web design, mais il faut être créatif pour se différencier des autre sites !

La plupart des gens font du copier-coller des idées, mais ceux qui réussissent vraiment sont ceux qui appliquent de nouvelles idées, pensez aux géants du web : Google, Yahoo!, Facebook ou Amazon.

Biensûr nous n'avons pas les moyens que possèdent les grands sites, mais il faut savoir que tous les grands sites étaient un jour de petits sites !

Avec la créativité et la perfection, ces sites ont devenu des sites de référence dans leurs domaines.

Pensez à utiliser intuition et soyez attentif, visitez et cherchez dans les sites concurrents les idées, ne les recopiez pas, juste inspirez-vous et proposez un design plus performant, plus créatif.

7. Apprenez constamment.

Si vous n'êtes pas en cours de développement en apprenant et appliquant toujours de nouvelles méthodes et techniques pour rendre votre site plus beau, plus cool, alors vous n'allez pas gagner plus, vous allez perdre plus !

Il faut savoir que tout ce que vous allez apprendre ajourd'hui peut ne pas servir pour demain, il faut chercher, chercher et chercher toujours de nouvelles astuces que ce soit en lisant des livres ou bien en lisant des articles sur des blogs de référence.

Voici quelques livres que je vous recommande de les lire, ils pourront changer votre façon de voir les choses :

• Adaptive Web Design
  Créer des sites riches avec l'amélioration progressive
  Cliquez ici pour avoir le livre
• Créations graphiques
  Réussissez vos brochures, logos, pages web, newsletters, flyers, et bien plus encore !
  Cliquez ici pour avoir le livre
• Les fondamentaux du design graphique
  Les 26 concepts clés de la communication visuelle: Les 26 concepts clés de la communication visuelle / 300 réalisations analysées et commentées.
  Cliquez ici pour avoir le livre

Et voilà !

Si vous avez des questions sur le web design je serai très content de vous répondre

N'hésitez pas à poser vos questions dans les commentaires ci-dessous.