Pourquoi envisager une refonte de site Web - Conseils et recommandations

Publié: 2022-03-11

Nous sommes en 2018. Pour beaucoup d'entre nous dans le monde, la nouvelle année marque un nouveau départ. De nouveaux objectifs, de nouvelles idées et, pour certaines entreprises, un nouveau design de site Web pour remplacer l'ancien.

Les sites Web sont remaniés pour toutes sortes de raisons. Malheureusement, de nombreuses entreprises ne réalisent pas que leur site Web doit être rafraîchi. Dans un scénario encore pire, les entreprises concurrentes peuvent gagner un avantage concurrentiel en améliorant leur site Web, en augmentant leurs conversions tandis que la vôtre peut prendre du retard.

Votre site Web est-il coupable de l'un d'entre eux ? Si c'est le cas, il est peut-être temps de faire une refonte !

  • L'entreprise a une identité, mais le site Web ne la reflète pas.
  • Certains liens sont rompus, entraînant l'abandon de l'utilisateur du flux de conversion.
  • Les utilisateurs essaient de communiquer avec vous, mais rencontrent des difficultés.
  • Dans l'ensemble, le site Web semble obsolète, laissant les utilisateurs peu impressionnés.
  • La convivialité est médiocre. Les utilisateurs ont du mal à naviguer sur le site.
  • L'interface utilisateur est confuse et incohérente. Les utilisateurs continuent de faire des erreurs.

Voyons ce qui peut être fait pour les réparer.

Un site de commerce électronique obsolète nécessitant une refonte du site Web
Un site de commerce électronique qui n'a pas été rafraîchi depuis longtemps, montrant son âge.

Constructeurs de sites Web : périlleux

Les nouvelles entreprises ont tendance à démarrer avec de simples créateurs de sites Web comme Wix, Weebly ou Squarespace. Ces outils simplifient le processus de conception d'un site Web à l'aide d'éditeurs WYSIWYG (« ce que vous voyez est ce que vous obtenez ») et d'un hébergement gratuit par glisser-déposer, mais ces outils sont rarement suffisamment sophistiqués pour que les sites Web se démarquent de la foule.

Au cours des premières étapes d'une nouvelle entreprise, lorsque les fonds sont rares, il est théoriquement logique d'utiliser un constructeur de site Web. L'approche « hébergement inclus, aucun code requis » aide les entreprises à établir une présence en ligne sans dépenser trop de temps et d'argent. Cependant, cela s'accompagne d'un tas de dangers cachés, des dangers qui ont tendance à se révéler à la pire occasion (par exemple, lorsque le site Web doit élargir son offre).

Un constructeur de site Web, Squarespace

Avec les constructeurs de sites Web, les fonctionnalités sont limitées à tout ce que le service offre, et en raison de cette approche simple de la création d'un site Web, toute possibilité d'expansion peut être sévèrement restreinte par la suite. Voici un exemple de piège dans lequel tombent les entreprises lorsqu'elles exploitent elles-mêmes un créateur de site Web, dans le but de réduire les coûts de conception et de développement :

Une entreprise de commerce électronique utilise un constructeur de site Web (ou un CMS avec un thème gratuit)Le client crée un site Web d'une page juste pour dire "Bonjour, nous sommes [nom de l'entreprise] et nous sommes là !"Plus tard, le client veut ajouter des produits pour se rendre compte que ce n'est pas possible.

Assez souvent, les entreprises ne pensent pas à ce qui pourrait arriver si les besoins de leur site Web devenaient plus complexes, et elles se retrouvent bloquées sur la route. En plus de cela, des facteurs importants tels que l'optimisation des moteurs de recherche (SEO), SSL (qui affecte le classement et la sécurité) et la convivialité mobile (qui affecte le classement et les conversions) peuvent finir par être négligés.

En tant qu'expert, c'est là que vous intervenez.

Un concepteur expert ne doit pas négliger ces considérations importantes et doit créer un site Web à l'épreuve du temps, permettant d' économiser du temps et de l'argent à long terme .

En bref, la meilleure refonte de site Web est celle qui n'a pas besoin d'avoir lieu.

Constructeurs de sites Web ou embauche d'un concepteur

Même les sites Web conçus par des concepteurs experts peuvent commencer à faire pousser des mauvaises herbes s'ils traînent trop longtemps. En raison de l'accent mis sur d'autres aspects de l'entreprise, parfois la feuille de route pour la version 2 ne vient jamais ; par exemple, des considérations parfois importantes comme SSL n'étaient pas importantes à l'époque. Quoi qu'il en soit, chaque entreprise devrait chercher à repenser son site Web de temps en temps, en particulier lorsque les clients ont des préoccupations.

