Placement des boutons Acheter maintenant / Télécharger
Bonjour la communauté UX respectée,
Je travaille sur un nouveau site Web qui sera utilisé pour vendre une application logicielle, mais j'en aurai également une version limitée gratuite (non limitée dans le temps, mais limitée dans les fonctionnalités). Je dois placer deux boutons de manière à réaliser autant d'achats que possible. Les boutons sont Télécharger, qui est utilisé pour télécharger la version limitée gratuite de l'application, et Acheter maintenant, qui est utilisé pour acheter la version complète.
Donc, ma question est la suivante: si le bouton télécharger doit être placé plus vers le centre de la page (à gauche) et le bouton acheter maintenant sur le côté de la page ( à droite), ou vice versa? Afin de vous aider à visualiser cela, j'ai créé une animation .gif qui montre les deux états, 2 secondes chacun (ne vous occupez pas de l'exemple de modèle, veuillez vous concentrer uniquement sur le placement des boutons):
Maintenant, j'ai lu de nombreuses analyses UX sur OK/Annuler, Oui/Non et d'autres emplacements de boutons similaires, mais je pense que la sémantique est différente ici. Si les utilisateurs repèrent d'abord le bouton télécharger (numérisation de gauche à droite), ce qui signifie qu'ils peuvent facilement télécharger la version gratuite et avoir plus tard la possibilité non obligatoire de l'acheter (comme une conclusion de numérisation), ou devraient-ils d'abord repérer le bouton acheter maintenant pour essayer de leur faire acheter l'application tôt?
Une autre question mineure que j'ai concerne les couleurs des boutons. Je sais que les variantes de boutons orange/jaune/rouge se sont avérées apporter plus d'attention à l'action et beaucoup plus de conversions, mais ce site Web sera entièrement orienté blanc-bleu, donc je pense qu'il n'y a pas de place pour les couleurs orange et il serait rendre le bouton laid. De plus, je ressens le besoin d'avoir des couleurs différentes pour les boutons Télécharger et Acheter maintenant, parce que lorsqu'ils sont tous les deux bleus, je pense que c'est quelque peu déroutant. Mais quelle couleur dois-je choisir alors et pour quel bouton?
À mon avis, vous avez d'abord compris quels sont les scénarios pour un utilisateur qui visite le site, puis choisissez l'utilisateur en fonction de son intention individuelle. Je suppose, bien que je ne connaisse pas votre public, ce qui suit:
Groupe A: La plupart des utilisateurs accèderont au site par intérêt général et voudront peut-être essayer le logiciel
Certains utilisateurs (mais beaucoup moins) sauront déjà qu'ils veulent acheter le logiciel
Groupe B: dont certains seront des utilisateurs de la version gratuite qui ont décidé de faire la conversion
Groupe C : certains parce qu'ils ont déjà vu la version complète ou obtenu une recommandation personnelle suffisamment forte pour encourager l'achat immédiat du produit
Méfiez-vous que ces chiffres sont uniquement basés sur mon intuition, alors vous voudrez peut-être faire des recherches parmi votre public cible spécifique pour vous assurer que vous vous dirigez dans la bonne direction:
- Groupe A ~ 80%
- Groupe B ~ 15%
- Groupe C ~ 5%
En supposant que le groupe B sera dirigé vers une page de destination spécifique de la version gratuite du produit, cela vous laisserait environ 94% avec l'intention de téléchargement et 6% avec l'intention d'achat sur la page d'accueil. Deviner purement en chiffres juste pour illustrer le processus de réflexion, cela doit être vérifié!
Maintenant, en fonction des chiffres réels que vous tirerez de vos recherches, il sera assez clair quelle action devrait être plus importante. Puisque vous n'offrez vraiment pas de "plans divers", je ne pense pas que l'analogie avec les tableaux de fonctionnalités soit applicable dans votre cas. Au lieu de cela, regardez les produits qui font exactement la même chose que celle de votre client: Offrez une version gratuite et limitée.
- MAMP offre téléchargement gratuit et achat pro au même poids exact
- FontExplorer cache les deux, télécharger et acheter, loin dans les profondeurs du site
- Balsamiq ne promeut pas non plus l'une ou l'autre option, mais ils ont l'avantage spécial d'offrir un lancement de démonstration en direct, qui - dans ce cas - est similaire à une version gratuite
- Things fait référence à l'AppStore et propose un téléchargement gratuit à peu près à la même priorité
- OmniFocus va avec un bouton de téléchargement légèrement plus puissant, mais les deux - télécharger et acheter - sont étonnamment petits dans l'en-tête. Plus bas, le bouton de téléchargement est clairement plus important que le bouton AppStore.
Maintenant, nous ne savons pas combien, le cas échéant, de ceux-ci ont été testés par rapport à d'autres options. Mon sentiment personnel - encore une fois, méfiez-vous - est que si quelqu'un veut acheter le produit, il investira les 3 secondes pour rechercher une option d'achat. Une des solutions les plus élégantes pour cela est, à mon avis, la manière Apple le fait, par exemple ici: Page iMac avec option d'achat . Le bouton d'achat est très facile à trouver, mais n'essaye pas d'attirer l'attention sur le contenu.
La question est donc: que veut l'utilisateur? En supposant que ce que j'ai appris au cours de mes propres projets, les réponses seront très probablement dans ce sens:
- L'utilisateur veut savoir que la version d'essai est gratuite
- L'utilisateur veut savoir quelles sont les limitations avant de le télécharger
- L'utilisateur veut savoir ce que coûtera la version complète
- L'utilisateur veut être assuré qu'il peut utiliser l'application à un degré approprié pour se forger une opinion
Pour faire court, mon sentiment est qu'une solution comme celle-ci fonctionnerait très bien pour vous:
Si c'était mon projet, j'utiliserais une version comme celle-ci et une version comme la vôtre pour certains tests utilisateurs qualitatifs, puis j'exécuterais des tests A/B dans la version live. Comme cela a déjà été dit, il est inévitable de faire ces tests sur le système en direct, car ce n'est qu'alors que vous obtiendrez des données pertinentes pour votre scénario spécifique.
En outre, l'objectif du site, dans votre cas, doit être précisé. Cela peut être déroutant si les téléchargements augmentent et, donc, les achats directs-conversions diminuent en relation, alors qu'en réalité - grâce aux conversions via la version d'essai - les nombres absolus de conversions augmentent.
À mon humble avis, le "Free - Buy" semble plus naturel.
Je pense que c'est parce que je m'attends à ce qu'un tel "tableau" soit lu de gauche à droite, avec plus de fonctionnalités lorsque vous vous déplacez de gauche à droite, et donc des offres plus "chères".
Je suggère de les essayer avec un test A/B et de voir ce qui se convertit mieux. Parce que la réponse, dans une certaine mesure, dépendra de votre marché et du fonctionnement de la vente incitative dans votre application.
(Par exemple, si votre communauté d'utilisateurs se recommande régulièrement des solutions, vous pouvez gagner plus d'argent en vous concentrant sur la croissance du marché libre que vous ne le feriez en vous concentrant sur les ventes immédiates).
En outre, la configuration des tests A/B pour cela signifie que vous serez familiarisé avec le concept et pourrez démarrer la copie de test A/B, etc. dans d'autres domaines pour voir ce que vous pouvez améliorer.
D'après mon expérience, vous pouvez jamais concevoir les meilleures pages de conversion possibles pour les ventes dès la première tentative. Vous devez essayer des trucs et Tweak. Le faire de manière structurée avec des tests A/B est la voie à suivre.