ETQ candidat, je souhaite utiliser facilement tous les filtres existants sur la recherche et mieux identifier ceux qui sont actifs par défaut

[mdamourette]

🤔 Contexte et problématique

Après avoir fait une première recherche, les utilisateurs ne peuvent pas connaître en un seul coup d'œil l'ensemble des filtres à leur disposition.

Ils sont obligés de cliquer par exemple sur "Toutes les entreprises" pour savoir qu'ils peuvent filtrer par "Personnes en situation de handicap bienvenues" ou "Mises en relation disponibles".

🎉 Proposition de solution

L'objectif est de retravailler la page de recherche pour mettre en avant l'ensemble des filtres disponibles.

Tip

Tous les filtres et comportements des filtres existent déjà. Idem pour la vue carte et le comportement des cartes ouvertes depuis la carte.

Etant donné que j'accède à cette page https://staging.immersion-facile.beta.gouv.fr/recherche?sortBy=score&sortOrder=desc&showOnlyAvailableOffers=true
Alors les filtres déjà sélectionnés le sont aussi
Alors j'ai globalement l'UI décrite dans les maquettes :

• filtres accessible au clique sur le bouton filtre
• chaque filtre fonctionne comme aujourd'hui

Etant donné que mes filtres sont ouverts
Quand j'ai au moins un filtre actif au sein de la catégorie de filtre
Alors je vois au niveau de la catégorie de filtres un chiffre entre parenthèse correspondants au nombre de champs filtrants
Quand j'ai aucun filtre actif dans la catégorie
Alors je n'ai rien (pas de 0)

👉 Pour le bloc “Caractéristiques de l’entreprise”, non ?

Si j’ai rien de coché : pas de filtre comptabilisé
Si je coche l’un ou l’autre : je réduis bien le nombre de résultats donc on comptabilise un filtre
Si je coche les 2 : on compte  2 filtres

👉  Pour le bloc “Localisation”

Si les 3 sont cochés ou aucun n’est coché = Pas de filtre compté --> toutes les offres sont affichées
Si 1 ou 2 est coché : on compte 1  ou 2

Exemple
Si dans le bloc métier, j'ai indiqué un métier mais aussi un secteur, cela compte 2

Etant donné que mes filtres sont fermés
Alors j'ai entre parenthèse la somme des filtres actifs (cf prototype)

📷 Maquettes

Option 2 CHOISIE

Prototype
Fichier Figma

Tip

La mise en place d'une vue carte dédiée + avoir les filtres en side-bar seront faits dans ce ticket

Option 1 ELIMINÉE pour ce ticket

Prototype
Fichier Figma

Prototype mobile
Fichier Figma

Retours grooming 26/05

Note

option 2 sélectionné

[guillaumebernis-source]

A faire @mdamourette
-[ ] Ajouter des éléments pour montrer à l'utilisateur les filtres ou a minima le nombre de filtres activés