Parlons des principales raisons pour lesquelles un site Web peut nécessiter une refonte et de la stratégie à adopter lors de la refonte de sites Web pour ces raisons.

Une entreprise B2B ayant un besoin urgent d'un nouveau design de site Web
Un site B2B qui n'a pas été rafraîchi depuis 10 ans, montrant son âge.

Image de marque (ou rebranding)

Le rebranding s'accompagne généralement d'une nouvelle conception de site Web; cependant, cela devrait s'étendre bien au-delà d'un nouveau logo. Étant donné que l'image de marque consiste à communiquer avec le public, le ton de la voix doit également être pris en compte (pensez à la copie du site Web, aux sections FAQ ou au support client en ligne).

L'image de marque est la façon dont une entreprise veut être représentée (par exemple, utile, décontractée ou digne de confiance), de sorte que la portée d'une refonte de site Web dépend de la mesure dans laquelle l'entreprise souhaite se réinventer. Une institution financière dont les clients rencontrent des problèmes de confiance bénéficierait d'une nouvelle image de marque qui semble et semble digne de confiance, par exemple.

Que vous souhaitiez améliorer une marque existante ou en créer une nouvelle à partir de rien, voici ce dont vous devez tenir compte :

  • Les couleurs vous font-elles sentir d'une certaine manière?
  • L'imagerie/la photographie fait-elle ressentir quelque chose à l'utilisateur ?
  • L'esthétique visuelle globale satisfait-elle les utilisateurs ?
  • La copie de la page de destination est-elle convaincante ?
  • La copie de la FAQ est-elle utile ?
  • Le ton général de la voix représente-t-il l'entreprise ?
  • Le site Web a-t-il besoin de fonctionnalités supplémentaires, telles que le chat en direct ?

Et plus important encore, existe-t-il des recherches sur les utilisateurs/clients que vous pouvez utiliser pour jeter les bases de la refonte de votre site Web ? Si ce n'est pas le cas, c'est votre première tâche.

Mozilla, avant et après la refonte de leur site Web
Mozilla, avant et après sa refonte et son changement de marque.

Fonctionnalité étendue

Une refonte du site Web est généralement justifiée lorsqu'il existe une demande des clients pour de nouvelles fonctionnalités. Les entreprises innovantes créent constamment de nouveaux produits (à la fois en ligne et hors ligne), nécessitant de nouvelles fonctionnalités qui aident les utilisateurs à mieux expérimenter ces produits. Les petites entreprises, en revanche, pourraient simplement chercher à faire évoluer leur activité avec le marketing de contenu, pour lequel elles auront besoin d'un blog, ou à générer des revenus via une boutique de commerce électronique. Quoi qu'il en soit, une refonte va souvent au-delà de petits changements cosmétiques et d'un changement de marque.

Parfois, la "fonctionnalité" est inconnue, entourée de mystère. Le client sait que quelque chose ne fonctionne pas (faible taux de conversion, insatisfaction des clients, etc.), mais il ne sait pas pourquoi. Parfois, la fonctionnalité n'est en fait que quelques améliorations UX - le produit lui-même est bien, mais fondamentalement, l'expérience utilisateur du site Web est défectueuse.

Dans tous les cas, vous devriez utiliser l'analyse de site Web pour mieux comprendre les utilisateurs.

Reconcevoir avec les données

Comme pour l'image de marque, l'expérience utilisateur doit être guidée par la recherche d'utilisateurs. Les outils d'analyse de sites Web tels que Google Analytics et les outils de carte thermique tels que Hotjar et CrazyEgg peuvent vous aider à identifier les domaines critiques qui peuvent nécessiter une refonte ou même des fonctionnalités entières qui pourraient manquer.

Analytics vous dira tout ce que vous devez savoir sur vos utilisateurs : combien de temps ils passent sur certaines pages Web, s'ils convertissent ou non, où ils abandonnent le flux de conversion, quel appareil ils ont utilisé, d'où ils viennent, données démographiques des utilisateurs, flux de comportement ; la quantité de données est littéralement infinie.

Non seulement ces données peuvent être utilisées pour mesurer le succès d'une refonte de site Web, mais elles peuvent également prouver quelles zones du site Web sont insuffisantes en termes d'UX. Si le client ne sait pas déjà ce qui manque radicalement, vous pouvez utiliser l'analyse de site Web pour suggérer n'importe quoi, des améliorations à des idées de produits entières, puis proposer une feuille de route pour ce à quoi une refonte pourrait ressembler ensemble. Une refonte de site Web nécessite une planification.

