GithubHelp home page GithubHelp logo

Comments (10)

camillemonchicourt avatar camillemonchicourt commented on September 21, 2024 1

Oui en effet. L'empilement en colonnes n'est pas souhaité et doit être revu. Mais à minima, on pourrait lui ajouter un scroll si il est nécessaire.

OK pour les filtres sans valeur à masquer.

Pour le "Unknown", c'est identifié ici : #518
C'est quand un contenu touristique n'a pas de type 2.

from geotrek-rando-v3.

camillemonchicourt avatar camillemonchicourt commented on September 21, 2024 1

Corrigé dans la 3.7.0.

from geotrek-rando-v3.

camillemonchicourt avatar camillemonchicourt commented on September 21, 2024

Une analyse ergonomique et fonctionnelle des filtres est en cours (https://whimsical.com/geotrek-8WfKWUHCS6fygJWseB7kGM).

BENCHMARK

Capture d’écran de 2021-09-09 22-56-46

Capture d’écran de 2021-09-09 22-57-03

Capture d’écran de 2021-09-09 22-57-27

PISTE RETENUE

Avec encore quelques ajustements prévus, avant de maquetter.

Capture d’écran de 2021-09-09 23-01-28

Capture d’écran de 2021-09-09 23-01-51

Capture d’écran de 2021-09-09 23-02-05

Capture d’écran de 2021-09-09 23-02-17

PISTE 1

Capture d’écran de 2021-09-09 23-02-56

Capture d’écran de 2021-09-09 23-03-10

PISTE 2

Capture d’écran de 2021-09-09 23-03-30

Capture d’écran de 2021-09-09 23-03-59

Capture d’écran de 2021-09-09 23-04-52

PISTE 3

Capture d’écran de 2021-09-09 23-05-14

Capture d’écran de 2021-09-09 23-05-53

Capture d’écran de 2021-09-09 23-06-11

from geotrek-rando-v3.

camillemonchicourt avatar camillemonchicourt commented on September 21, 2024

Suite à nos derniers retours :

  • OK pour la ligne avec les entrées de filtres, la puce indiquant le nombre de filtres activés par entrée, le bouton de réinitialisation des filtres
  • OK pour l'ouverture de la modale pour affiner les filtres d'une entrée
  • Ajouter une croix pour fermer la modale
  • On aime moins le fait de regrouper les filtres par famille et de devoir passer de l'un à l'autre, on préférerait les afficher tous les uns en dessous des autres comme dans le visuel 3 de la piste 1
  • Pourquoi pas grouper par famille, sous forme de questions comme dans les propositions 2 et 3, mais pas certain que cela rentre dans la modale si on veut les afficher tous en même temps ? Surtout qu'on doit ajouter 2 filtres supplémentaires pour les randonnées...
  • On souhaiterait en plus rappeler la liste des filtres actifs sous le nombre de résultats

Les wireframes ajustés :

image

image

from geotrek-rando-v3.

camillemonchicourt avatar camillemonchicourt commented on September 21, 2024

Après validation de cette solution, les maquettes (https://www.figma.com/file/YovGQrxOR8f5Xg6lSu6nMm/Geotrek-(Copy)?node-id=2666%3A52081) :

J'arrive sur la page de recherche en ayant sélectionné une activité depuis la HOME :

image

Je clique sur l'onglet "Randonnées" ou sur "1 filtre" pour affiner la recherche :

image

Je sélectionne des filtres complémentaires :

image

J'ajoute une autre pratique :

image

J'ajoute des filtres complémentaires dans cette seconde pratique :

image

J'ai sélectionné et filtré 2 pratiques :

image

A chaque fois que j'ajoute des filtres, les résultats s'actualisent sous la modale de recherche.
Il manque le compteur de résultats dans la modale.
"Randonnée" à renommer "Randonnées".

Si j'arrive sur la page de recherche sans aucune filtre appliquée, j'affiche tous les contenus :

image

Si je clique sur une entrée, je commence par choisir la pratique ou le type de service :

image

On reprend le même principe sur mobile :

Capture d’écran de 2021-09-22 22-32-40

image

from geotrek-rando-v3.

camillemonchicourt avatar camillemonchicourt commented on September 21, 2024

N'afficher les rubriques de filtres Randonnées, Outdoor, Services et Événements que si ces catégories d'objet ont au moins un élément (selon le portail si celui-ci est défini dans les paramètres).
Exemple pour savoir si je dois afficher la rubrique de filtre "Randonnées" : https://geotrekdemo.ecrins-parcnational.fr/api/v2/trek/?fields=id&portals=2
Certainement à mettre en cache.

from geotrek-rando-v3.

camillemonchicourt avatar camillemonchicourt commented on September 21, 2024

Une première version de cette révision des filtres a été déployée sur https://gtr3demo.ecrins-parcnational.fr/search?practices=4

from geotrek-rando-v3.

camillemonchicourt avatar camillemonchicourt commented on September 21, 2024

Complété dans la 3.5.0 en simplifiant la méthode de masquage de filtres.
Et en groupant les filtres spécifiques à une catégorie de contenus :

Exemple pour les types de services dont les noms et valeurs des filtres sont différents selon le type de service (contenus touristiques) :
image

Exemple pour les cotations dont les noms et les valeurs sont différents selon la pratique :
image

Petit effet de bord, pour les randonnées, on utilisait préalablement les 3 colonnes.
Désormais elles sont les unes sous les autres sur la première colonne uniquement :
image

A revoir éventuellement plus tard, certainement quand on ajoutera les filtres par cotation dans les randos, qui seront différentes selon la pratique (comme on a actuellement dans Outdoor).

from geotrek-rando-v3.

IdrissaD avatar IdrissaD commented on September 21, 2024

OS : Ubuntu 18.04
Navigateurs : Mozilla Firefox for Ubuntu 94.0 et Chromium Ubuntu 95.0
Résolution : 1366x768

Quelques problèmes recensés :

  • l'empilement en colonne unique fait que sur certains écrans d'ordinateur les derniers filtres disparaissent :
    filtre_cache

Je n'ai pas de possibilité de scroller vers le bas pour faire apparaître le dernier choix de Type de parcours. D'autant plus frustrant en tant qu'utilisateur en voyant tout cet espace disponible à droite.

  • un filtre qui n'a pas de valeur renseignée apparaît quand même, ici le filtre accessibilité :
    filtre_accessibilite

  • une valeur unknown non cliquable apparaît quand il y a des contenus touristiques qui n'ont pas de type associé dans la table tourism_touristiccontent_type1 (ou 2) :
    filtre_unknown

from geotrek-rando-v3.

camillemonchicourt avatar camillemonchicourt commented on September 21, 2024

Voir si #535 corrige le soucis de "Unknown".

from geotrek-rando-v3.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.