Comments (10)
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.
Corrigé dans la 3.7.0.
from geotrek-rando-v3.
Une analyse ergonomique et fonctionnelle des filtres est en cours (https://whimsical.com/geotrek-8WfKWUHCS6fygJWseB7kGM).
BENCHMARK
PISTE RETENUE
Avec encore quelques ajustements prévus, avant de maquetter.
PISTE 1
PISTE 2
PISTE 3
from geotrek-rando-v3.
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 :
from geotrek-rando-v3.
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 :
Je clique sur l'onglet "Randonnées" ou sur "1 filtre" pour affiner la recherche :
Je sélectionne des filtres complémentaires :
J'ajoute une autre pratique :
J'ajoute des filtres complémentaires dans cette seconde pratique :
J'ai sélectionné et filtré 2 pratiques :
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 :
Si je clique sur une entrée, je commence par choisir la pratique ou le type de service :
On reprend le même principe sur mobile :
from geotrek-rando-v3.
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.
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.
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) :
Exemple pour les cotations dont les noms et les valeurs sont différents selon la pratique :
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 :
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.
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 :
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é
:
-
une valeur
unknown
non cliquable apparaît quand il y a des contenus touristiques qui n'ont pas de type associé dans la tabletourism_touristiccontent_type1
(ou 2) :
from geotrek-rando-v3.
Voir si #535 corrige le soucis de "Unknown".
from geotrek-rando-v3.
Related Issues (20)
- MenuItems without target display "external link" icon HOT 1
- Favoriser une image pour les contenus touristiques HOT 1
- Le portail n'est pas pris en compte dans les listes de suggestions HOT 1
- Améliorer le temps de réponse du téléchargement GPX ? HOT 2
- Evènements manquants et doublons HOT 2
- Hitbox des menus trop bas HOT 2
- Display JSON feeds (blog posts, news, etc.) as cards from another website
- Les titres longs de randonnées sont tronqués en vue mobile HOT 3
- Rediriger URL de la langue par défaut HOT 2
- Don't show the map button to display secondary layers if there are none.
- Erreur à la génération du sitemap HOT 2
- Bug : "Ce champs est requis" lors de la sélection d'un item pour le signalement (PWA) HOT 2
- Vidéo sur la page d'accueil s'ouvre en plein écran avec iphone HOT 1
- Améliorer tooltip couche GeoJSON additionnelle
- Erreur de chargement pour un nom d'itinéraire avec ":" ou "," HOT 2
- Les évènements ne s'affichent plus en 3.21.0 HOT 1
- Migration to React 18.3.* and higher HOT 2
- UI : Mettre en avant la PWA via une information explicite HOT 1
- Pouvoir choisir les couches à afficher sur la carte de la vue détail d'un trek HOT 3
- Faire varier la couleur des itinéraires selon le niveau de difficulté HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from geotrek-rando-v3.