6 conseils pour améliorer la navigabilité de votre site internet.

Quel que soit l’appareil utilisé : ordinateur, tablette ou smartphone, les utilisateurs doivent pouvoir naviguer facilement. Le responsive design est la conception de mise en page qui répond à ce besoin en adaptant automatiquement un site aux différentes tailles d’écrans. Pour coller au plus près aux usages de l’audience un design Mobil first pourra même être adopté pour les sites dont la consultation s’effectue majoritairement depuis smartphone.

Il est d’ailleurs important de noter que l’avantage du responsive design ne se limite pas à une simple amélioration de l’expérience utilisateur :

• Il améliore le classement de votre site dans les moteurs de recherche. Les moteurs de recherche pénalisent en effet les sites qui n’ont pas de version responsive.
• Il diminue la durée des mises à jour. Les mises à jour effectuées sur sur la version desktop du site sont automatiquement adaptées à la version mobile et ne nécessitent aucune intervention supplémentaire.
• Il permet de réduire les coûts. La version desktop et la version mobile sont un seul et même site, les frais de maintenance et d’hébergement s’en trouvent ainsi réduits.

La page d’accueil d’un site ou d’une application doit permettre de comprendre en quelques secondes l’offre de services proposée et déclencher les premières interactions, elle doit répondre clairement aux questions suivantes :

• Qui est cette entreprise ?
• Que fait-elle ?
• Qu’est-ce que cette entreprise peut faire pour moi ?
• Quels bénéfices va-t-elle m’apporter ?
• Où dois-je cliquer pour en savoir plus ?

Pour évaluer l’efficacité de votre page d’accueil, vous pouvez utiliser le taux de rebond que google analytics mesure de celle-ci. Ce taux mesure le pourcentage de visiteurs qui une fois arrivés sur cette page n’en visitent aucune autre et donc n’engagent aucune interaction avec votre site. Si vous constatez un taux élevé et un faible nombre de pages vues par visiteur vous devrez engager une réflexion globale pour repenser votre site.

En arrivant sur la page d’accueil d’un site, un visiteur doit pouvoir se dire au premier coup d’œil : « je suis au bon endroit » :

• Utilisez une mise en page claire, des textes courts et accrocheurs et des mots clefs correctement sélectionnés (en rapport avec votre activité et familiers de votre public).
• Boostez la baseline (zone d’identification) dans laquelle figure le nom de votre site ou de votre entreprise et la description de vos services ou produits.
• Placez 2 ou 3 arguments dans le header (haut de page) pour convaincre l’internaute de rester sur le site et mettez en avant une proposition de valeur forte.
• Éditez des rédactionnels digestes, aérés et concis et structurez les avec des titres, des sous-titres, des puces… pour que vos lecteurs puissent facilement les parcourir.
• Utilisez les codes du public cible (couleurs, vocabulaire, visuels) pour renforcer son sentiment d’identification à votre site.

La liste ci-dessous s’inspire directement des 10 règles que nous intégrons dans la phase de réflexion Ux Design des projets de nos clients (hors sites e-commerce) :

1. Nommer chaque page simplement (et éviter les longues urls) ;
2. Créer une arborescence logique et intuitive ;
3. Limiter le menu à 5 onglets maximum ;
4. Éliminer autant que possible les sous-menus ;
5. Afficher les informations essentielles et attractives au dessus de la ligne de flottaison (ligne qui sépare la partie visible lorsque vous arrivez sur un site de la partie située en dessous qui sera visible en utilisant le scroll) ;
6. Ajouter un fil d’Ariane et un bouton de retour à l’accueil pour permettre à l’utilisateur de se situer sur le site ;
7. Respecter la règle des 3 clics (l’utilisateur doit pouvoir depuis la page d’accueil accéder à l’information qu’il cherche en 3 clics maximum) ;
8. Insérer un module de recherche à proximité de votre menu (pour les sites d’au moins 5 pages) ;
9. Intégrer des Call to Action judicieux et incitatifs ;
10. Rendre le numéro de téléphone cliquable sur la version mobile.

Un temps de chargement trop long peut souvent se traduire par des ventes perdues, des leads et des opportunités manquées. Pour s’assurer que votre site ne vous fera pas vivre une telle mésaventure, vous pouvez par exemple utiliser Google Page Speed Insight qui vous donnera un calcul précis des performances de votre site (le test doit être fait pour chaque page).

Si le poids de vos images semble être la principale cause du ralentissement du chargement vous pourrez facilement les optimiser grâce aux nombreux outils gratuits en ligne. Ces outils offrent également l’avantage de supprimer les données cachées contenues dans vos fichiers et ont un impact minime sur le rendu visuel de l’image.

Si les problèmes constatés portent des aspects plus techniques : ressources CSS inutilisées, temps d’exécution javascript trop long,  délais de réponse du serveur trop long…) rien n’est perdu, rassurez vous ! Toutefois si les interventions à mener dépassent vos compétences, nous vous conseillons de prendre contact avec une agence web qui pourra consolider durablement votre site et vous assurer un bon niveau de performances.

Rappelez-vous que l’objectif d’une page d’accueil est d’inciter vos visiteurs à naviguer plus profondément dans votre site. En plaçant des Call to Action (CTA) ou boutons d’appel à l’action dynamiques sur les pages de votre site vous guidez vos visiteurs dans votre tunnel de conversion.

Bien visibles et placés stratégiquement, les CTA transforment les pages de votre site en pages de conversion. Leur but est de permettre aux visiteurs de s’engager avec votre site par des actions claires et attractives qui lui apportent un bénéfice concret comme par exemple : inciter à l’achat, faciliter le partage d’une information de votre site sur les réseaux sociaux, s’abonner à une newsletter, demander un devis ou une offre…

Les pages d’accueil de qualité ne sont jamais statiques elles doivent pouvoir évoluer régulièrement, pour intégrer l’évolution des besoins et des tendances, l’enrichissement de  votre offre et les retours des clients.

Pour limiter le risque de faire fausse route, mettez d’abord en ligne une version réduite de votre site. Cette première mouture temporaire (mais de qualité) vous permettra d’obtenir de précieuses informations (via Google analytics) sur le comportement des visiteurs, les mots clefs qui génèrent du trafic, les parties les plus cliquées et vous sera d’une aide précieuse dans le développement du reste du site.

Cette approche empirique que nous appliquons aux projets de nos clients a un nom : le Growth Driven Design, elle incorpore notamment des phases de tests et d’analyse des comportements des visiteurs pour élaborer de manière empirique l’Ux Design le plus conforme aux attentes de votre public cible.