Dois-je utiliser plusieurs listes déroulantes synchronisées dans une grande interface utilisateur
User Story:
- L'utilisateur peut créer une classe scolaire 7a
- L'utilisateur peut créer un élève pour une classe 7a
- L'utilisateur peut modifier les élèves affichés pour la classe actuelle 7a sélectionnée
Question :
Dois-je changer les 3 classes-dropdowns d'école quand l'une d'elles est changée et synchroniser la classe d'école actuellement sélectionnée? Ou chaque liste déroulante de classes devrait-elle agir indépendamment les unes des autres?
Quels sont les avantages et les inconvénients de chaque décision pour vous?
Pour aller encore plus loin dans la question. Dois-je éviter ces 3 listes déroulantes et n'avoir qu'une seule liste déroulante de classe scolaire. Mais alors je devrais changer la disposition entière ...
L'interface utilisateur de l'application est destinée à un navigateur de bureau, mais devrait également bien fonctionner pour un navigateur de tablette de 10 pouces minimum.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
[~ # ~] mise à jour [~ # ~]
Un menu déroulant de classe est un menu déroulant rempli de classes comme 7a ou 3b.
Si j'ai bien lu votre question, vous êtes préoccupé par la synchronisation des cases de sélection de classe qui apparaissent dans les modules de création de classe et d'élève et le filtre d'affichage. À mon humble avis, votre question découle d'un problème plus vaste.
Vous avez choisi d'exposer les propriétés de plusieurs actions simultanément sur la page. Avant d'essayer des solutions au problème spécifique, demandez-vous:
Les utilisateurs ont-ils vraiment besoin de voir tous ces choix tout le temps?
Si cette réponse à cette question est oui
En surface, il semble que la valeur de classe dans les actions de création devrait être synchronisée avec la vue. Cela maintient l'enseignant dans le contexte sur lequel il travaille: "Je regarde 7a et j'ai besoin de créer des choses pour 7a." S'ils choisissent de sortir de ce contexte pendant un moment , ils peuvent modifier une valeur individuelle.
Une fois qu'une valeur de classe a été modifiée pour la création, vous devez vous fier aux commentaires des utilisateurs et aux tests pour savoir si la valeur modifiée doit rester non synchronisée pour plusieurs ajouts ou revenir à la valeur de la vue actuelle. Il est difficile d'imaginer que la création pour une autre classe devrait également changer la vue, mais vos utilisateurs peuvent vous dire le contraire.
Si la réponse à cette question est non
Sans connaître vos utilisateurs, il semble y avoir beaucoup de possibilités de réduction. Vous ne voulez pas ralentir les utilisateurs, mais ils pourraient trouver une vue plus ciblée plus facile à apprendre et à maîtriser.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Dans cette révision, lorsqu'une action est effectuée (par exemple, ajouter un étudiant), les propriétés pertinentes apparaissent dans un modal. Lorsqu'une ligne est sélectionnée, les actions sont remplies dans une superposition au bas du tableau (ou fixées au bas des lignes actuellement visibles, si votre tableau peut s'étendre sous la fenêtre).
L'interface utilisateur simplifiée que j'ai décrite pourrait bien fonctionner pour tous les utilisateurs, mais les utilisateurs avancés sont souvent au cœur des applications de "back-office". Pour ces utilisateurs très engagés, il est important de sauvegarder les actions avec des séquences de touches afin qu'ils puissent se déplacer sans effort dans un flux de travail donné.
- Je ne sais pas ce qu'est une "liste déroulante de classe". Pourriez-vous l'afficher ou ajouter une flèche pointant dessus?
(Vous mentionnez que vous en avez "trois". Veuillez les afficher tous les trois! :))
- "Dois-je changer les 3 classes déroulantes des classes quand l'une d'elles est modifiée et synchroniser la classe actuelle sélectionnée?" Oui, bien sûr - pourquoi pas? Mettez toujours à jour tout, de manière réactive et instantanée, lorsque quelque chose change. Même si quelque chose est "ouvert" lorsqu'une autre opération se produit (peut-être signalée depuis le cloud, par exemple par PubNub ou autre), changez-la en temps réel.