Fermer

février 27, 2020

6 stratégies UX pour plus de prospects et de conversions (avec des exemples)


"Un bon design encourage un spectateur à vouloir en savoir plus." – Alexander Isley

Saviez-vous que l'écoute des commentaires de vos clients peut taux de conversion de fusée céleste de 250% ! C'est probablement pourquoi les entreprises devraient se concentrer sur l'amélioration de leur expérience client (ou utilisateur) par la conception, le contenu, l'animation, les travaux.

Si vous n'êtes pas déjà au courant, voici un article intéressant qui souligne l'importance d'intégrer les principes de conception UX dans vos objectifs marketing et stratégies de site Web à l'ère moderne: Guide du débutant en conception UX . [19659003]

Les meilleures stratégies UX qui stimulent la conversion et augmentent les prospects (et la science derrière tout cela)

  1. Ajoutez une barre de recherche de navigation interne intelligente

"Les énormes photos et vidéos ont des avantages évidents. Elles attirent l'attention sur votre objectif commercial. Je pense que c'est la raison pour laquelle de plus en plus de sites Web commencent à utiliser de grandes images pour offrir de beaux visuels à leurs téléspectateurs. " – Coincept

L'une des tendances les plus frappantes des sites Web que les concepteurs adoptent est « ultra-minimale » avec la navigation. Ajoutez au mélange une barre de navigation intelligente, et vous avez un gagnant clair. Voici quelques sites Web impressionnants qui nous montrent comment faire:

  • Tinker : Un site Web de vente de montres qui offre un design sans encombrement et une navigation intelligente:

 Site Web de Tinker [19659003]

  • WeAin'tPlastic : Ce site Web utilise le concept de « contraste saisissant » de manière ingénieuse. Mis à part le schéma de couleurs blanc-noir évident, il utilise la taille comme métrique de contraste entre l'image centrale et le texte et les icônes:

 Nous ne sommes pas un site Web en plastique

  • Nua Bikes : Bien qu'il comporte plusieurs éléments à l'écran, ce site Web utilise efficacement l'espace blanc en condensant le texte et en attirant l'attention sur le produit principal:

 Site Web Nua bikes

Points à retenir: Lors de la création de la navigation, posez-vous les questions suivantes: "Comment mes utilisateurs se sentiront-ils lorsqu'ils navigueront sur le site Web?", "Les boutons sont-ils facilement visibles?", "Mon site Web est-il facile à utiliser?, "etc. Dans l’ensemble, en ce qui concerne le style de navigation: devenez intuitif et restez naturel.

  1. Focus sur l'esthétique du site

"Le design, c'est l'intelligence rendue visible". – Alina Wheeler auteur

Comme toutes les choses belles, votre site Web devrait également être esthétique. C'est là que les éléments critiques de la page de destination comme la couleur, les images et le texte peuvent aider en offrant un taux de participation plus élevé. Examinons quelques exemples concrets pour mieux comprendre ce concept:

  • Simply Chocolate : Un site Web épuré avec des visuels clairs comme du cristal, un jeu de couleurs parfait, intelligent Placement CTA et une barre de navigation inhabituelle qui attire le regard.

 Site Web Simply Chocolate

  • Rainforest Guardians : Ce site Web à but non lucratif suit un style de conception intuitif et intègre une technologie 3D immersive dans la conception. Certes, ce site Web prend plus de temps à charger, mais pour sa défense, il offre une interactivité inégalée en permettant au lecteur de " visiter " les différents villages et voies navigables qui composent la forêt amazonienne. Il présente également des «noms de donateurs» pour se connecter avec le visiteur à un niveau plus personnel et intime.

 Site Web des gardiens de la forêt tropicale

En ce qui concerne les meilleures pratiques de l'industrie, les experts de l'industrie affirment que ce sont les principales tendances qui définiront l'esthétique du site Web en 2020:

