Skip to content
This repository has been archived by the owner on Jun 6, 2022. It is now read-only.

Améliorer la lisibilité de la liste des réponses dans la page: Réponses #1044

Open
jrduscher opened this issue May 15, 2020 · 1 comment
Assignees
Labels
📌 enhancement Change or improvement related to an existing feature.
Milestone

Comments

@jrduscher
Copy link
Contributor

jrduscher commented May 15, 2020

Irritant:

La taille du header, et les deux lignes de filtres et d'action impactent le confort de lecture des réponses, et limite le nombre de réponses par page, surtout avec des écrans de 13".

Avec cette configuration :écran de 13" pouces sur chrome avec un zoom à 100%:, la liste des pages résultats correspond à 38% de surface de l'ensemble de la page.
Les autres éléments se distribuent comme ceci:

  L h surface %
Page 1366 626 855116 100
réponse 1129 288 325152 38,02
filtres 1160 113 131080 15,33
barre d'action par lot 1160 60 69600 8,139
header 1366 95 129770 15,18
menu 206 531 109386 12,79
navigation (liste de résultats) 1160 70 81200 9,496
Ascenseur (liste de réponse) 31 288 8928 1,044

L'espace à gagner est à chercher en hauteur : Il est inutile de chercher à gagner de l’espace en largeur dans la mesure où toutes les informations utiles peuvent aujourd’hui s'afficher: l'enjeu se situe simplement dans le nombre de résultats à afficher.
image

Solution:

Rendre escamotable:

  • la barre d'action par lot
  • le menu de navigation horizontal des résultats

Ce qui permettrait d'afficher les réponses sur une surface totale de 55,66%.
Autrement dit faire passer de 2 réponses visibles sur un 13" à 3.

Les actions permettant l'affichage des panneaux escamotables:

  • Menu de navigation: L'affichage a lieu au dernier scroll vers le bas bas permettant d'afficher la denière réponse de la page, ou au survol (onMouseover) du bas de page
  • menu d'action: L'affichage a lieu au scroll vers le haut, au survol ou à l'actionnement des filtres, et lorsqu'est coché une des réponses

aperçu de la page attendue avec ces modifications:
image

@jrduscher jrduscher added the 📌 bug Something isn't working. label May 15, 2020
@jrduscher jrduscher changed the title Lisibilité des réponses de la page résultat Lisibilité des réponses de la page résultat May 15, 2020
@jrduscher jrduscher added 📌 enhancement Change or improvement related to an existing feature. and removed 📌 bug Something isn't working. labels May 15, 2020
@jrduscher jrduscher added this to the Sprint #43 milestone Jun 12, 2020
@ivangabriele ivangabriele removed this from the Sprint #43 milestone Jun 25, 2020
@jrduscher jrduscher added this to the SPRINT 47 milestone Sep 18, 2020
@jrduscher jrduscher changed the title Lisibilité des réponses de la page résultat Améliorer la lisibilité de la liste des réponses dans la page: Réponses Sep 18, 2020
@jrduscher
Copy link
Contributor Author

màj le 17 septembre

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
📌 enhancement Change or improvement related to an existing feature.
Projects
None yet
Development

No branches or pull requests

2 participants