--- title: "La nouvelle section Favoris : filtrer, trier et retrouver" description: "La section Favoris de votre app se filtre par type, se trie onglet par onglet, et tout retrait se rattrape en un tap. La nouvelle version, écran par écran." canonical_url: "https://fr.goodbarber.com/blog/la-nouvelle-section-favoris-filtrer-trier-et-retrouver-ses-contenus-a1425/" lang: fr date: 2026-08-26 last_updated: 2026-08-26 --- # La nouvelle section Favoris : filtrer, trier et retrouver [Retour](/blog/reussir-mon-app-r13/) # La nouvelle section Favoris : filtrer, trier et retrouver ses contenus Ecrit par [Lesia PIETRI](https://fr.goodbarber.com/blog/author/lesia-pietri/) le Mercredi 26 Août 2026 ## La section Favoris de votre app a été repensée. Vos utilisateurs filtrent désormais leurs contenus sauvegardés par type, choisissent leur ordre d'affichage et récupèrent en un geste un favori retiré par erreur. Voici ce que ça change pour eux, écran par écran. ![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/97664689-68000294.jpg?v=1786526301.5002792) Au début, une liste de favoris fonctionne toute seule. Dix contenus, un ordre chronologique, tout se retrouve d'un coup d'œil. Puis elle grossit. Des articles, des podcasts, des vidéos, des événements, des adresses, empilés dans la même colonne. Au bout de quelques mois, l'utilisateur qui cherche l'épisode gardé pour son trajet fait défiler cinquante lignes avant de tomber dessus. Le contenu qu'il avait pris la peine de sauvegarder devient plus difficile à retrouver que s'il ne l'avait jamais mis de côté. C'est exactement ce point que la nouvelle section Favoris corrige. ## Une barre de filtres qui ne montre que ce qui existe ![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/97664689-68000295.jpg?v=1786526303.42029) En haut de la liste, une barre d'onglets permet de n'afficher qu'un type de contenu à la fois. Articles, vidéos, podcasts, événements, lieux : votre utilisateur isole ce qu'il cherche au lieu de faire défiler l'ensemble. Sa particularité : elle se construit à partir des favoris réellement enregistrés. Un onglet n'apparaît que si au moins un contenu de ce type a été sauvegardé, et il disparaît quand le dernier est retiré. Personne ne tombe sur un onglet vide. La barre suit donc l'usage de chacun. Un utilisateur qui ne sauvegarde que des podcasts ne voit aucun filtre, puisqu'il n'a rien à filtrer. Le jour où il met un premier événement de côté, l'onglet correspondant apparaît. ## Chaque onglet garde son tri ![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/97664689-68000296.jpg?v=1786526305.348301) Un menu de tri s'ouvre depuis la liste et permet de choisir l'ordre d'affichage. Le bouton reflète toujours le tri appliqué : l'icône et le libellé changent en même temps que la liste, personne n'a besoin de rouvrir le menu pour savoir où il en est. Quatre ordres sont proposés : du plus récent au plus ancien, du plus ancien au plus récent, de A à Z et de Z à A. Ce choix se fait onglet par onglet, et il est mémorisé d'une session à l'autre. Un utilisateur peut donc afficher ses podcasts du plus récent au plus ancien et ranger ses articles par ordre alphabétique : chaque onglet garde son réglage et le retrouve à la prochaine ouverture de l'app. Vous définissez de votre côté le tri par défaut, celui qui s'applique tant que l'utilisateur n'a rien changé. Si vous préférez une liste sans réglage, le bouton de tri peut être masqué : la liste utilise alors le tri que vous avez choisi, sans que rien ne soit exposé. ## Chaque contenu s'affiche avec ce qui le rend reconnaissable ![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/97664689-68000297.jpg?v=1786526307.4203126) Une vidéo, un podcast et un événement n'ont pas les mêmes repères. Les cellules de la liste s'adaptent maintenant au type de contenu qu'elles affichent. Une vidéo montre sa durée et son icône de lecture. Un son ou un podcast affiche son lecteur et sa durée, directement dans la liste. Un événement porte son adresse et sa date. Un lieu affiche son adresse et la distance à laquelle il se trouve. Seuls le titre et l'icône de favori restent communs à tous. La conséquence est très concrète : on reconnaît un contenu sans l'ouvrir, et on lance un épisode sans quitter ses favoris. ## Voir ses lieux et ses événements sur une carte [bloc5-carte](https://player.vimeo.com/video/1217569306?badge=0&autopause=0&player_id=0&app_id=58479&autoplay=1&muted=1&loop=1&title=0&byline=0&portrait=0) Sur les onglets Lieux et Événements, une action supplémentaire permet de basculer la liste en carte. Les favoris s'affichent alors comme dans une section Map classique, l'écran entier étant consacré à la carte. Le même bouton ramène à la liste. Pour un utilisateur qui a mis de côté quinze adresses pendant la préparation d'un week-end, c'est la différence entre une liste de noms et une vue géographique de ce qu'il a prévu. ## Un retrait toujours réversible [bloc6-retrait](https://player.vimeo.com/video/1217569561?badge=0&autopause=0&player_id=0&app_id=58479&autoplay=1&muted=1&loop=1&title=0&byline=0&portrait=0) L'icône de favori reste visible sur chaque cellule : un tap suffit pour retirer un contenu de la liste, sans passer par sa fiche. Le retrait est accompagné d'une animation qui suit la structure de la liste : glissement vers la gauche sur Enriched et Condensed, fondu sur Visual Card. Un toast s'affiche ensuite en bas de l'écran avec une action d'annulation. C'est le filet de sécurité qui manquait. Un favori supprimé par erreur se récupère immédiatement, sans avoir à retrouver le contenu d'origine dans l'app. Quand plusieurs retraits s'enchaînent, le toast suit le dernier en date. ## Les podcasts téléchargés se repèrent au premier coup d'œil ![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/97664689-68000300.jpg?v=1786526309.2083228) Pour les sons et les podcasts, un indicateur signale l'état de téléchargement de chaque épisode : téléchargé, ou téléchargement en cours. Il se met à jour en temps réel, et le lecteur s'active dès que le fichier est disponible. Avant de descendre dans le métro ou de prendre l'avion, l'utilisateur voit d'un regard ce qu'il pourra écouter hors connexion. Il n'a plus à ouvrir chaque épisode pour le vérifier. ## Une liste vide qui propose quelque chose ![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/97664689-68000301.jpg?v=1786526310.7443314) Le premier passage dans les favoris se fait forcément sur une liste vide. Cet écran est désormais un vrai contenu : une icône, un titre, une description et un bouton d'action, tous personnalisables. Vous décidez de ce que dit cet écran et de l'endroit où le bouton envoie. Par défaut, il ramène à l'accueil de l'app. À vous de le pointer vers la section qui donne le plus envie de sauvegarder un premier contenu. ## Trois densités au choix ![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/97664689-68000302.jpg?v=1786526312.5803418) La section s'appuie sur les layouts de liste de la dernière génération : Enriched, Condensed et Visual Card. Tous partagent la même logique de filtres, de tri et d'actions, et se distinguent par leur densité et leur composition. Condensed pour une liste dense où l'on retrouve beaucoup de contenus rapidement, Enriched pour donner de l'espace à chaque élément, Visual Card pour une lecture par l'image. Vos favoris s'alignent ainsi sur le reste de votre app au lieu de rester une liste à part. ## Ce qu'il vous reste à faire ![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/97664689-68000303.jpg?v=1786526323.0684009) La section Favoris est disponible sur iOS, Android et PWA. Les réglages, du layout à l'écran vide en passant par la barre de filtres, le compteur d'éléments et le tri par défaut, se font dans le design de votre section de favoris, celle dont le type est Bookmark, quel que soit le nom que vous lui avez donné dans votre app. Une précision qui a son importance : comme pour toute nouvelle fonctionnalité, vos utilisateurs ne la verront qu'après une nouvelle génération de votre app. ![Lesia PIETRI](https://blog.goodbarber.com/_public/profile/e1/e1822db470e60d090affd0956d743cb0e7cdf113-default.jpg) À propos de l'auteur[Lesia PIETRI](https://fr.goodbarber.com/blog/author/lesia-pietri/)Head of Product Design Je suis Head of Product Design chez GoodBarber. Je dirige le design du produit : le design system sur lequel toutes les apps sont construites, les layouts qui servent de point de départ, et le parcours qui mène d'une idée à une app publiée. Mon travail, c'est qu'une personne qui n'a jamais ouvert un outil de design publie quand même une app qui a l'air pensée, écran après écran. Designer dans l'âme, je passe mes journées sur les détails que personne ne nomme : les espacements, les contrastes, le poids d'un titre. J'écris ici sur le design de GoodBarber, et sur les nouveautés du produit : les fonctionnalités, les layouts et les thèmes. [En savoir plus](https://fr.goodbarber.com/blog/author/lesia-pietri/) [![LinkedIn](https://portal.ww-cdn.com/portal_static/svg/base2021/linkedin.3ed8162e2a2b.svg)](https://www.linkedin.com/in/lesia-pietri-150824116/)