web-dev-qa-db-fra.com

Est-il possible de créer une expérience différente pour les utilisateurs internes et finaux qui consultent les mêmes informations?

J'ai besoin de conseils. Je travaille sur une application Web avec deux groupes d'utilisateurs distincts. L'application dispose à la fois d'une vue administrateur et utilisateur. Cela semblait assez simple, mais les parties prenantes ont une spécification qui exige que la vue utilisateur reste intacte même dans la vue d'administration.

Un peu d'histoire - L'application contient environ 2000 formulaires, un utilisateur final est chargé de trouver le bon formulaire et de remplir les informations. L'administrateur doit examiner les informations, mais dispose également d'un grand nombre de contrôles pour transmettre et examiner les informations.

Les parties prenantes sont un groupe de soutien qui, en plus d'examiner les informations, fournit également un soutien technique. Ils insistent pour que l'expérience existante pour les utilisateurs reste en place pour les administrateurs afin qu'ils puissent répliquer les demandes de support. L'objet étant lorsqu'un utilisateur appelle et donne une description des informations, il peut voir exactement la même chose et éviter toute confusion.

À ce stade, mes options semblent limitées. Je ne peux que penser que je laisse la vue utilisateur seule et crée une navigation séparée sur le côté gauche ou droit qui accède au contrôle qui n'est disponible que pour l'administrateur.

OK, donc finalement, la vraie question, est-ce que quelqu'un a eu une expérience comme ça? Comment as-tu résolu ça? Existe-t-il des exemples (apprenant visuel)?

J'ai hâte d'entendre vos pensées.

1
Johnny UX

S'il y a beaucoup d'interactions complexes que l'administrateur doit gérer mais pas l'utilisateur, alors ce que bzav a suggéré d'avoir deux vues distinctes: administrateur et utilisateur est préférable.

S'il n'y en a pas ou que les développeurs ne peuvent pas prendre en charge deux sections distinctes, vous pouvez essayer de mettre des contrôles basés sur les autorisations directement sur la page.

J'ai travaillé sur un projet précédent qui l'exigeait. Selon les autorisations de l'utilisateur, des champs/informations supplémentaires ou des boutons d'action apparaissent à côté de l'élément correspondant.

Voici un schéma rapide pour vous.

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

J'espère que cela pourra aider.

2
nightning

Je pense que l'élément clé dont vous ne vous souvenez peut-être pas est que vous pouvez créer des menus fixes qui survolent le contenu.

Créez une barre fixe sur la gauche avec des outils d'administration qui ne s'affichent que pour les administrateurs. Vous pouvez inclure le code dans la vue de navigation/en-tête et ne pas le rendre pour les utilisateurs réguliers.

S'ils ont besoin de plus d'espace, la barre d'outils s'étend-elle lorsque vous cliquez sur une flèche? Je crache juste ici.

Si vous en avez une seconde, consultez le module d'administration moyen pour mean.io . J'aime vraiment mean.js plus que mean.io à ce stade, mais mean.io a une barre d'administration comme module. Avertissement: Si vous n'avez pas installé la pile moyenne auparavant, la lecture de la documentation peut prendre plus d'une demi-heure. Je suppose que vous connaissez les outils de développement comme la ligne de commande, etc.

1
Tyler Langan