4 défis dans la création d'un site Web convivial

Pour créer un site Web accessible, vous devez le concevoir et le développer de manière à ce que tous les utilisateurs aient un accès égal aux informations, fonctionnalités et caractéristiques du site. Mais votre temps est limité. Au moment où vous aurez terminé cette phrase, quelqu'un visitera et abandonnera votre site Web. À moins que vous ne donniez à vos visiteurs une raison de rester, ils sont partis.

Un taux de rebond élevé est un indicateur du manque d'intérêt des visiteurs. Il peut être tout à fait acceptable pour un utilisateur de consulter une page, en particulier s'il s'agit d'un communiqué de presse ou d'un autre contenu lié à un événement. Mais votre objectif devrait être de construire une relation avec vos visiteurs.

Le succès de la conception d'un site Web est mesuré par l'efficacité avec laquelle il communique avec ses visiteurs et les guide. Et étant donné à quel point il est difficile d'attirer les utilisateurs à l'ère post-publicitaire, il est plus difficile d'intégrer une bonne conception de site Web sans apparaître comme trop commercial. C'est là qu'intervient la conception de site Web conviviale.

Considérez votre site Web comme un terrain d'essai - vous devez vraiment improviser l'apparence de la navigation, et cela nécessite de résoudre certains problèmes de conception. Avant de les approfondir, il est important de discuter de la raison pour laquelle la convivialité est si importante.

La plupart des sites Web ont un taux de rebond de 85 %, ce qui signifie qu'une bonne partie de vos efforts de génération de prospects sont vains. Si le trafic provient des annonces Google, c'est un bon gaspillage du budget PPC. C'est pourquoi nous recommandons toujours d'optimiser soigneusement vos pages de destination avant de lancer vos campagnes PPC.

Il s'agit généralement de l'expertise exclusive d'une agence de conception de sites Web, qui jongle soigneusement entre les objectifs de l'entreprise et la convivialité. C'est un acte de haut câblage qui nécessite beaucoup d'essais et d'erreurs pour réussir, mais cela peut être fait.

Voici 4 défis d'interface utilisateur qui doivent être résolus lors de la création d'un site Web convivial.

1. Incorporer des éléments d'interface graphique

Avez-vous vu ces nouveaux boutons, liens, boutons et barres de défilement radicalement utilisés dans tant de sites Web aujourd'hui ? Bien qu'ils aient l'air impressionnants et réalisés de manière professionnelle, vous êtes-vous demandé si cela rendait la vie de l'utilisateur difficile ?

Si la réponse à cette question est oui, alors vous venez de perdre une bonne partie des utilisateurs.

La conception de sites Web, aussi chic et impressionnante soit-elle, doit garder la convivialité au premier plan. Si l'élément GUI nuit à la convivialité globale, vous feriez mieux de le supprimer entièrement. Dans la conception de sites Web, vous devez donner la priorité à l'accessibilité, à la convivialité et à l'esthétique : dans cet ordre. Les boutons et le défilement horizontal ne doivent être utilisés que si vous pouvez garantir qu'ils ne confondront pas vos utilisateurs.

Voici une bonne règle à retenir dans la conception de sites Web : si vous intégrez un nouvel élément de conception simplement pour progresser, vous feriez mieux de l'éviter.

2. Évitez les menus de navigation si vous n'en avez pas besoin

De nombreux concepteurs d'interface utilisateur prennent de nouvelles idées de conception et les font simplement exploser. Un bon exemple de cela serait les menus Hamburger et le défilement infini. Les deux tendances ont pris de l'ampleur et sont utilisées avec un abandon téméraire par des milliers de sites Web ; si l'architecture de l'information a besoin de ces menus est une question entièrement distincte.

Le défilement infini n'a l'air bien que si l'architecture de l'information l'exige. Un bon exemple serait Twitter, Facebook, Google Images et divers sites Web de commerce électronique ; auquel cas le défilement infini est une solution suffisante. Mais posez-vous cette question : comment vos utilisateurs trouveront-ils et marqueront-ils le contenu qu'ils aiment vraiment ?

Comment feraient-ils des allers-retours entre le contenu de leur choix ? Comment navigueront-ils dans la quantité d'informations que vous leur transmettez ?

Cela fait également apparaître les menus Hamburger : un menu de navigation magique qui fait de la navigation une promenade dans le parc pour les visiteurs – du moins semble-t-il. Son nom vient de son design : c'est-à-dire qu'il se compose de trois lignes horizontales qui ressemblent à un hamburger. Et tout comme son homologue réel, le menu hamburger est conçu pour économiser de l'espace.

Mais c'est une icône qui confond complètement les utilisateurs. Pour commencer, les gens cliquent-ils réellement sur les menus de hamburgers ? Et même si c'est le cas, si les éléments du menu sont si importants, ne devraient-ils pas occuper une place plus importante à l'écran ?

