Je travaille sur une partie de la refonte d'une grande application Web d'entreprise. Cette partie permet à l'utilisateur de gérer un ensemble de paramètres qui régissent la façon dont le reste de l'application est utilisé.
Ces écrans suivent un modèle similaire - Ils commencent par un tableau de 1 à 30 lignes, chaque ligne contenant un nom et une description. En cliquant sur la ligne, l'utilisateur accède à une autre page contenant des champs modifiables réels. Selon l'écran, ceux-ci sont parfois extrêmement simples, peut-être seulement deux ou trois champs dessus. D'autres écrans sont plus complexes, avec des onglets et des champs et des contrôles partout.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Il est difficile de trouver un bon exemple, mais voici un plan: imaginez si vous aviez un système qui cataloguait les pièces automobiles. Vous avez un tableau pour chaque type - donc un tableau pour les pneus, un tableau pour spark, un tableau pour les ailes, etc.) Chacun de ces éléments a un niveau de complexité variable - peut-être pour les prises spark, tout ce dont vous avez besoin est le numéro de modèle. Mais pour les moteurs, il y a toutes sortes de champs et beaucoup de valeurs complexes à saisir.
Mon problème: donc le problème particulier que j'essaie de résoudre ici, c'est qu'il y a beaucoup de pages avec très peu d'informations dessus. Au total, il y a probablement environ 40 tableaux différents (chacun sur des pages différentes). Probablement 30 d'entre eux sont "simples" - donc pour chaque ligne du tableau, il y a moins de 5 champs modifiables associés. Pour ceux-ci, il serait beaucoup plus facile de modifier les champs dans une boîte à lumière/boîte de dialogue plutôt que d'aller sur une page complètement différente.
Pour les 10 autres tables, celles-ci ont des champs modifiables "complexes". Bien sûr, ils varient, mais le fait est que cela n'a pas de sens de les mettre dans une boîte de dialogue. Ils ont vraiment besoin de leur propre page.
(enfin!) Ma question: J'ai donc 40 pages, chacune avec un tableau qui ressemble fondamentalement à la même chose. Actuellement, lorsque vous cliquez sur une ligne, elle va toujours sur une autre page. Si je le change de telle sorte qu'il s'ouvre parfois dans une boîte de dialogue, et parfois qu'il ouvre une nouvelle page, à quel point cela va-t-il être déroutant?
Serait-il avantageux d'avoir une sorte d'indicateur, ou un ensemble légèrement différent de contrôles pour les pages qui ouvrent une lightbox par rapport à une autre page? Suggestions/exemples de ce que cela pourrait être?
La cohérence est un élément clé pour éviter les erreurs, assurer la sécurité, améliorer le système et corriger les erreurs.
Comme vous l'avez remarqué, j'ai mentionné deux aspects non liés, l'expérience utilisateur et le système.
La cohérence va donner aux utilisateurs de l'application un sentiment de sécurité, car ils savent "ce qui va se passer", ils savent comment le système va réagir et ils se sentent à l'aise parce que c'est comme cela "devrait être". Bien sûr, si quelqu'un utilise le système assez longtemps, quelle que soit la façon dont vous choisirez, il sera perçu comme normal, mais il vaut mieux avoir le sentiment pour l'ensemble du système que pour chaque page.
Côté système, si vous avez accès à des mécanismes similaires sur différentes interfaces, cela signifie que vous avez au moins deux endroits à toucher si vous devez réparer ou améliorer quelque chose. Pire si quelqu'un d'autre doit le faire.
Compte tenu de ce que vous mentionnez, vous avez déjà le système qui fonctionne correctement.Vous pouvez être intéressé par des lectures sur le sujet comme Cohérence: Clé pour une meilleure expérience utilisateur , ou Pourquoi la cohérence est critique , ou 10 heuristiques d'utilisabilité pour la conception d'interface utilisateur où l'un des éléments mentionnés par Nielsen est la cohérence, il a même n livre juste pour ce sujet. Ces liens ne sont pas très récents, mais ils reflètent une situation qui ne change pas beaucoup.
S'il y a un réel avantage à changer les choses, alors faites-le, sinon, restez cohérent.