web-dev-qa-db-fra.com

29 case à cocher sur l'écran d'une application mobile

J'ai un étrange défi de montrer 29 options de sélection multiples dans le cadre d'une question à laquelle l'utilisateur doit répondre dans une application Web mobile pour Android et iPhone.

Quelqu'un a-t-il eu un problème similaire et une solution à cela?

La solution à laquelle je pense actuellement est de le diviser en (3) écran de type carousal sur lequel l'utilisateur peut glisser et sélectionner les options appropriées.

4
Asim

29 options sont trop nombreuses pour être supervisées, rappelées et choisies pour un utilisateur - en particulier dans les paramètres mobiles.

Une solution pourrait être de diviser les 29 en plusieurs groupes logiques. Soit un groupe de réponses (et divisez la question en 3 étapes, par exemple), soit des questions (c'est-à-dire 3 questions au lieu d'une pour toutes).

Les cases à cocher sont mieux à découvrir que les caroussels, où vous ne voyez qu'une partie de toutes les options - les 2 dernières et les 2 prochaines. J'irais donc pour les cases à cocher.

4
FrankL

Le problème de la division des options en trois écrans est - vous l'avez déjà souligné - que les options ne sont pas connectées les unes aux autres.

Selon la nature du problème, vous pouvez toujours créer une navigation pas à pas de type assistant . Puisque vous utilisez des cases à cocher (vraies ou fausses), vous pouvez convertir vos réponses actuelles en Questions avec des boutons "Oui" et "Non" pour la réponse.

De plus, je voudrais souligner que vous devez être absolument sûr que c'est vraiment nécessaire pour l'utilisateur de répondre à toutes les questions/voir tous les options

4
Lovis

L'utilisateur doit voir toutes les options pour pouvoir choisir celles qui sont appropriées, non? Je suppose que ce qui suit est Je ne connais pas le contenu :

(1) L'imbrication ou le regroupement ne facilitera rien pour l'utilisateur.
(2) L'imbrication ou le regroupement peut être dangereux et vous donner des réponses partiales.
(3) Les options sont uniquement textuelles et courtes.

Lorsqu'il y a un ensemble de valeurs que vous ne pouvez pas afficher explicitement à l'écran car elles sont trop nombreuses, vous pouvez créer une fenêtre modale entièrement dédiée pour voir et choisir une ou plusieurs options . Il est recommandé lorsqu'il existe un grand ensemble comme le vôtre.

La navigation, qui consiste à parcourir un ensemble de questions, sera momentanément interrompue pour que l'utilisateur puisse répondre à cette question complexe spécifique puis il reviendra au flux par défaut. Un modal est conçu pour cela. Cela correspond vraiment à votre cas.

Enfin, cette solution fonctionne également Nice avec le concept d'une application web .
L'interface peut ressembler à ceci:

Modal window for a large set of options

Après avoir fermé la fenêtre modale, pensez à donner à l'utilisateur un teaser qui indique que la question a été répondue.

1
pcattai