web-dev-qa-db-fra.com

Comment faire disparaître le contenu lors du défilement sous la zone "en-tête"? Y en a-t-il un exemple?

J'ai donc un problème UX à résoudre -

Voici un exemple du problème:

Comme vous pouvez le voir, les étapes du message sont imbriquées sous le dossier. Pour les voir tous, vous devez faire défiler de haut en bas et de gauche à droite.

Voici ce que je pensais de la façon de résoudre ce problème: enter image description here

Dans l'image, la première image représente à quoi elle ressemblerait lorsque les dossiers seraient réduits. L'utilisateur clique sur le premier dossier pendant quelques secondes, puis est transféré vers un écran différent où chacune des étapes est plus grande. Lorsque l'utilisateur défile, il ne fait défiler que de haut en bas et les étapes "disparaissent" sous la zone d'en-tête/dossier. Toutes les étapes auraient la même longueur et la même indentation, c'est juste le contenu qu'elles contiennent qui changerait. Pour montrer que les étapes peuvent défiler, la dernière serait définie sur une opacité inférieure. Afin de revenir au premier écran, l'utilisateur cliquerait simplement sur le dossier pendant quelques secondes.

Qu'en pensez-vous? Est-ce faisable? Existe-t-il une autre façon de contourner ce problème?

4
Tiffany K

J'aimerais suggérer ceci. enter image description here

Gardez l'emboîtement de côté comme mon filaire. ici, l'utilisateur peut identifier l'ordre d'imbrication. lorsque vous cliquez sur la zone d'imbrication, le côté gauche de la même ligne est mis en surbrillance (vice-versa) et toutes les lignes de données peuvent être vues du bas.

4
Yasintha