Focus sur quelques bonnes pratiques pour une expérience de paiement réussie.
Dans la mesure du possible, il faut éviter d’ouvrir le module de paiement dans une nouvelle fenêtre. La bonne pratique consiste à conserver l’environnement du site et à respecter votre charte pour éviter les ruptures dans le parcours d’achat.
Privilégiez une page de paiement « aérée » pour favoriser un confort de lecture maximum et utilisez les espaces blancs avec un focus sur le paiement, sans fioriture pouvant perturber l’utilisateur
L’utilisateur a besoin d’être guidé en optimisant les affordances. Il s’agit de lui suggérer les actions à mener pour lui éviter des « efforts » cognitifs.
L’affordance est un terme inventé par Donald Norman qu’on peut résumer comme « L’appel d’une chose à l’utiliser ». Vous pouvez retrouver notre article dédié pour en savoir plus
Un formulaire de paiement unique en lecture verticale sera plus facilement appréhendé par l’utilisateur en particulier sur les interfaces mobiles.
Les labels doivent idéalement être placés au-dessus des champs ou à l’intérieur à la condition de rester visibles au clic ou au tap.
Toujours dans l’idée de réduire l’effort cognitif des utilisateurs, il convient de rassembler les boutons dans la même zone car c’est un repère important et de soigner leur hiérarchie en jouant sur leur taille et leur couleur.
Pour rappel, le vert est la couleur de l’espérance, de la chance et de la stabilité. On l’associé à l’action positive de validation. A l’inverse le rouge est associé à l’interdiction, le danger, l’erreur.
A l’instar de tous les formulaires, mais cela est encore plus vrai pour le paiement, privilégiez la gestion des message d’erreur en temps réel et ne pas attendre une validation complète du formulaire.
