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 réorganisés pour toutes sortes de raisons, malheureusement de nombreuses entreprises ne réalisent pas que leur site Web a besoin d'une mise à jour. Dans un scénario encore pire, les entreprises concurrentes peuvent obtenir un avantage concurrentiel en améliorant leur site Web, en augmentant vos conversions, tandis que le vôtre peut être à la traîne.

Votre site Web est-il coupable de l'un de ces problèmes? Si tel est le cas, il est peut-être temps de repenser!

• L'entreprise a une identité, mais le site Web ne la reflète pas.
• Certains liens sont rompus, ce qui oblige l'utilisateur à quitter le flux de conversion.
• Les utilisateurs essaient de communiquer avec vous, mais trouvent cela difficile.
• Le site Web en général semble obsolète, ce qui laisse les utilisateurs émerveillés.
• La convivialité est médiocre. Les utilisateurs ont des difficultés à naviguer sur le site Web.
• L'interface utilisateur est confuse et incohérente. Les utilisateurs continuent de faire des erreurs.

Jetons un coup d'œil à ce qui peut être fait pour résoudre ce problème.

Un site e-commerce qui n'a pas été mis à jour depuis longtemps, montrant son âge

Constructeurs de sites Web - pleins de dangers

Les nouvelles entreprises ont tendance à démarrer avec de simples concepteurs de sites Web comme Wix, Weebly ou Squarespace. Ces outils simplifient le processus de conception d'un site Web en utilisant des éditeurs WYSIWYG par glisser-déposer ('ce que vous voyez est ce que vous obtenez') et un hébergement gratuit, mais ces outils sont rarement assez 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 serrés, 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 de nombreux dangers cachés: des dangers qui ont tendance à se révéler à la pire occasion (par exemple, lorsque le site Web a besoin d'élargir son offre).

Avec les créateurs de sites Web, les fonctionnalités sont limitées à ce que propose le service et, en raison de cette approche simple et directe de la configuration d'un site Web, toute opportunité d'expansion peut être sévèrement limitée par la suite. Voici un exemple de piège dans lequel les entreprises peuvent tomber lorsqu'elles exploitent elles-mêmes un constructeur 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à!' → Ensuite, le client souhaite ajouter des produits uniquement pour constater que ce n'est pas possible.

comment faire un bot de musique pour discord 2018

Les entreprises ne pensent souvent pas à ce qui pourrait arriver si les besoins de leur site Web deviennent plus complexes et qu'elles se font prendre en charge. En plus de cela, des facteurs importants comme 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, gain de temps et d'argent à long terme .

En bref, la meilleure refonte de site Web est celle qui ne doit pas se produire.

Constructeurs de sites Web vs embauche d'un concepteur

Même les sites Web conçus par designers experts ils peuvent commencer à cultiver des mauvaises herbes s'ils sont laissés trop longtemps. En raison d'un accent sur d'autres aspects de l'entreprise, parfois la feuille de route pour la version 2 n'arrive jamais; par exemple, des considérations parfois importantes comme SSL n'étaient pas des considérations importantes à l'époque. Quoi qu'il en soit, toutes les entreprises devraient chercher à repenser leur site Web de temps en temps, en particulier en cas de préoccupations des clients.

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

fonction de compilation et de liaison dans angularjs

Un site B2B qui n'a pas été mis à jour depuis 10 ans, montrant son âge

Branding (ou changement de marque)

Le changement de nom s'accompagne généralement d'une nouvelle conception de site Web; cependant, cela devrait aller 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 se présenter (par exemple, utile, occasionnelle ou digne de confiance), de sorte que la portée de la refonte d'un 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 amélioriez une marque existante ou que vous en créiez une nouvelle à partir de zéro, voici ce qu'il faut garder à l'esprit:

• Les couleurs vous font-elles ressentir une certaine manière?
• Les images / photographies font-elles ressentir quelque chose à l'utilisateur?
• L'esthétique visuelle globale satisfait-elle les utilisateurs?
• Est-ce le page de destination une copie attrayante?
• La copie de la FAQ est-elle utile?
• Le ton général de la voix montre-t-il qui est l'entreprise?
• Le site Web a-t-il besoin de fonctionnalités supplémentaires, comme le chat en direct?

Et plus important encore, existe-t-il une recherche sur les utilisateurs / clients que vous pouvez utiliser pour jeter les bases de la refonte de votre site Web? Sinon, c'est votre première tâche.

Mozilla , avant et après sa refonte et son changement de marque

Fonctionnalité étendue