Un menu n'est important que s'il peut réaliser deux choses :

• Ils indiquent à l'utilisateur où ils se trouvent
• Ils vous montrent où vous pouvez aller

Les menus de hamburger, s'ils ne sont pas bien faits, peuvent être terribles dans les deux cas car le menu n'est pas à l'écran et n'est pas assez visible.

Cependant, la bonne nouvelle est que les menus de hamburgers sont devenus omniprésents - ils sont à peu près partout, des applications aux sites Web en passant par les jeux vidéo. Ils ont même trouvé leur place dans l'impression. C'est une icône qui a été gravée dans l'esprit des utilisateurs en ligne et qui est devenue synonyme de navigation. Les gens le connaissent et peuvent s'y fier pour la navigation, c'est très similaire à la façon dont les utilisateurs savent que l'icône d'accueil est l'endroit où vous accédez au menu principal ou que l'icône de la corbeille est l'endroit où vous supprimez des fichiers.

Dans les espaces numériques où l'immobilier visuel est difficile à trouver, comme les sites Web et les applications mobiles, le menu hamburger peut économiser de l'espace. Après tout, vous ne devriez jamais submerger vos visiteurs avec trop de choix. En effet, lorsque les utilisateurs se voient proposer trop de choix, ils ont tendance à ne pas en faire du tout.

3. Créer un site réactif

La majeure partie du trafic en ligne provient désormais des appareils mobiles. Les sites Web de bureau sont essentiels, bien sûr, mais ils devraient également se charger facilement pour les utilisateurs mobiles. La dernière chose que vous voulez est de détourner votre public à cause d'une expérience mobile terrible. De nos jours, le développement de sites Web mobiles est devenu si facile qu'il est inexcusable de ne pas l'intégrer à votre conception.

Il existe des plugins WordPress et des concepteurs d'interface utilisateur abordables pour rendre votre site Web plus réactif.

Voici trois éléments clés d'un site responsive :

Fluid Grid : des pourcentages fixes permettent aux utilisateurs avec différentes résolutions d'écran et appareils de voir le même écran comme tout le monde.

Images et texte adaptatifs : les images et les tailles de police ne peuvent pas être identiques pour tous les appareils, vous devez donc modifier le code afin qu'il se charge entièrement optimisé pour chaque appareil différent. Cela nécessite de faire des ajustements minutieux au code du site Web, par exemple au fichier CSS.

Media Queries : si vous avez réussi à implémenter des codes pour les deux scénarios ci-dessus, il est temps de les assembler. Une requête multimédia indique ce qu'il faut afficher spécifiquement sur les ordinateurs de bureau et les appareils mobiles.

4. Vitesse de chargement rapide

La plupart des utilisateurs ont une durée d'attention très faible et vous êtes en compétition pour chaque seconde qui passe. L'utilisateur en ligne d'aujourd'hui n'a tout simplement pas la patience d'attendre plus de 2 secondes pour que votre page Web se charge.

Vous voulez augmenter la vitesse de votre site Web ? Il existe de nombreuses façons créatives de le faire sans dépenser plus d'argent pour l'hébergement :

Site Web compressé : les images et les vidéos plaisent à la foule, mais trop de médias peuvent en fait détourner l'attention de l'expérience globale et ralentir votre site Web. Outre une utilisation prudente des images, compressez vos sites Web à l'aide de solutions telles que RIOT, Smush.it, etc.

Images fractionnées : Ce n'est pas une bonne idée de presser chaque bit d'information sur une seule page. Il est plus avantageux de donner à votre site Web plusieurs pages courtes pour un chargement plus rapide, et cela vous donne également plus d'avantages en matière de référencement.

Codage propre : les moteurs de recherche utilisent des robots d'exploration pour comprendre en quoi consiste votre page. Si vous les confondez avec un codage complexe, cela ne fera que les obliger à prendre leur temps, ou pire, à ignorer complètement votre site Web. Privilégiez donc toujours un codage propre.

Comment abordez-vous la navigation sur votre site Web ? Faites-le nous savoir dans les commentaires ci-dessous.

Biographie de l'auteur -

Faye Eldridge est la fondatrice et directrice du groupe Fyami Marketing Limited. Fyami est un curieux cabinet de conseil en conception et marketing Web basé à Londres, qui fournit une assistance et des solutions en matière de génération de la demande, de développement de prospects, de médias sociaux et numériques et de marketing général. Notre mission est d'attirer plus d'entreprises dans cette ère numérique axée sur la technologie. Faye croit en l'influence positive, la transparence, la diversité, la curiosité, la ténacité et le partage des connaissances. Elle est titulaire d'une maîtrise et participe actuellement à une recherche doctorale en affaires liée à la collaboration CMO et CTO.