Vous préférez les boutons aux liens texte lors de la conception pour mobile?
Lors de la conception pour mobile, faut-il préférer les boutons aux liens texte dans la mesure du possible?
Je suppose que les boutons encouragent mieux le tapotement, alors que les liens texte sont de plus en plus associés au contenu statique?
D'après loi de Fitt , un bouton vaut mieux qu'un lien texte, car un bouton est plus gros qu'un lien, donc un utilisateur utilise un court laps de temps pour le cliquer. De plus, il est difficile de sélectionner une petite zone sur un écran tactile, car le bout d'un doigt utilise une zone large, de sorte que le système peut identifier la zone qu'un utilisateur souhaite toucher.
D'après ma réponse, j'ai supposé qu'un bouton est plus gros qu'un lien texte. Cependant, si un lien texte est aussi gros qu'un bouton, un lien texte et un bouton sont similaires. Merci Mohit d'avoir signalé mon erreur.
Je n'ai aucune formation théorique à ce sujet, mais d'après l'expérience de la conception d'applications mobiles des 3 à 4 dernières années, je peux dire que
- Pour un formulaire
J'utiliserais un bouton aligné "au centre" pour indiquer à l'utilisateur l'action principale de la page. La couleur d'arrière-plan du bouton doit avoir un contraste par rapport au reste de la palette de couleurs de la page.
- Pour un élément de liste
Je mettrais une image d'icône de chevron à l'extrémité droite de l'élément de liste pour indiquer qu'il y a une action à ce sujet.
- Pour l'élément d'onglet
Si le nombre d'éléments d'onglet est de 2-3, j'utiliserais le bouton de texte. Sinon, j'irais avec un bouton basé sur une icône
- Pour le lien texte en ligne (comme les liens wikipedia)
La couleur du texte sera bleue (pour indiquer le lien), avec un soulignement.
La différence entre les liens et les boutons s'estompe depuis un certain temps maintenant, de nombreux éléments de navigation sont des liens techniques mais ressemblent plus à des boutons.
Sur un écran tactile, les boutons (ou liens de type bouton) sont plus faciles à appuyer que les liens, et cela nous incite à faire en sorte que les cliquables couramment utilisés soient des boutons ou des boutons.
Pas seulement les boutons, les boutons ayant une zone de frappe appropriée doivent être conçus pour les mobiles en raison de l'aspect tactile impliqué. Consignes d'interface utilisateur défini pour toutes les principales plates-formes mobiles sont toujours utiles à cet effet.
En venant au cœur de la question , le texte peut très bien être utilisé comme "boutons" à condition qu'il soit
- bien lisible,
- différencié des autres boutons de texte,
- a une zone de frappe tactile appropriée et
- ne bouche pas l'interface avec tous les boutons de texte et ne le gâche pas.
Utilisation éclairée de différentes couleurs est fortement recommandé pour l'aspect différenciation de l'interface. L'utilisation de trop de tailles de police différentes est très méprisée car cela ruine l'aspect convivial.
Étant donné que Windows Phone est un brillant exemple de typographie bien informée et conçue, vous voudrez peut-être lire ses Consignes de conception de l'expérience utilisateur ici:
http://msdn.Microsoft.com/en-us/library/windowsphone/design/hh202915 (v = vs.92) .aspx