Si vous avez affaire à un site Web qui n'utilise pas l'analyse de site Web, votre premier appel à l'action consiste à installer Google Analytics susmentionné (rapports toujours gratuits et incroyablement détaillés). Une fois que vous avez identifié les domaines de préoccupation à l'aide de Google Analytics, la prochaine étape du processus de conception est le test d'utilisabilité. Des outils comme Hotjar et CrazyEgg vous montreront exactement où les utilisateurs cliquent, et vous pouvez même regarder comment les utilisateurs se comportent sur le site Web avec des rediffusions de session. Si vous avez identifié des pages Web mal converties avec Google Analytics, ces enregistrements d'utilisateurs vous montreront pourquoi .

Toutes les autres décisions de conception sont basées sur des suppositions éclairées (au mieux).

Tableau de bord Google Analytics affichant les données de session mensuelles et les taux de rebond

Lorsque vous avez terminé vos recherches, vous pouvez créer des cartes de parcours client pour mettre en évidence la conversion de la majorité des utilisateurs. C'est un atout assez intéressant qui peut être partagé à l'échelle de l'entreprise, informant toute l'équipe du rôle qu'elle doit jouer dans le flux de conversion en dehors du site (réseaux sociaux, service client, etc.).

Mieux encore, vous pouvez aider les clients à se familiariser quelque peu avec l'analyse, afin qu'ils puissent eux-mêmes mesurer les succès ou les échecs ou effectuer leur propre recherche d'utilisateurs pour de futures entreprises. C'est toujours gagnant quand le client est capable de prendre le volant par la suite.

Refonte du blog

Comme mentionné précédemment, les entreprises en démarrage chercheront à créer un blog afin d'étendre leur portée. Dans ce scénario, le site Web a commencé à acquérir des visiteurs et l'entreprise se sent maintenant prête à étendre encore plus sa portée avec le marketing de contenu.

Dans certains cas (ou dans de nombreux cas, en fait), un blog est le plus grand atout marketing d'une entreprise. Un blog donne aux entreprises la possibilité de renforcer leur marque, d'informer les utilisateurs des mises à jour et des nouveaux produits et d'engager leur public cible avec un contenu pertinent.

Cela étant dit, de nos jours, il est vraiment difficile d'attirer l'attention du lecteur pendant un certain temps. Bien qu'une partie de cela soit due au contenu lui-même, une mauvaise UX est souvent le coupable, ce qui oblige les utilisateurs à appuyer sur le bouton de retour et à essayer un concurrent à la place.

Malheureusement, c'est l'inconvénient du contenu gratuit : les utilisateurs abandonneront volontiers une page Web si l'UX n'est pas optimale. Un bon designer doit savoir comment améliorer la lisibilité et la lisibilité, éliminer les distractions visuelles et insérer des CTA dans des spots à forte conversion.

Les concepteurs devraient également utiliser l'analyse de site Web pour améliorer l'expérience utilisateur du contenu - pour savoir les utilisateurs arrêtent de lire et pourquoi - puis prendre des décisions de conception basées sur les données en fonction de cela. A l'approche d'une refonte où les nouvelles fonctionnalités nécessitent un CMS, encore une fois, il est important de s'assurer que le client pourra facilement prendre le volant par la suite.

Refonte du commerce électronique

La conception de commerce électronique est l'un des aspects les plus délicats de l'UX à maîtriser et nécessite également un concepteur expérimenté dans la conception basée sur les données. Considérez ceci : selon cette étude, les magasins de commerce électronique souffrent d'un taux d'abandon de panier de 69,23 % (en moyenne). Là où 738 milliards de dollars ont été dépensés pour le commerce électronique aux États-Unis et en Europe, on estime que 260 milliards de dollars ont pu être récupérés grâce à un meilleur flux de paiement et à une meilleure conception. Pour une boutique de commerce électronique, le flux de paiement est l' aspect le plus critique, et un concepteur qui peut identifier où les utilisateurs abandonnent est un concepteur qui peut l'améliorer.

Voici quelques trucs à prendre en compte:

  • Le site Web inspire-t-il la confiance et la sécurité ?
  • Le site Web possède-t-il un certificat SSL valide ?
  • Les formulaires de paiement sont-ils bien étiquetés et faciles à utiliser ?
  • Les champs de saisie affichent-ils le bon type de clavier ?
  • L'utilisateur peut-il effectuer une recherche ? Ne devrait-il pas trouver ce qu'il cherche ?
  • Obligez-vous les utilisateurs à s'inscrire alors qu'ils préfèrent payer en tant qu'invité ?

eBay, avant et après leur refonte
eBay, avant et après sa refonte.

Gérer le côté commercial

Certains aspects de l'entreprise (comme le support client) peuvent entraîner d'énormes frais généraux si le processus n'est pas assez efficace. charges de travail. Lorsque vous approchez d'une refonte de site Web, demandez au client quels sont ses plus grands défis en tant qu'équipe/organisation.

