Meilleur emplacement pour un bouton "Retour": en haut ou en bas?
Je sais que c'est une mauvaise pratique d'utiliser un bouton "Retour" (puisque le navigateur a une telle fonction) mais quand il ne peut pas être évité pour une raison quelconque, est-il préférable de le mettre sur le dessus (similaire à la façon dont le dos les boutons des navigateurs sont en haut) ou en bas (similaires aux boutons "annuler" des formulaires)?
Disons que la page n'est pas un formulaire, mais plutôt une page "Aperçu"/"Affichage" d'une certaine sorte où l'utilisateur peut afficher les données.
En haut à gauche semble être la position idéale pour le bouton "Retour" pour les raisons suivantes:
- Tous les navigateurs PC traditionnels et modernes l'ont. Il n'y a presque pas de courbe d'apprentissage.
- Cela semble beaucoup plus natif sur tablette que sur mobile. Mais vous aurez l'avantage de mise à l'échelle efficace de l'interface utilisateur puisque le bouton Retour ne changera pas sa position sur différentes plates-formes. Et les utilisateurs seront à l'aise tout en changeant entre eux. Étant donné que les tablettes se rapprochent le plus des PC en termes de taille d'écran, la cohérence entre elles est parfois pratique et les utilisateurs ne se sentent pas trop à leur place (en particulier ceux qui passent aux tablettes à partir d'ordinateurs portables ou autres).
- La plupart des applications l'ont en haut à gauche. La cohérence entre les applications pour des éléments similaires est toujours bonne pour les utilisateurs. En outre, je suggérerais qu'il s'agisse d'une sorte de bouton flottant, en particulier si votre écran contient du contenu pouvant défiler.
en haut à gauche ne serait pas idéal si votre application n'est pas native et s'exécutera dans une fenêtre de navigateur qui a ses propres contrôles au sommet. Ensuite, il serait idéal de placer ledit bouton en bas à gauche.
Dans tous les cas, c'est toujours une meilleure pratique pour éviter de tels boutons sur le côté droit des écrans puisque traditionnellement, ils sont beaucoup plus approprié pour le type de fonctions avant et non arrière (auquel un bouton "Retour" est destiné).
De plus, vous avez dit que c'était un type d'écran d'aperçu, alors je vous suggérerais d'utiliser un bouton de texte comme "Fermer l'aperçu" ou quelque chose qui est beaucoup plus descriptif et pertinent.
En haut à gauche sur les téléphones portables, c'est affreux. Pour une raison quelconque, il s'agit désormais d'un standard dans iOS et Android (téléphones sans "retour" physique). Bien qu'il soit très difficile à utiliser d'une seule main. En supposant que vous utilisez la main droite, dans afin d'atteindre le coin supérieur gauche avec votre pouce est une douleur, en particulier sur les téléphones de 5 pouces et plus. Le seul endroit logique pour le bouton "retour" est en bas à droite (pour les droitiers) ou en bas à gauche (pour les gauchers).
Vous pouvez le mettre dans aux deux endroits.
J'imagine la situation hypothétique où un utilisateur accède à la page, se rend compte qu'il/elle cherche autre chose et décide de revenir en arrière. Top serait mieux pour ce scénario. Mais il se peut aussi que l'utilisateur lise les informations, se rend en bas et décide de revenir en arrière. Le fond fonctionne mieux dans ce cas.
Alternativement, vous pouvez avoir le bouton en haut et mettre un autre bouton en bas qui vous ramène à la place haut de la page. C'est un clic supplémentaire, mais vous évitez le défilement.
La méthode la plus simple qui couvre tous les cas d'utilisation consiste à avoir un en-tête flottant (un en-tête qui est toujours en haut de l'écran) et d'y avoir le bouton 'retour'.
De cette façon, il est toujours disponible et toujours au même endroit, ce qui signifie moins de réflexion pour les utilisateurs. De plus, il imite l'interaction de la plupart des appareils mobiles
Est-ce pour une tablette ou un PC? Pour le formulaire de champs ou une simple page de texte?
Sur les habitudes de la tablette, il faut avoir un bouton retour en haut à gauche car la navigation est une navigation page par page. ..et plus souvent, vous passez à la page suivante lorsque vous enregistrez une ligne qui a une flèche droite à droite. La métaphore est que vous allez à la page suivante (page fille)
Donc, en haut à gauche, il est naturel de revenir au niveau supérieur (la page parent)
Sur PC, c'est différent, le plus souvent vous lisez la page avec la souris dans la main et le pointeur de la souris se déplace pendant que vous lisez ou remplissez le formulaire. ... et vous décidez si vous souhaitez continuer ou revenir en arrière à la fin de votre lecture ou de votre remplissage .. dans ce cas, il est préférable d'avoir le bouton de retour en bas à droite.
Et enfin, si c'est une fonction générale pour une application web, les habitudes sont d'avoir une telle fonction dans une barre d'outils en haut à gauche comme un bouton de retour à la maison (la position est similaire au bouton de retour d'un navigateur)
Soyez prudent en essayant de donner un nom différent pas "retour" ou "retour" peut-être "annuler" est bon ou par exemple le nom de la page précédente pour aider l'utilisateur à cliquer sur votre bouton retour et non sur le bouton retour du navigateur.
Mais vous pouvez être sûr que certains utilisateurs cliqueront sur le bouton de retour du navigateur, car il est impossible d'éviter cela et les utilisateurs l'utilisent toujours sincèrement dans leur navigation personnelle depuis de nombreuses années.
Cela dépend donc de la sortie de votre appareil et du type de votre logiciel, mais il vaut mieux travailler avec le bouton de retour du navigateur. ...
En haut à gauche.
Si la page est longue, placez-les aux deux endroits en haut à gauche et en bas au centre.