[19659043] Dark Design Studio : Un expert du DarkDesign Studio résume magnifiquement ce concept: "Je crois que l'une des principales tendances de 2020 sera le design sombre, principalement axé sur la conception d'interface utilisateur donnant les utilisateurs ont la possibilité d'activer le thème sombre. Les arrière-plans sombres font ressortir davantage les éléments de conception, créant un rapport de contraste plus élevé avec l'utilisation d'autres couleurs, tout en améliorant l'ergonomie visuelle en réduisant la fatigue oculaire. " Pas étonnant que l'iPhone aussi ait récemment publié son mode sombre .

 Studio de design sombre

  • Icônes et illustrations dessinées à la main pour invoquer un sentiment de positivité et une personnalité humaine pour le site Web: Le site Web Butterlust est un exemple parfait parce que le désordre est parfois beau, non?

 Site Web Butterlust

  • Expérimenter davantage avec la photographie et les graphiques :

"L'utilisation de vraies photographies mélangées à des illustrations ou des graphiques communique un message personnalisé. Qu'il s'agisse de photos de produits ou de personnes, ces images peuvent mieux soutenir l'image de marque et aider les sites Web à se démarquer de la foule." – Hiroshy

Le site Web de BarkBox est un rêve pour tous les amoureux des chiens. Il combine efficacement une copie pertinente, de superbes photographies et des graphismes mignons pour offrir une expérience client réconfortante:

 Site Web Barkbox

  • Couleurs éclatantes et futuristes: Hygh La conception du site Web en est un exemple convaincant:

 Site Web de Hygh

Points à retenir: Autrement dit, l'esthétique du site Web est comme la garniture de votre gâteau, le à distance de votre téléviseur, du beurre à votre pain. Sans cela, l'expérience semble incomplète et «fade».

  1. Investissez dans les exigences techniques du site Web

 Taux de conversion par temps de chargement de la page Source de l'image

Soyons clairs: votre site Web peut être l'équivalent de "Steve Jobs" du monde numérique – avec un design magnifique et une copie minimale, mais si le site Web prend plus de 3 secondes (vous avez bien lu) à charger, vous pouvez dire au revoir à vos clients. En fait, les données suggèrent que le taux de rebond triple – atteignant 90% – si le site Web prend 4 secondes ou plus à charger.

Cela dit, il est important d'optimiser les exigences techniques sur votre site Web, par exemple comme l'amélioration de la vitesse de votre page. Même un délai d'une seconde peut entraîner:

  • une réduction du nombre de pages vues de 11%.
  • une baisse de la satisfaction des clients de 16%.
  • une baisse des taux de conversion de 7%.

Alors, quelles sont les clés Voici une liste pratique:

  • Effectuez des tests de vitesse.
  • Optimisez les images et les vidéos en termes de taille et de plate-forme utilisée, comme les smartphones , tablettes, ordinateurs de bureau, etc. Évitez également d'utiliser des éléments de «lecture automatique», qui sont carrément gênants.
  • Utilisez des plug-ins minimaux (et uniquement nécessaires), sans compromettre la fonctionnalité. Assurez-vous également que vos plug-ins sont toujours à jour.
  • Réduisez plusieurs requêtes HTTP en les organisant et en les structurant de manière optimale.
  • Activez le cache et éliminez les redirections inutiles.

Points clés à retenir: Voici une statistique révélatrice pour vous: une seule seconde pourrait coûter 18 milliards de dollars par an en raison de caddies abandonnés. Assurez-vous donc que votre site Web se charge rapidement et offre des performances positives aux utilisateurs.

  1. Implémenter la prise en charge du chat en direct pour la communication en temps réel

"La taille du marché mondial des logiciels de chat en direct devrait atteindre 987,3 millions de dollars d'ici 2023." – KBV Research

