Il est absolument nécessaire damp;rsquoajouter un bouton sur le site. Non seulement ils aident les utilisateurs à interagir avec votre site, mais ils les encouragent également à consacrer plus de temps. Dans certains cas, les boutons ne semblent pas jouer un rôle important, mais trouver un bon endroit pour eux peut en fait augmenter les ventes et rendre lamp;rsquoexpérience utilisateur plus agréable. Lisez plus sur ce sujet dans cet article créé par l’équipe d’amelia (le plugin Best booking pour WordPress). Principes fondamentaux de la conception des boutons Comme pour la plupart des travaux de conception, de nombreuses règles doivent être respectées, quel que soit le type de bouton à créer. Tous les boutons personnalisés doivent suivre ces règles de base et les boutons que créez doivent avoir un style basé sur leur utilisation sur la page.
Plus important encore, ces boutons doivent attirer lamp;rsquoattention de lamp;rsquoutilisateur sur eux. Par conséquent, le bouton est souvent accompagné damp;rsquoune déclaration damp;rsquoappel à lamp;rsquoaction qui encourage lamp;rsquoutilisateur à cliquer dessus. Mais ne pouvez pas compter uniquement sur le CTA pour attirer les utilisateurs, et les règles de conception traditionnelles ne distinguent pas vos boutons, donc devez être créatif. Il samp;rsquoagit damp;rsquoun court guide qui aidera à comprendre les boutons et à énumérer six règles différentes qui assureront le succès de vos boutons. Types de boutons il existe plusieurs types de boutons parce quamp;rsquoils peuvent être utilisés à différentes fins. Ils peuvent être placés namp;rsquoimporte où dans lamp;rsquointerface du site, et pour de meilleurs résultats, devez choisir le type de bouton le plus approprié pour votre site. Pour créer votre propre bouton, sélectionnez lamp;rsquoun des types suivants:
Texte Camp;rsquoest probablement le type de bouton le plus courant. Ils ressemblent à des blocs de texte accentués simples. Dans la conception des boutons, les boutons texte ne sont pas très efficaces parce quamp;rsquoils namp;rsquoont pas assez damp;rsquoaccent
Cependant, pouvez les utiliser lorsque camp;rsquoest exactement ce que voulez faire. Un fantôme. Les boutons GHOSTING, également appelés boutons de contour, sont un peu difficiles à concevoir. Ils sont généralement utilisés pour des opérations moins importantes, mais pour des boutons texte pour les opérations principales. Le processus de conception des boutons de type Ghost est un peu plus compliqué que le type de bouton texte.
Amélioration Les boutons surélevés sont également connus sous le nom de boutons include, que pouvez identifier par une forme rectangulaire avec un effet 3D. Lamp;rsquoeffet 3D est réalisé en utilisant des ombres extérieures ci dessous. Cela lui donne lamp;rsquoair damp;rsquoun vrai bouton, donc il est plus intuitif damp;rsquoappuyer dessus. Activer désactiver Le type de bouton on off est utilisé par lamp;rsquoutilisateur pour grouper plusieurs actions en un seul bouton ou pour afficher une série de paramètres. Dans le premier cas, lamp;rsquoutilisateur clique sur un bouton et ne sélectionne quamp;rsquoune seule option à la fois. Vous ne pouvez pas ajouter une deuxième option chaque fois que sélectionnez une option. cliquez sur une autre option, la première option est automatiquement désélectionnée.
Dans ce dernier cas, le bouton on off permet damp;rsquoactiver ou damp;rsquoéteindre différents paramètres. Flottant Les boutons damp;rsquoopération mobiles sont souvent appelés fabs. Ils sont utilisés pour des opérations courantes sur les interfaces. Ils sont généralement placés en position très visible, au dessus du contenu. Dans la plupart des cas, ils sont ronds, mais ce namp;rsquoest pas obligatoire. Lors de la conception damp;rsquoun bouton, il est essentiel de choisir le bon type car il déterminera la facilité damp;rsquoutilisation de lamp;rsquointerface sur le téléphone, le PC, la tablette, etc. Par exemple, pour les utilisateurs mobiles, lamp;rsquoutilisation de boutons texte est moins intuitive que lamp;rsquoutilisation de boutons surélevés, mais elle est également possible sur un PC.
Il y a beaucoup de boutons de chaque type, donc samp;rsquoil plaît prendre le temps de faire le bon choix.
Couleur et contraste La psychologie des couleurs joue un rôle important dans la conception des boutons. Chaque couleur peut affecter une personne damp;rsquoune manière ou damp;rsquoune autre. Vous devez différencier les boutons de votre site en fonction de leur utilisation. Vous devriez garder à lamp;rsquoesprit les principes de la psychologie des couleurs et de lamp;rsquoesthétique. Nous recommandons de le modéliser de la façon suivante: opérations principales: couleurs solides, opérations secondaires à contraste élevé: couleurs transparentes, opérations de contour complet de niveau 3 texte souligné chaque couleur a son propre effet. Regardez les logos des plus grandes marques autour de et verrez ce quamp;rsquoils font. Le rouge est souvent associé à la passion, à la faim ou à la vitalité. Le jaune ou une autre couleur muette est idéal pour les boutons utilisés pour afficher les pages damp;rsquoinformation. Le vert ou le bleu samp;rsquoapplique aux boutons qui indiquent une action positive, comme un don.
x règles damp;rsquoor 1. Préserver la tradition Ne soyez pas fou de la forme. Les boutons doivent toujours ressembler à des boutons. non, les visiteurs de votre site peuvent être confus et éviter damp;rsquoutiliser des objets de forme étrange que y placez. Essayez de maintenir la tradition lors de la modélisation. Les principes de base doivent être pris en considération lors de la conception des boutons poussoirs. Par exemple, si votre site contient des éléments carrés, utilisez les boutons pour sélectionner le même modèle. votre site Web est plus rond, arrondissez les bords du rectangle du bouton ou utilisez le bouton circulaire.
Quelle que soit la forme que choisissez, assurez quamp;rsquoelle est attrayante et quamp;rsquoelle attire lamp;rsquoattention de lamp;rsquoutilisateur. Une fois que avez sélectionné une forme, gardez la dans toute lamp;rsquointerface, sinon namp;rsquoobtiendrez pas damp;rsquoeffet esthétique. De plus, lamp;rsquoutilisateur se familiarisera avec la forme du bouton et le scannera lors de lamp;rsquoutilisation de lamp;rsquointerface. 2. Rendre visible ne le faites pas, il namp;rsquoy a aucun sens à créer un bouton
Une seule page. Cela namp;rsquooblige pas lamp;rsquoutilisateur à les cliquer. Au lieu de cela, ils peuvent démarrer lamp;rsquoutilisateur instantanément parce que lamp;rsquointerface est trop encombrée. Un bouton par page est lamp;rsquoobjectif que devriez atteindre. Peut être deux, si camp;rsquoest absolument nécessaire. 6. Ajouter des commentaires Lorsque cliquez sur un bouton, faites quelque chose pour informer lamp;rsquoutilisateur que lamp;rsquoaction a été annotée. non, ils peuvent trop cliquer sur le bouton et lamp;rsquoapplication ou le site Web peut samp;rsquoécraser. Lamp;rsquoexpérience interactive doit être aussi bonne que lamp;rsquoapparence des boutons. Lorsque cliquez sur un bouton, pouvez le faire changer de couleur ou faire un son. La dernière considération pour la conception de ces boutons est damp;rsquoespérer que les conseils de cet article seront utiles. La conception des boutons namp;rsquoest pas aussi simple que les gens le pensent. Camp;rsquoest une bonne idée de prendre le temps de lire le CTA et son impact sur les utilisateurs. Vous serez surpris de lamp;rsquoimpact quamp;rsquoun tel petit projet pourrait avoir à long terme. Lorsque mettez les boutons ensemble, rappelez ces deux mots: identification et clarté. Ce sont les qualités que tous les boutons damp;rsquointerface doivent posséder. lire cet article sur la conception de boutons, devriez lire cet article sur les sites malveillants. Nous avons également écrit sur des sujets connexes tels que la conception de pages Web modernes, la mise en page, la conception visuelle, les meilleures pages 404 de tous les temps, les tendances de la conception de pages Web, les fonds sombres, la mise en page de sites Web et lamp;rsquoanimation de chargement.
Conception des boutons: suivre six règles