La refonte d'un site Web est souvent justifiée lorsqu'il y a une demande de nouvelles fonctionnalités de la part des clients. 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 profiter de ces produits. Les petites entreprises, en revanche, pourraient chercher à développer leur activité avec le marketing de contenu, pour lequel elles auront besoin d'un blog ou de 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 de changement de marque.

Parfois, la «caractéristique» est inconnue, enveloppée de mystère. Le client sait que quelque chose ne fonctionne pas (faibles conversions, insatisfaction du client, etc.), mais ne sait pas pourquoi. Parfois, la fonctionnalité n'est que quelques améliorations UX - le produit lui-même est bien, mais fondamentalement, l'expérience utilisateur du site Web est imparfaite.

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

Refonte avec des données

Comme pour le branding, l'UX doit être guidé par la recherche des utilisateurs. Outils d'analyse de site Web tels que Google Analytics et des outils de carte thermique comme Hotjar Oui CrazyEgg ils peuvent vous aider à identifier les zones critiques qui peuvent avoir besoin d'être repensées ou même des fonctionnalités complètes 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 quittent le flux de conversion, quel appareil ils ont utilisé, d'où ils viennent, les données démographiques des utilisateurs. , flux de comportement; la grande quantité de données est littéralement infinie.

Ces données peuvent non seulement être utilisées pour mesurer le succès d'une refonte de site Web , mais peut aussi tester quels domaines du site Web sont insuffisants en termes d'UX. Si le client ne sait toujours pas ce qui manque, vous pouvez utiliser l'analyse du site Web pour suggérer n'importe quoi, des améliorations aux idées de produits complètes, puis proposer une feuille de route pour voir à quoi pourrait ressembler la refonte. La refonte d'un site Web nécessite une planification.

Si vous avez affaire à un site Web qui n'utilise pas d'analyse de site Web, votre premier appel à l'action consiste à installer ce qui précède. Google Analytics (rapports toujours gratuits et incroyablement détaillés) Une fois que vous avez identifié les domaines de préoccupation avec Google Analytics, l'étape suivante du processus de conception est le test d'utilisabilité. Des outils comme Hotjar Oui CrazyEgg ils vous montreront exactement où les utilisateurs cliquent, et vous pouvez même voir comment les utilisateurs se comportent sur le site Web avec des sessions de relecture. Si vous avez identifié des pages Web à faible taux de conversion avec Google Analytics, ces enregistrements d'utilisateurs vous montreront parce que .

Toute autre décision de conception est basée sur des suppositions éclairées (au mieux).

algorithmes d'apprentissage automatique en python

Lorsque vous avez terminé vos recherches, vous pouvez créer cartes de parcours client pour mettre en évidence la manière dont la majorité des utilisateurs convertissent. C'est un atout plutôt sympa qui peut être partagé dans toute l'entreprise et informe toute l'équipe du rôle qu'elle doit jouer dans le flux de conversion hors site (médias sociaux, service client, etc.).

Mieux encore, vous pouvez aider les clients à se familiariser avec les analyses, afin qu'ils puissent mesurer eux-mêmes les réussites ou les échecs ou mener leurs propres recherches sur les utilisateurs pour de futurs efforts. C'est toujours une victoire lorsque le client peut prendre le volant à partir de là.

Refonte du blog

Comme mentionné ci-dessus, les entreprises en démarrage chercheront à créer un blog pour élargir leur portée. Dans ce scénario, le site Web a commencé à attirer des visiteurs et l'entreprise pense maintenant qu'elle est 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 dynamiser leur marque, d'informer les utilisateurs sur les mises à jour et les nouveaux produits et d'engager leur public cible avec un contenu pertinent.

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

Malheureusement, c'est l'inconvénient du contenu gratuit - les utilisateurs abandonneront volontiers une page Web si l'UX n'est pas optimale. Un grand designer Vous devez savoir comment améliorer la lisibilité et la lisibilité, éliminer les distractions visuelles et insérer des CTA à des niveaux élevés de points de conversion.

Les concepteurs doivent également utiliser l'analyse de site Web pour améliorer le contenu UX - pour le savoir où les utilisateurs arrêtent de lire Oui parce que - puis prenez des décisions de conception basées sur les données en fonction de cela. Lorsqu'on s'attaque à une refonte où de nouvelles fonctionnalités nécessitent un CMS, encore une fois, il est important de s'assurer que le client puisse facilement prendre le volant par la suite.

Refonte du commerce électronique