En ce qui concerne les avantages de l'utilisation d'une interface de chat en direct par où commencer? Voici une liste complète et appuyée par la recherche pour votre référence (grâce à Finances en ligne ):

 Statistiques de chat en direct

  • Permet à votre entreprise d'être disponible 24h / 24 et 7j / 7 et offre un support 24h / 24: Il ne fait aucun doute que les chatbots et l'IA redéfinissent le marketing mobile et une foule d'autres secteurs. Vous pouvez bénéficier de la vitesse et de la précision que ces machines artificiellement intelligentes peuvent apporter une fois qu'elles sont ajoutées de manière transparente dans vos opérations quotidiennes. En fin de compte, les chatbots peuvent vous aider à économiser sur les coûts d'exploitation tout en ajoutant la commodité du client. À mesure qu'elles s'améliorent, les performances de votre entreprise augmentent également.
  • Aide à générer des leads et renforce l'image de l'entreprise dans une direction positive: De plus en plus de clients souhaitent aujourd'hui une touche personnalisée à leurs conversations. C'est là que les agents de chat en direct doivent tenir compte et utiliser « messages préenregistrés » uniquement lorsque cela est nécessaire. Voici un excellent exemple d'une conversation de clavardage en direct personnalisée de Qtrove :

 Qtrove clavardage en direct

  • Stimule les ventes et les conversions : L'une des fonctionnalités les plus rentables et utiles de l'utilisation d'un logiciel de chat en direct est que vous pouvez l'intégrer à votre messagerie électronique et / ou VoIP (Voice over Internet Protocol). Cela garantit qu'aucune requête client ne restera sans réponse – que ce soit sur le chat ou l'appel.

    "D'ici 2020, les clients géreront 85% des relations avec les organisations sans implication humaine." – Gartner

  • Améliore l'expérience globale du client : Les données suggèrent que 50% des clients qui visitent votre site Web sur leur smartphone » attendre des services de chat en direct. De plus, les services de chat en direct basés sur l'IA réduisent le fardeau des agents humains et aident à fournir un service transparent et axé sur la qualité aux clients.
  • Vous aide à collecter des informations importantes sur les visiteurs : Le chat en direct peut également être utilisé pour créer des enquêtes pré-chat personnalisées qui collectent des données importantes relatives à votre client, telles que le nom, l'adresse e-mail, les intérêts particuliers, etc. peut également être utilisé pour acheminer le client vers le service approprié, ce qui permet de gagner du temps et d'offrir un CX homogène.
  • Cible les clients qui reviennent (sans être ennuyeux) : L'une des meilleures façons de faire avancer un client qui revient est de devancer les besoins du client et d'offrir des ventes et des rabais au bon moment. Un chat proactif avec les déclencheurs de chat en direct nécessaires peut réduire les taux d'abandon de panier et augmenter les conversions .
  • Offre des fonctionnalités innovantes telles que la co-navigation : La co-navigation est essentiellement une fonctionnalité de partage d'écran qui permet à l'agent de pointer, faire défiler, cliquer et annoter dans les onglets du navigateur de vos clients, quel que soit l'endroit où vos clients sont sur votre site Web ou vos applications mobiles.

Cette fonctionnalité est indispensable du point de vue de l'utilisateur. Selon Forbes "La co-navigation, ou un agent accédant au navigateur du client simultanément, génère une satisfaction plus élevée avec 6 points de plus que la session moyenne."

Points clés: Le chat en direct se double de la plate-forme de support de chat la plus simple, la plus rapide et la plus accessible. C'est probablement l'une des raisons pour lesquelles Gartner prédit: " D'ici 2021, plus de 50% des organisations investiront davantage dans le développement de chatbots que dans le développement d'applications mobiles habituelles."

  1. Tests A / B fréquemment et passionnément

"Une interface utilisateur est comme une blague. Si vous devez l'expliquer, ce n'est pas si bon." – Martin Leblanc

Vous êtes-vous déjà demandé à quoi pourrait ressembler la version la plus optimale de votre page de destination?

Et la typographie de votre site Web? Vos lecteurs vont-ils aimer / détester? Voici ce que Web Designer Depot recommande:

 Serif vs Sans Serif

La taille de la police va-t-elle donner aux lecteurs une saisie ou rendre la lecture agréable? [19659003] Et la police? Voici une liste de polices de caractères courantes que vous pouvez tester simultanément pour comprendre celle qui conviendra le mieux à votre site Web (avec la permission de Neil Patel ):

 Polices de caractères communes

