Alternatives à l'ouverture dans un nouvel onglet ou une nouvelle fenêtre sur mobile
Je m'interroge sur UX sur mobile pour des choses qui, dans un environnement de bureau, s'ouvriraient généralement dans une nouvelle fenêtre ou un nouvel onglet car la page/l'écran d'origine doit rester tel quel.
Par exemple, lorsque vous posez une nouvelle question sur ce site, il y a une boîte "Comment formater" à droite de la zone de texte avec un résumé sur la façon d'écrire le démarque. Dans ce résumé, il y a un lien vers une explication plus détaillée, qui, lorsque vous cliquez dessus, s'ouvre dans un nouvel onglet. Je pense que c'est bien, car l'utilisateur peut ne pas vouloir naviguer à partir d'un formulaire dans lequel il a déjà entré des informations, etc. Il y a beaucoup d'autres cas comme celui-ci.
Mais, prenons ce scénario sur mobile ...
Le lien ouvre un nouvel onglet ... mais l'utilisateur se rend-il compte qu'il devra fermer (ou passer par l'interface de changement d'onglet) pour revenir à l'onglet d'origine? Je pouvais voir où la confusion pouvait se produire et, par frustration, la tâche initiale de soumettre la question (ou quoi que ce soit) pouvait être abandonnée.
Suis-je en train d'analyser cela? Existe-t-il des meilleures pratiques pour implémenter des "liens vers plus d'informations" sur mobile sans perdre l'écran de page/tâche d'origine?
Un modal plein écran serait une solution. Voir l'exemple ci-dessous de Producthunt.
Avec cette approche, le bouton de fermeture dans le coin supérieur gauche et le bouton de retour du navigateur peuvent être utilisés car la page modale a sa propre URL.
La page de résultats de recherche: https://www.producthunt.com/search
Le modal: https://www.producthunt.com/tech/stack-overflow-jobs
Si l'exigence convient, essayez avec l'option accordéon.
Dans le mobile, ouvrez l'écran détaillé en tant que page séparée et fournissez le bouton de retour pour revenir à la page d'origine.
Bien que de nombreux navigateurs mobiles ferment la page à onglet nouvellement ouverte lorsque l'utilisateur clique sur le bouton retour, afin qu'ils atterrissent sur la page d'origine, ce n'est pas une pensée du diable d'afficher le contenu d'aide/en savoir plus dans une section dynamique (par exemple: "div") de la page en cours - si elle n'est pas trop longue et détaillée ni si elle contient des liens vers d'autres contenus en soi pour qu'il mérite plutôt sa propre page, comme un chapitre de livre.
Dans html5 même il y a un "nouvel" élément actif à cet effet appelé: details, mais son support est encore limité dans les navigateurs mobiles - link .