Position cohérente du bouton Enregistrer dans plusieurs mises en page
Je travaille actuellement sur un système destiné principalement aux utilisateurs d'ordinateurs de bureau qui a un large éventail de dispositions: certaines grilles, certains formulaires et une variété d'interfaces interactives personnalisées avec des conceptions différentes.
Il y a actuellement un débat sur la position d'un bouton "Enregistrer".
Par exemple, sur une mise en page basée sur un formulaire, il peut être judicieux de fixer le bouton en bas à droite, car il peut suivre le modèle de lecture de l'utilisateur au fur et à mesure qu'il remplit le formulaire. Cependant, sur d'autres interfaces, il est difficile de savoir exactement quel serait le modèle de lecture (par exemple dans une grille ou un éditeur interactif où les contrôles sont déjà en haut).
Plutôt que d'avoir des boutons Enregistrer à différents endroits pour chacune de ces mises en page, nous pensons qu'il serait plus utilisable qu'ils soient toujours au même endroit, quelle que soit la conception de la mise en page.
Pour commencer, il semble plus judicieux d'avoir le bouton Enregistrer fixé en haut de la page, plutôt qu'en bas, car il est probablement plus facile de le remarquer ici.
Le débat est maintenant de savoir si le bouton doit être en haut gauche ou droite. Si c'est en haut à gauche, je pense qu'il est très probable que tous les utilisateurs le remarqueraient au moins. S'il est en haut à droite, l'argument est qu'il serait plus intuitif pour les utilisateurs, car il suivrait probablement leur modèle de lecture de la page, quelle que soit la mise en page. Il semble également que de nombreux autres systèmes le font.
Je me demande simplement si quelqu'un peut avoir des suggestions à ce sujet: principalement, quelle est la "meilleure" position pour un bouton Enregistrer dans un système qui a ces nombreuses dispositions?
Merci d'avoir lu!
Pensez au workflow pour trouver la meilleure position
Retour aux premiers principes:
- Il n'y a pas de meilleur endroit "canonique" pour un bouton de sauvegarde. Plutôt...
- ... la meilleure position pour "Enregistrer" dépend du moment et de l'endroit où les utilisateurs vont l'utiliser.
- Cela dépend à son tour de la façon dont l'utilisateur utilise les mises en page
Comment penser le design ...
Quelques questions que vous voudrez peut-être poser:
Les utilisateurs vont-ils économiser périodiquement et de façon imprévisible?
- par exemple. pour les formulaires longs, les utilisateurs doivent parfois enregistrer afin de pouvoir continuer plus tard
- par exemple. pour les formulaires interactifs, les utilisateurs peuvent vouloir enregistrer un état afin de pouvoir expérimenter avec différentes entrées
- Dans ces cas il peut être utile de placer le bouton d'enregistrement dans un emplacement cohérent et collant, car les utilisateurs le rechercheront de manière imprévisible, vous devez donc être sûr qu'il peut être trouvé (ou les conséquences sont la perte de données et/ou utilisateurs en colère)
Voulez-vous que les utilisateurs terminent un flux de travail ou terminent la lecture de la page avant d'enregistrer?
- Ce modèle est souvent utilisé pour les enquêtes ou les formulaires de conformité où il est important
- Dans ce cas, le bouton d'enregistrement est souvent placé à la fin de la page pour obliger les utilisateurs à parcourir la page avant de voir le bouton d'enregistrement.
Faites-vous la validation des données avant d'enregistrer?
- Parfois, la validation des données peut se faire champ par champ. Parfois, il faut que la page entière soit remplie, auquel cas il peut être frustrant d'avoir le bouton d'enregistrement à un endroit bien visible uniquement pour que l'utilisateur découvre qu'il doit terminer la page avant de l'enregistrer.
Est-il trop difficile d'implémenter une sauvegarde partielle/incomplète?
- Avec les anciens systèmes, il peut être difficile d'implémenter une sauvegarde provisoire: l'utilisateur doit terminer le formulaire avant de sauvegarder. Ici, il peut être préférable de placer le bouton d'enregistrement à la fin du flux de travail pour éviter toute frustration.
Gérer différentes dispositions et flux de travail
Une fois que vous avez réfléchi à l'approche ci-dessus pour les différentes dispositions, vous pouvez vous rendre compte qu'il est préférable de placer le bouton d'enregistrement dans un endroit collant (par exemple, car la plupart de vos dispositions ont une sauvegarde intermédiaire). Ou vous pouvez vous rendre compte qu'il est préférable de le mettre sur le fond.
MAIS vous pouvez également constater qu'il n'y a pas de points communs, car certains formulaires peuvent être enregistrés à mi-chemin et d'autres nécessitent un flux linéaire. Voici quelques approches pour faire face à cette situation:
Placez le bouton d'enregistrement à différents endroits (parfois collant, parfois en fin de formulaire)
- Cela est fait pour les interfaces expertes où les performances et le flux sont vraiment importants, donc le bouton est placé au meilleur endroit pour gagner du temps à l'utilisateur expert ou pour assurer la meilleure clarté
- Il peut être utile d'utiliser des couleurs ou des formes vives pour identifier le bouton d'enregistrement si l'emplacement change entre les mises en page ... de cette façon, les utilisateurs peuvent le rechercher plus efficacement.
Placez le bouton Enregistrer dans un endroit collant et désactivez-le ou masquez-le lorsqu'il n'est pas autorisé
- Cela se fait dans des situations où les mises en page sont vraiment diverses (par exemple, les tableaux de bord d'analyse commerciale) où vous souhaitez mettre des "ancres" d'orientation pour aider les utilisateurs à se sentir plus à l'aise qu'ils contrôlent et savent comment naviguer sur une page. par exemple. "cette barre supérieure collante est rassurante car je sais qu'elle est toujours là même si les mises en page et les graphiques changent tout le temps".
J'espère que cela pourra aider
Personnellement, je pense qu'il est tout à fait correct d'avoir le bouton Enregistrer à différents endroits en fonction de la disposition spécifique. Pour moi, le plus important est une "sensation" cohérente. Par exemple, le bouton de sauvegarde peut être vert, et s'il s'agit du seul bouton vert sur tous les écrans/mises en page, l'utilisateur saura intuitivement rechercher le bouton vert.
Si vous recherchez que le bouton d'enregistrement soit exactement dans la même position pour toutes les dispositions, je trouve généralement que les boutons alignés à droite sont les meilleurs pour cela. Que ce soit en haut ou en bas de la page, c'est à vous de décider et à la conception que vous recherchez, mais à droite est mon choix pour créer des conceptions intuitives.
J'espère que c'est utile. Bonne chance!