Devriez-vous opter pour la version longue ou la version courte? ContentVerve nous donne un indice:

 Contentverve long vs short form "width =" 650 "style =" width: 650px; "srcset =" https://blog.spiralytics.com/ hs-fs / hubfs / UX% 20Strategies% 20for% 20Conversions18.jpg? width = 325 & name = UX% 20Strategies% 20for% 20Conversions18.jpg 325w, https://blog.spiralytics.com/hs-fs/hubfs/UX%20Strategies % 20for% 20Conversions18.jpg? Width = 650 & name = UX% 20Strategies% 20for% 20Conversions18.jpg 650w, https://blog.spiralytics.com/hs-fs/hubfs/UX%20Strategies%20for%20Conversions18.jpg?width== 975 & name = UX% 20Strategies% 20for% 20Conversions18.jpg 975w, https://blog.spiralytics.com/hs-fs/hubfs/UX%20Strategies%20for%20Conversions18.jpg?width=1300&name=UX%20Strategies%20for%20Conversions18 .jpg 1300w, https://blog.spiralytics.com/hs-fs/hubfs/UX%20Strategies%20for%20Conversions18.jpg?width=1625&name=UX%20Strategies%20for%20Conversions18.jpg 1625w, https: // blog .spiralytics.com / hs-fs / hubfs / UX% 20Strategies% 20for% 20Conversions18.jpg? width = 1950 & name = UX% 20Strategies% 20for% 2 0Conversions18.jpg 1950w "tailles =" (largeur max: 650px) 100vw, 650px

Vous attrapez la dérive, non? Le test A / B est le processus de comparaison de deux versions de n'importe quel actif marketing (pensez: site Web, e-mail, etc.) avec un seul élément différent. Basé sur des mesures spécifiques (taux de conversion, temps passé sur la page, etc.), ce test vous permet de comprendre quelle version de l'actif frappe le bon accord avec votre public cible.

Conseil pratique: Les principaux domaines «non conventionnels» que vous pouvez tester de temps à autre incluent:

  • Le positionnement, la couleur et texte du bouton Appel à l'action
  • Le type de barèmes de tarification que vous souhaitez afficher sur votre site Web (pensez: Freemium, essai gratuit, etc.)
  • Images et motifs d'arrière-plan
  • Liens de navigation
  • Champs du formulaire de contact
  • Processus de paiement en une seule étape
  1. Tirer parti du contenu généré par les utilisateurs pour l'authenticité et la crédibilité

" 93% des milléniaux accèdent aux réseaux sociaux sur les smartphones aujourd'hui."

UGC vous vient à l'esprit récemment? Sinon, eh bien, ça devrait l'être. Les données prédisent que les milléniaux passent environ 2 heures et 38 minutes sur les réseaux sociaux chaque jour – cela aussi, la mise en réseau multiple entre 9 comptes de réseaux sociaux!

Alors, comment cette révélation est-elle liée aux marques utilisant UGC pour leur avantage?

Tout d'abord, la recherche affirme que " 51% des Américains font davantage confiance au contenu généré par l'utilisateur qu'aux autres informations sur le site Web d'une entreprise." Voici quelques exemples qui prouvent que les marques qui utilisent la puissance du contenu généré par les utilisateurs se positionnent au-dessus de leurs concurrents:

 AirBnB UGC "width =" 800 "style =" width: 800px; "srcset = "https://blog.spiralytics.com/hs-fs/hubfs/UX%20Strategies%20for%20Conversions19.jpg?width=400&name=UX%20Strategies%20for%20Conversions19.jpg 400w, https: //blog.spiralytics .com / hs-fs / hubfs / UX% 20Strategies% 20for% 20Conversions19.jpg? width = 800 & name = UX% 20Strategies% 20for% 20Conversions19.jpg 800w, https://blog.spiralytics.com/hs-fs/hubfs/ UX% 20Strategies% 20for% 20Conversions19.jpg? Width = 1200 & name = UX% 20Strategies% 20for% 20Conversions19.jpg 1200w, https://blog.spiralytics.com/hs-fs/hubfs/UX%20Strategies%20for%20Conversions19.jpg ? width = 1600 & name = UX% 20Strategies% 20for% 20Conv ersions19.jpg 1600w, https://blog.spiralytics.com/hs-fs/hubfs/UX%20Strategies%20for%20Conversions19.jpg?width=2000&name=UX%20Strategies%20for%20Conversions19.jpg 2000w, https: // blog.spiralytics.com/hs-fs/hubfs/UX%20Strategies%20for%20Conversions19.jpg?width=2400&name=UX%20Strategies%20for%20Conversions19.jpg 2400w "tailles =" (largeur max: 800px) 100vw, 800px

