web-dev-qa-db-fra.com

option de sélection multiple dans l'application iOS - comment concevoir le bouton de sélection multiple

Je travaille actuellement sur une application qui offre une sélection multiple (voir l'image ci-jointe). Maintenant, je me demande comment concevoir le "cercle" de sélection multiple dans la barre d'outils.

  • Ne doit-il pas être marqué alors que l'utilisateur ne l'a pas appuyé et marqué après que l'utilisateur l'a appuyé? Ce serait similaire au comportement des cases à cocher sur un ordinateur (comme sur l'image de gauche et du milieu).
  • Doit-il se comporter comme un bouton de pause/lecture qui montre le bouton de pause pendant la lecture et le bouton de lecture pendant la pause? Signification: icône de vérification dans la barre d'outils indiquant qu'il vérifiera tous les éléments lorsque vous appuyez dessus; et afficher non coché lorsque tous les éléments sont cochés, indiquant que tous les éléments seront décochés lorsque vous appuyez sur.

  • Qu'en est-il d'avoir utilisé le bouton "Tout cocher" dans la barre d'outils et de désélectionner à nouveau un (ou plusieurs) fichier manuellement? Cela devrait-il affecter l'apparence visuelle du bouton de sélection multiple dans la barre d'outils?

How to design feedback for multi selection on iOS

1
doris

L'utilisation des boutons de lecture et de pause est liée aux fichiers audio et vidéo (c'est-à-dire les éléments ayant une extension de temps) dans l'esprit des utilisateurs.

Compte tenu de la nature de vos articles, vous devriez plutôt utiliser une représentation de type case à cocher. Votre première option semble très appropriée et Nice avec les cases rondes. Je profiterai des habitudes des utilisateurs d'iOS car elles s'appuient sur la conception d'Apple (par exemple, la sélection de plusieurs e-mails pour les déplacer ou les supprimer).

En ce qui concerne le bouton "sélectionner tout", vous avez deux options, que vous souhaitiez donner au bouton un impact contextuel et une apparence ou non:

  • dans le sens de Gmail: le bouton commence à vide et se transforme en une coche lorsque l'utilisateur clique pour la première fois, change en signe moins car certains éléments sont désélectionnés et, lorsqu'il n'est pas vide, change son comportement en " tout supprimer "(et le cycle recommence). enter image description here

  • en gardant la coche: en commençant par une case cochée et en la conservant de toute façon: le comportement du bouton sera alors le suivant: tout sélectionner si aucun est sélectionné, sélectionnant tout si certains sont sélectionnés et d'autres non , désélectionnant tout si tous sont sélectionnés.

1
Pierre