Il semble superflu de créer des lignes directrices pour la conception des boutons. Après tout, savez déjà à quoi ressemblent les boutons du site, nrsquoest ce pas? Avez vraiment besoin drsquoaide pour les créer? Comme les boutons, Nrsquooubliez pas qursquoils sont au cœur de la conception du Web et qursquoils ont des fonctions importantes: les boutons constituent souvent une invitation à lrsquoaction principale les boutons drsquoachat influencent grandement les revenus les boutons drsquoabonnement aident à établir des listes les boutons de formulaire de soumission sont importants pour le développement de plomb les boutons sociaux aident à partager Par conséquent, dans nous fournirons un ensemble de lignes directrices et de pratiques exemplaires pour la conception de boutons poussoirs. Le but est de aider à créer des boutons qui convertissent et rapprochent des objectifs du site.
Juste un petit Avertissement: Bien que les meilleures pratiques ci dessous aideront à créer de meilleurs boutons, pour vraiment comprendre ce qui augmentera votre taux de conversion, devriez utiliser A B pour séparer les tests. Vous ne pouvez découvrir quels boutons amélioreront votre site que si essayez plusieurs alternatives. Guide de conception de boutons pour aider à créer de meilleurs boutons les guides suivants aideront à créer des boutons qui attirent lrsquoattention des clics et des utilisateurs. 1. Assurez que les boutons correspondent bien à votre site Web et à votre marque. Les boutons doivent être surlignés (pour que les utilisateurs puissent cliquer), mais de manière positive.
Par conséquent, tout en suivant les critères de conception des boutons, assurez que les résultats correspondent bien au contexte dans lequel ils apparaissent. Examinez votre marque et votre design existants et vérifiez que les boutons sont compatibles avec la palette et le style de votre site. En attendant, nrsquohésitez pas à essayer. Les couleurs audacieuses peuvent être exactement
Décrivez et soyez précis, utilisez des verbes pour décrire les actions qursquoil va effectuer (comme lrsquoachat) et utilisez des mots comme « maintenant » pour créer un sentiment drsquourgence. Cela est particulièrement important pour les appels à lrsquoaction, qui sont généralement au cœur de toute page Web. 4. La taille et lrsquoespacement corrects des boutons poussoirs sont particulièrement importants pour la conception mobile. Lrsquoutilisation drsquoun site Web avec vos doigts nrsquoest pas aussi précise que lrsquoutilisation drsquoune souris parce que le
Il est important ici de créer des boutons pour a) Utiliser EB) Empêcher les utilisateurs de toucher accidentellement les mauvaises choses. En ce qui concerne les dimensions, lrsquoextrémité moyenne des doigts humains est de 16 à 20 mm. Crsquoest environ 45 57 pixels. Pour srsquoadapter à cette situation, Apple recommande une taille de bouton drsquoau moins 44 x 44 pixels (pour les écrans rétiniens). Le lien fait également état des recommandations drsquoautres fabricants, dont la plupart sont drsquoenviron 10 mm. Il ne semble pas y avoir de règles de distance spécifiques. Assurez simplement que les boutons sont disposés de manière à ne pas être susceptibles drsquoêtre mal tapés. Fournir suffisamment drsquoespace peut également aider à réserver des boutons plus importants, comme les exigences drsquoaction.
5. Une fois le bouton conçu, lrsquoutilisateur peut le reconnaître clairement et le travail ne srsquoarrêtera pas. La question suivante est: que se passe t il lorsqursquoils utilisent des boutons? De toute évidence, ces éléments de conception ont plus drsquoun état: normal pouvez clairement voir qursquoil srsquoagit drsquoun bouton qui invite à se concentrer sur lrsquointeraction: il produit habituellement des effets lorsque la souris passe au dessus, confirmant que pouvez interagir avec lrsquoélément pressé: récompenser lrsquoaction de lrsquoutilisateur, Confirmer ce qui se passe dans une situation occupée: lrsquoactivité affichée en arrière plan est désactivée: indique que drsquoautres actions peuvent être effectuées, mais pas actuellement Source: tutsplus
Chérir de beaux boutons, la question est: comment les trouver sur votre site? Heureusement, la nouvelle édition de Gutenberg lrsquoa rendu très simple. Créer un élément de bloc pouvez créer un bouton à Gutenberg comme les autres éléments de bloc. Il suffit de cliquer sur le symbole le plus à gauche. Lorsque ouvrez un menu, faites défiler vers le bas vers lrsquoélément de mise en page pour trouver le bouton. Cliquez pour lrsquoajouter à votre page. Lorsque le texte de configuration et la cible du bouton sont cliqués, WordPress ouvre ce menu. Vous avez les options suivantes: changer de direction: aligner le bouton sur le côté gauche, le milieu ou le côté droit de la page en utilisant le symbole en haut modifier le texte du bouton: il suffit de cliquer sur le bouton pour changer le texte au texte désiré, pouvez également définir le texte en gras, en italique ou en soulignement pour entrer la cible: où lrsquoURL de pâte est affichée ou tapez, Vous pouvez déterminer où le bouton amènera les visiteurs à cliquer sur 3. Une fois que lrsquoavez fait, il est temps drsquoavoir un look. Pour ce faire, pouvez trouver lrsquooption de changer la couleur du bouton et du texte en quelques clics à droite. Sélectionnez une option disponible ou utilisez le sélecteur de couleurs pour générer une nouvelle rampe. Vous pouvez également saisir le code hexadécimal pour lrsquoombrage spécifique que voulez. Lrsquoéditeur avertit également si sélectionnez un schéma de couleurs difficile à lire. De plus, dans Advanced, avez la possibilité drsquoajouter des classes CSS personnalisées aux boutons. De cette façon, pouvez créer des conceptions personnalisées avec quelques balises CSS, y compris des effets de curseur de souris, et plus encore. C’est la façon la plus simple d’ajouter des boutons dans WordPress. Guide de conception de boutons en bref, les boutons peuvent laisser de lrsquoespace dans la conception web parce que beaucoup de gens pensent qursquoils sont communs. Toutefois, leur rôle ne doit pas être sous estimé. Moi, pulsa.
Ils influencent tout, de la conversion et de la vente à lrsquoinscription par courriel. Ci dessus, nous avons fourni des conseils pour la conception de boutons que pouvez utiliser pour rendre vos boutons plus efficaces. Examinons rapidement: Assurez que vos boutons srsquoadaptent bien au reste du site afin qursquoils puissent être clairement identifiés ajouter des étiquettes claires et visibles aux boutons ajouter une taille et un espacement suffisants pour fournir une rétroaction visuelle à lrsquoutilisateur placer des boutons visibles sur la page créer un contraste suffisant avec le reste de la page Ces lignes directrices aideront à créer de meilleurs boutons pour les sites WordPress. De plus, connaissez maintenant un moyen simple drsquoinclure des boutons dans une page. Cependant, nrsquooubliez pas: la théorie ne remplace pas les tests. Une fois le bouton créé, assurez de tester différentes alternatives pour trouver la solution la plus efficace. Avez drsquoautres guides de conception de boutons que aimeriez partager avec ? Veuillez nous en informer dans la section commentaires ci dessous.
Un guide de conception de boutons de 7 mots que vous devez connaître
