web-dev-qa-db-fra.com

Lister la segmentation des données

L'interaction est la suivante: l'utilisateur essaie de trouver le nom d'un employé dans une très longue liste triée alphabétiquement. Il/elle sait seulement que le nom de l'employé commence par un "F". Comment concevoir la segmentation/pagination de la liste?

J'ai une proposition ci-dessous.

Sélectionnez la lettre de départ dans la liste déroulante qui contient 26 lettres. Select the starting letter from the drop-down list which contains 26 letters.

Sélectionnez une plage dans la liste déroulante

Select a range from the drop-down list

Utilisez le côté gauche pour accéder aux noms commençant par la lettre sélectionnée

Use the left hand side to jump to names starting with selected letter

Sélecteur similaire mais divisé par plages

Similar selector but divided by ranges

D'autres idées?

1
wcdomy

Je ne comprends pas vraiment pourquoi vous n'utilisez pas la saisie semi-automatique en option. Étant donné que votre liste d'employés est déjà triée par ordre alphabétique, tout ce que vous avez à faire est de récupérer les données de la lettre particulière lorsque l'utilisateur tape le premier alphabet

enter image description here

Cela fonctionnerait beaucoup mieux que d'utiliser une liste déroulante car tout ce que l'utilisateur a à faire est de taper la lettre pour récupérer les données plutôt que de faire défiler une liste déroulante pour obtenir la lettre qu'il veut ou plutôt la segmentation qu'il veut. De plus, il y a des problèmes de convivialité importants avec l'utilisation des listes déroulantes comme mentionné par ceci article dans le magazine fracassant

Plusieurs problèmes sont liés au défilement des listes déroulantes volumineuses. Si le curseur de votre souris se trouve en dehors de la liste déroulante, vous ferez très probablement défiler la page entière, en masquant les options de la liste déroulante à l'écran. Dans d'autres navigateurs, cependant, la liste déroulante défilera tant qu'elle sera focalisée, vous laissant probablement des données erronées.

4
Mervin

L'option de sélection "Slide" que vous avez montrée est une convention UX courante dans IOS. Dans IO la barre est à gauche, et se trouve au-dessus de la liste sur l'indice z. Je pense que c'est une approche solide.

J'ai tendance à éviter les sélecteurs de liste déroulante à tout prix, en particulier les contrôles de formulaire standard, pas pour une bonne raison autre que je les trouve esthétiquement datés, et l'interaction n'est pas inspirante de toute façon.

L'objectif doit toujours être de minimiser le nombre d'interactions possibles (clics et sélections) et d'objets sur la page tout en rendant tout dans la fenêtre utilisable.

Sans connaître l'utilisation prévue (appareils, utilisateur, etc.), je ne peux pas vraiment suggérer d'autres options.

0
augurone