Conception réactive et convivialité

En bref, les sites Web réactifs sont ceux qui s'adaptent à pratiquement toutes les tailles d'écran, du mobile au bureau. Le trafic mobile a dépassé le trafic des ordinateurs de bureau en 2015, et Google a même commencé à favoriser les sites Web adaptés aux mobiles dans ses résultats de recherche. Bien que la plupart des sites Web soient techniquement réactifs, quelques-uns ne sont pas suffisamment optimisés.

Étant donné que 57 % des internautes déclarent qu'ils ne recommanderaient pas une entreprise avec un site Web mobile mal conçu, la conception réactive est un problème énorme, et les concepteurs doivent faire bien plus que « tout s'adapter ». Voici ce que vous devez considérer :

  • Les cibles tactiles sont-elles suffisamment grandes (au moins 44 px de hauteur) ?
  • Les cibles tactiles sont-elles accessibles aux pouces ou sont-elles hors de portée ?
  • Le site Web mobile est-il "réduit" pour plus de simplicité ?
  • Le site Web se charge-t-il rapidement sur les connexions 3G ?
  • Dans l'ensemble, comment évaluez-vous la convivialité mobile ?

Avis de droit d'auteur obsolètes et liens brisés

Certains peuvent considérer cela comme mineur (et peut-être en termes relatifs, c'est le cas), mais des avis de droits d'auteur obsolètes, des liens brisés et des fautes d'orthographe indiquent que le site Web a été abandonné ou que seule une petite quantité de soins a été prise. Ces informations sont particulièrement importantes pour les entreprises SaaS, car les utilisateurs veulent savoir que le service auquel ils s'abonnent est constamment amélioré (il est normal que les utilisateurs consultent l'avis de droit d'auteur dans le pied de page du site Web pour voir quand il a été mis à jour pour la dernière fois). De manière générale, un site Web à l'ancienne incitera les utilisateurs à se demander s'il est encore actif.

Un site Web avec une date de copyright très obsolète

Il est assez facile de résoudre ces problèmes, alors considérez-les comme « d'abord et avant tout ».

Pour les liens brisés en particulier, vous pouvez utiliser une extension Chrome gratuite comme Check My Links pour localiser les liens brisés sur une page Web, ou Grammarly pour identifier les fautes d'orthographe.

Les pré-requis techniques

Selon HubSpot, 82 % des visiteurs abandonnent les sites non sécurisés.

Les exigences techniques sont des fonctionnalités qui ne sont pas accessibles aux utilisateurs ; néanmoins, ils peuvent affecter l'utilisateur de manière drastique. SSL, par exemple, une couche de sécurité requise pour les magasins de commerce électronique (mais recommandée pour tous les sites Web), indique aux clients que leurs données sensibles sont en sécurité.

Un site de commerce électronique avec et sans sécurité SSL

Les améliorations du code front-end et back-end rendront le site Web plus rapide (ou à tout le moins, plus rapide), et la simplicité de la conception elle-même joue un rôle énorme à cet égard (conceptions simples = moins de code). Pour les sites Web en cours de refonte, vous ne voudrez pas négliger cela.

Conclusion

Le design consiste à résoudre des problèmes - les clients veulent savoir comment les designers vont leur faciliter la vie ou comment ils vont augmenter les revenus de leur entreprise.

Une liste de compétences ne dit pas au client pourquoi il devrait embaucher ledit designer. Les concepteurs rendraient un grand service aux clients en expliquant pourquoi une refonte du site Web est nécessaire pour l'entreprise de leur client, en soulignant ce que le résultat final permettra d'atteindre.

  • Leur marque est-elle un peu périmée ?
  • L'interface utilisateur crée-t-elle de la confusion parmi les utilisateurs ?
  • L'UX pousse-t-il les utilisateurs à abandonner le flux de conversion ?
  • La convivialité (mobile ou autre) incite-t-elle les utilisateurs à appuyer sur le bouton de retour ?
  • Est-ce que ça a l'air horrible à tous points de vue ?
  • Comment les améliorations du site Web aideraient-elles ladite entreprise ?

Lorsque vous savez ce qui doit être repensé, et que le client le sait également, la feuille de route pour la refonte a déjà une base formidable et des objectifs mesurables.

• • •

Pour en savoir plus sur le blog Toptal Design :

  • eCommerce UX - Un aperçu des meilleures pratiques (avec infographie)
  • L'importance de la conception centrée sur l'humain dans la conception de produits
  • Les meilleurs portefeuilles de concepteurs UX - Études de cas et exemples inspirants
  • Principes heuristiques pour les interfaces mobiles
  • Conception anticipative : comment créer des expériences utilisateur magiques