National Geographic a intensifié sa stratégie UGC en demandant aux utilisateurs de prendre des instantanés des personnes, des lieux et des expériences de leurs aventures de voyage. Les utilisateurs devaient partager leurs entrées avec le hashtag #wanderlustcontest sur Instagram et gagner des points:

 National Geographic UGC "width =" 800 "style =" width: 800px; "srcset =" https: // blog. spiralytics.com/hs-fs/hubfs/UX%20Strategies%20for%20Conversions20.jpg?width=400&name=UX%20Strategies%20for%20Conversions20.jpg 400w, https://blog.spiralytics.com/hs-fs/hubfs /UX%20Strategies%20for%20Conversions20.jpg?width=800&name=UX%20Strategies%20for%20Conversions20.jpg 800w, https://blog.spiralytics.com/hs-fs/hubfs/UX%20Strategies%20for%20Conversions20. jpg? width = 1200 & name = UX% 20Strategies% 20for% 20Conversions20.jpg 1200w, https://blog.spiralytics.com/hs-fs/hubfs/UX%20Strategies%20for%20Conversions20.jpg?width=1600&name=UX%20Strategies % 20 pour% 20Conversions20.jpg 1600w, https://blog.spiralytics.com/hs-fs/hubfs/UX%20Strategies%20for%20Conversions20.jpg?width=2000&name=UX%20Strategies%20for%20Conversions20.jpg 2000w, https : //blog.spiralytics.com/hs-fs/hubfs/UX%20Strategies%20for%20Conversions 20.jpg? Width = 2400 & name = UX% 20Strategies% 20for% 20Conversions20.jpg 2400w "tailles =" (largeur max: 800px) 100vw, 800px

Les heureux gagnants avec le maximum de points ont reçu un Expédition de photos de National Geographic au parc national de Yosemite.

Dans l'ensemble, le contenu généré par les utilisateurs peut être n'importe quoi, du texte, des vidéos, des images ou des GIF fournis par les utilisateurs de votre marque, ce qui aide à établir la crédibilité de la marque et faites confiance à votre public cible. Peut-être que James McClure était sur quelque chose quand il a dit: «Votre communauté, vos clients, sont le meilleur atout marketing que vous ayez.» D'accord?

Le saviez-vous?

Les publicités Facebook, avec UGC, offrent un taux de clics (CTR) 300% plus élevé et un coût par clic (CPC) jusqu'à 50% inférieur.

À vous de jouer

En ce qui concerne les stratégies UX, il n'y a pas d'approche "universelle" qui fonctionne. Chaque site Web, comme son propriétaire, doit avoir une personnalité distincte et parler au lecteur dans une langue qu'il comprend. C'est là que le déploiement de la bonne tactique UX peut faire toute la différence.

Maintenant que vous comprenez mieux comment aligner les besoins de vos utilisateurs avec votre offre de site Web, mettez votre cap sur la réflexion et expérimentez!

Si vous pensez que nous avons raté des hacks et des conseils intéressants, nous aimerions en entendre parler. Laissez vos commentaires ci-dessous.

 téléchargement-ebook-modern-marketing-strategies-1




Source link