La conception de commerce électronique C'est l'un des aspects les plus délicats de l'UX à maîtriser et nécessite également un concepteur avec une expérience de conception basée sur les données. Considérez ceci: selon Ce studio , 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, environ 260 milliards de dollars pourraient être récupérés grâce à un meilleur flux de paiement et à une meilleure conception. Pour un magasin de commerce électronique, le flux sortant est l'aspect le plus critique, et un concepteur capable d'identifier où les utilisateurs quittent est un designer cela peut l'améliorer.

Voici quelques trucs à prendre en compte:

• Le site Web instille-t-il confiance et sécurité?
• Le site Web a-t-il un certificat SSL valide?
• Les formulaires de paiement sont-ils bien étiquetés et faciles à utiliser?
• Les champs de saisie indiquent-ils le type de clavier correct?
• L'utilisateur peut-il rechercher, au cas où il ne trouverait pas ce qu'il cherchait?
• Obligez-vous les utilisateurs à s'inscrire lorsqu'ils préfèrent visiter en tant qu'invité?

eBay avant et après de sa refonte

Gérer l'aspect commercial

Certains aspects de l'entreprise (tels que le service client) peuvent avoir d'énormes frais généraux si le processus n'est pas suffisamment efficace, de sorte que les sites Web sont mis à jour avec des services intégrés tels que Interphone ou Kayako Il peut non seulement offrir une meilleure expérience aux utilisateurs, mais également aider les entreprises à réduire les coûts et les charges de travail du support client. À l'approche 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 de bureau En 2015, Google a même commencé à privilégier 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.

obtenir un élément par classe angularjs

Étant donné que 57% des internautes déclarent ne pas recommander une entreprise avec un site Web mobile mal conçu, le responsive design est une grande entreprise, et l'objectif les designers ils doivent faire beaucoup plus que «tout ranger». Voici ce que vous devez garder à l'esprit:

• Les cibles du robinet sont-elles suffisamment grandes (au moins 44 px de haut)?
• Les cibles tactiles sont-elles disponibles pour les pouces ou sont-elles hors de portée?
• Le site Web mobile est-il «recadré» pour plus de simplicité?
• Le site Web se charge-t-il rapidement sur les connexions 3G?
• Dans l'ensemble, comment évalueriez-vous le utilisabilité mobile ?

Notifications de droits d'auteur obsolètes et liens rompus

Certains peuvent considérer cela comme mineur (et peut-être relativement parlant, il l'est), 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 qu'une petite quantité a été prise. Estas cositas son especialmente importantes para las empresas SaaS porque los usuarios quieren saber que el servicio al que se están suscribiendo se mejora constantemente (es normal que los usuarios vean el aviso de copyright en el pie de página del sitio web para ver cuándo se actualizó por dernière fois). De manière générale, un ancien site Web amènera les utilisateurs à se demander s'il est déjà en ligne.

Ces problèmes sont assez faciles à résoudre, alors considérez-les «en premier».

Dans le cas de liens rompus, vous pouvez utiliser une extension Chrome gratuite comme Vérifier mes liens pour localiser des liens rompus sur une page Web, ou Grammaire pour identifier les fautes d'orthographe.

Les pré-requis techniques

Selon HubSpot, 82% des visiteurs quittent des sites qui ne sont pas sécurisés.

Les exigences techniques sont des caractéristiques auxquelles l'utilisateur ne fait pas face; cependant, ils peuvent affecter considérablement l'utilisateur. 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é.

Améliorations du code front-end et back-end rendra le site Web plus rapide (ou du moins, ressentir plus rapide), et la simplicité de la mise en page elle-même joue un grand rôle à cet égard (mises en page simples = moins de code). Pour les sites Web qui sont repensés, vous ne voulez pas négliger cela.

conclusion

Le design, c'est solution de problèmes les clients veulent savoir comment les designers vont leur faciliter la vie ou comment ils augmenteront les revenus de leur entreprise.

Une liste de compétences ne dit pas au client pourquoi il devrait embaucher dit designer . Les concepteurs rendraient un excellent service aux clients en communiquant parce que Une refonte du site Web est nécessaire pour l'activité de vos clients, mettant en évidence ce que le résultat final permettra d'atteindre.

• Votre marque est-elle un peu dépassée?
• L'interface utilisateur crée-t-elle une confusion parmi les utilisateurs?
• L'UX fait-il que les utilisateurs abandonnent le flux de conversion?
• La convivialité (mobile ou autre) pousse-t-elle les utilisateurs à appuyer sur le bouton de retour?
• Cela a-t-il l'air horrible à tous égards?
• Comment les améliorations du site Web aideraient-elles cette entreprise?

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