web-dev-qa-db-fra.com

Adaptation du masque principal d'Outlook à une vue non plein écran

Lorsque la grille principale/détaillée d'une application Web (maître étroit à gauche, large volet de détails à droite) n'est pas en plein écran comme Outlook ou l'application iPad Mail, mais est plutôt intégrée à une page qui peut être défilée verticalement, alors où la le volet de détails s'affiche verticalement lorsque le haut de la grille défile hors de la page lorsqu'un élément inférieur dans la liste principale est sélectionné?

Le contenu du volet de détails doit-il être affiché au-dessus du haut de la fenêtre, obligeant l'utilisateur à faire défiler vers le haut pour le voir? Ou dois-je faire en sorte que le contenu du volet de détail "suive" l'utilisateur pendant qu'il défile vers le bas jusqu'à ce qu'il heurte le bas de la grille? Ou existe-t-il une autre option?

Le cas d'utilisation particulier que j'ai à l'esprit est une liste principale qui ne dépassera jamais 25 éléments - suffisamment longue pour que le défilement vers le bas de la liste puisse masquer le haut de la liste sur les petits navigateurs, mais suffisamment court pour que je ne je ne veux pas mettre une barre de défilement séparée sur la liste principale.

Je suis sûr que je ne suis pas la première personne à affronter ce dilemme. Quelles sont les options?

6
Justin Grant

Je suppose qu'il est difficile de répondre au cas d'utilisation générique sans voir de maquette, mais pour le cas d'utilisation particulier, ce qui suit me vient à l'esprit:

  • Si vous ne voulez pas la barre de défilement en principe, vous devrez fournir une navigation explicite aux utilisateurs. Ils ne seront pas satisfaits s'ils ne peuvent pas voir comment faire défiler la liste.
  • Le plus grand ennemi de tout concepteur UX est l'envie de trouver une nouvelle logique au lieu de s'appuyer sur des modèles existants. Il n'y a pas beaucoup d'utilisateurs qui aiment apprendre comment fonctionne un logiciel, plutôt que de simplement l'utiliser. Les nouveaux éléments/logiques apportent souvent plus de confusion que l'amélioration de l'utilisabilité.
  • Cela dit, pourquoi ne pas vérifier si la liste principale correspond à la page? Si c'est le cas, n'affichez pas la barre de défilement. Il s'agit d'un comportement par défaut pour la plupart des éléments de contenu.
  • Si cette réponse n'est absolument pas acceptable, je suggérerais quelque chose comme ceci: enter image description here Cliquer sur les flèches en bas/en haut fait défiler les éléments cachés en vue.
1
mikryz