7 conseils pour concevoir une meilleure page de paiement
La saison des fêtes approche à grands pas, bon nombre d'entre nous feront des achats en ligne. (OK… peut-être beaucoup de shopping!) La page de paiement d'un site Web peut faire de cette expérience une expérience inoubliable, ou que vous souhaiteriez oublier.
Si vous concevez une page de paiement, il y a tellement de considérations - fonctionnalité, convivialité, sécurité et conception. Le dernier élément est quelque chose sur lequel chaque designer peut avoir un impact. Une page de paiement ne doit pas être conçue après coup; c'est sans doute la page la plus importante de l'expérience d'achat en ligne.
Rendez-le visuel
Cela peut sembler une idée évidente, mais la page de paiement d'une page de commerce électronique doit être visuelle. Trop de sites Web en font un formulaire de base.
Ceci est important pour plusieurs raisons. Une connexion visuelle entre les pages de paiement et le reste du site établit la crédibilité de la marque. Si la page de paiement ressemble au reste du site, elle se sent en sécurité et semble appartenir au site. Les visuels, des logos aux articles du panier, aident les utilisateurs à se rappeler pourquoi et où ils se trouvent sur le Web. (N'oubliez pas, une grande partie du monde est un groupe assez distrait d'utilisateurs d'Internet.)
Alors, quel type de visuels devez-vous utiliser?
- Images. Au minimum, chaque article doit être accompagné d'une icône qui montre ce que l'utilisateur achète.
- Logos. Le logo de l'entreprise doit toujours être clairement visible (et cliquable pour revenir au reste du site).
- Gros boutons. Faites des appels à l'action comme "Ajouter au panier", "Mettre à jour l'article" et "Acheter maintenant" grand, coloré et visuellement attrayant. Les boutons doivent être faciles à trouver et donner envie de cliquer dessus.
- Couleur. Trop de pages de paiement sont toutes blanches avec des encadrés. Il est correct d'utiliser la couleur. Conservez la palette de couleurs du reste du site Web sur la page de paiement.
- Typographie. Le texte doit être simple et facile à lire. (Les gens ont tendance à «faire confiance» aux polices serif simples ou sans serif plus qu'à une police de script ou de nouveauté.) Mais vous pouvez aussi vous amuser avec des éléments de texte plus grands.
Inclure les logos de paiement et les sceaux de sécurité
Incluez des visuels qui incitent les utilisateurs à faire du shopping avec vous. Bien que la plupart des gens comprennent qu'ils peuvent payer avec une carte de crédit en ligne, le fait d'avoir de petits logos à côté des boutons de paiement renforce cette idée.
C'est un indice visuel petit mais rassurant pour les utilisateurs. Cela peut aider à éliminer la confusion quant aux types de paiement acceptés.
N'oubliez pas d'inclure des logos pour tous les types de paiement. (Trop de sites se souviennent des logos des cartes de crédit mais oublient PayPal ou Apple Pay.) Gardez les images petites et regroupez-les de manière organisée. (Heureusement pour les concepteurs, la plupart de ces éléments s'affichent bien dans les petits formats et ont des proportions similaires.)
Envisagez de concevoir ou de télécharger un kit d'interface utilisateur spécialisé de logos à cet effet. Vous n'êtes pas limité aux logos de stock de la société. Ne soyez pas trop fou avec le design; l'objectif est que les utilisateurs reconnaissent les logos à très petite taille sur l'écran.
Envisagez d'agrandir les images
Les pages de paiement qui permettent aux utilisateurs de jeter un dernier coup d'œil aux articles du panier sont un excellent bonus. Les effets de survol qui agrandissent chaque article dans le panier ou une fenêtre contextuelle peuvent permettre aux utilisateurs de voir facilement les achats potentiels une dernière fois et éliminer la frustration d'avoir à revenir en arrière pour vérifier une couleur ou une taille.
Une autre option consiste à créer des images miniatures surdimensionnées pour les articles sur la page de paiement. Cette image supplémentaire peut aider un utilisateur à confirmer son choix d'achat et à se sentir encore mieux dans l'achat.
Trop de concepteurs négligent d'inclure des images, ce qui facilite l'abandon d'un panier. Pensez-y de cette façon, avoir une image à la caisse équivaut à se tenir en ligne dans un magasin physique avec un article à la main. Peu de gens changent d'avis à ce stade.
Utiliser des tableaux
Les informations contenues dans le panier doivent être organisées à la perfection. Le moyen le plus simple d'y parvenir est de concevoir le chariot sous la forme d'un tableau ou d'un format de grille similaire.
Utilisez des colonnes et des lignes pour afficher chaque article, une image, une description, une quantité, un prix et toute autre information pertinente. Les éléments doivent être triés verticalement dans des colonnes avec d'autres informations dans la ligne correspondante. Ce style de tri est essentiel pour les chariots contenant plusieurs éléments afin que les utilisateurs ne soient pas obligés de se déplacer sur les écrans au lieu de monter et descendre (ce qui est plus confortable).
Dans chaque table ou grille, utilisez un alignement cohérent. La gauche est la plus courante. Considérez également la façon dont les prix s'alignent afin qu'ils soient faciles à voir à l'écran. Idéalement, les prix devraient s'aligner de sorte que les chiffres avant et après une période soient dans les mêmes positions pour chaque article.
Pensez à la fonctionnalité
Bien qu'une grande partie de la fonctionnalité globale d'une conception de page de paiement ne soit pas la directive d'un concepteur, c'est quelque chose qui doit être pris en compte. (Que les concepteurs ou les développeurs créent ces concepts peut varier selon l'équipe.)
Les principaux problèmes de fonctionnalité qui nécessitent des éléments de conception sont les suivants:
- Capacité et facilité d'impression à partir de plusieurs écrans, y compris avant et après le paiement.
- Inclure la fonctionnalité de liste de souhaits ou une autre méthode pour enregistrer les articles pour un achat ultérieur. Rendez ces informations partageables.
- Trop de pages de paiement deviennent des trous sombres sans liens vers d'autres parties de l'expérience d'achat. Ne verrouillez pas les utilisateurs dans des pages dont ils ne peuvent pas sortir.
- Autorisez la modification des articles dans le panier.
- Envisagez une option ou une page de facturation imprimable. (Ceci est particulièrement important si vos clients incluent des clients commerciaux.)
- Permettez aux utilisateurs de comprendre facilement comment modifier, changer ou mettre à jour des commandes. De nombreuses pages de paiement incluent un compteur de quantité à côté de chaque article. Rendez ce numéro facile à modifier (et il devrait se mettre à jour automatiquement).
- Facilitez la création d'un compte après le paiement. Tous les clients n'ont pas déjà magasiné avec vous. Il devrait être rapide et facile de faire un achat puis de créer un compte. Couvrez la vente en premier.
Les icônes clés doivent apparaître sur chaque page
En pensant à la conception de la page de paiement, commence dès que le concept de site Web commence à inclure une option de commerce électronique. Certains éléments de conception doivent être présents sur l'ensemble du site Web.
Les icônes d'ajout au panier et de page de paiement doivent être présentes tout au long de la conception. Les boutons ou éléments de navigation doivent avoir le même design (ou tout à fait similaire) que les boutons d'action correspondants sur la page de paiement.
N'oubliez pas les utilisateurs mobiles
Un pourcentage croissant des ventes se fait sur des appareils mobiles plutôt que sur des ordinateurs de bureau. Pensez également à la conception de votre page de paiement et à la facilité d'utilisation pour ces clients. (Rien n'est plus frustrant - et trop courant - qu'un site Web qui fonctionne sur un téléphone jusqu'à la page de paiement.)
Concevez des éléments en appuyant et en glissant. Les boutons doivent être plus grands et plus faciles à voir. Le formulaire doit inclure des cases plus profondes afin qu'elles soient faciles à utiliser sans avoir à zoomer sur l'écran.
En ce qui concerne les utilisateurs mobiles, tout garder sur une seule page est tout aussi important. Créez une page de paiement qui défile plutôt que de parcourir plusieurs écrans.
Conclusion
La conception d'une page de paiement peut être une tâche importante pour tout concepteur. La clé est quelque chose dont nous parlons souvent dans la communauté du design: restez simple. Concevez un contour simple avec des effets minimes et un accent sur la convivialité et vous êtes plus susceptible de réussir.
N'oubliez pas l'utilisateur lorsque vous pensez aux pages de paiement. Efforcez-vous de concevoir une page qui a un attrait visuel, des logos pour guider et informer les utilisateurs, de nombreuses images, une mise en page organisée, une fonction, des icônes pour guider et promouvoir les ventes et une interface adaptée aux mobiles.
Photos courtoisie de Creative Market.
