web-dev-qa-db-fra.com

Meilleures façons de remplacer la sélection combobox (aka single select) pour les interfaces tactiles.

La combobox présente deux avantages: a) s'adapte à l'immobilier limité et b) signale une sélection unique à l'utilisateur.

Quelles sont les meilleures alternatives pour les écrans tactiles qui minimisent les interactions? Combobox nécessite plusieurs clics et c'est plus fastidieux pour le toucher (imo).

8
Ryan Cromwell

Sur les appareils iOS, le contrôle "déroulant" est rendu comme un contrôle à grande cible qui occupe la moitié de l'écran et permet à l'utilisateur de parcourir facilement la liste. Quel que soit l'élément au milieu du réticule est sélectionné. De cette façon, il vous suffit de toucher pour activer la commande, de glisser pour sélectionner et de toucher à nouveau pour confirmer. Ces touches ne sont pas superflues car elles servent toutes un objectif clair.

Combo box on iPhone

Les zones de liste déroulante, où vous pouvez également taper pour sélectionner un élément, semblent inutiles sur les plates-formes tactiles avec des commandes comme celles ci-dessus, car il est beaucoup plus facile de parcourir une longue liste (en particulier avec la sélection d'index de style d'annuaire téléphonique comme iOS). pour faire défiler un menu déroulant sur les plateformes kb/souris.

7
Rahul

Rahal a présenté et expliqué la solution la plus courante et la plus utile à ce problème.

Dans des cas particuliers, lorsque la liste des valeurs dans la zone de liste est très longue, je considérerais une approche différente:

Afficher la valeur sélectionnée (ou "choisir ...") dans un champ régulier avec une carotte (">") à l'extrême droite.
En appuyant sur le champ, vous accédez à un nouvel écran contenant la longue liste de valeurs. À ce stade, vous pouvez utiliser deux techniques:

  • La sélection d'une valeur revient automatiquement à l'écran précédent.
  • La sélection de n'importe quelle valeur la marque avec un "v", mais laisse l'utilisateur sur le même écran. Si l'utilisateur essaie d'appuyer sur une autre valeur, le "v" passe à la nouvelle valeur, ce qui implique qu'il n'y a pas de multi-sélection.

Avantages (en supposant que c'est une longue liste):

  • L'utilisateur voit immédiatement plus de valeurs
  • Il est plus facile de faire défiler que le rouleau qui n'a que la moitié de l'écran (et vous pouvez toucher le haut de l'écran pour remonter)
  • Vous pouvez ajouter un contrôle de navigation, tel que la navigation alphabétique de la liste des contacts natifs de l'iPhone, pour aider à "sauter" aux points d'intérêt.
  • Dans les cas extrêmes, vous pouvez également ajouter un champ "recherche".
2
Dan Barak