Blog

Mode de navigation mobile - Grid & Swipe

Hey GoodBarbers, aujourd'hui c'est jour de création chez GoodBarber, je vais donc profiter de cette occasion pour vous présenter deux des modes de navigation les plus populaires et les nouveaux détails que nous venons de sortir pour eux.

Mesdames et Messieurs, les stars d'aujourd'hui sont: les modes de navigation Grid & Swipe !!

Mode Swipe

Le mode de navigation Swipe est l'un des plus populaires dans l'industrie de l'application mobile.
Il est parfait pour les applications comprenant beaucoup de sections, mais pour les applications avec peu sections, il n'est généralement pas le premier choix, puisque le menu sera à moitié vide :/

Cet été, nous avons été vraiment inspirés et nous avons décidé de rafraîchir certains éléments de ce mode de navigation pour le rendre plus flexible selon les besoins de chaque utilisateur.
Jetons un oeil à ce que nous avons fait!

1/. Tout d'abord nous avons décidé de vous donner la possibilité de ne pas afficher l'en-tête de menu, ou au contraire, de rendre le plus visible en augmentant la taille de la police.
Ne sous-estimez ces petits détails, ils peuvent faire toute la différence.

2 /. La deuxième modification est l'option pour afficher les icônes de section ou non. Si vous avez une image de fond agréable, parfois aucun élément de design supplémentaire n'est nécessaire.

3 /. Il y a même des nouveautés au niveau de la taille de la police dans la liste des section. Je suppose que si vous décidez de ne pas afficher les icônes, vous pouvez augmenter l'espace alloué au texte, non? :)

4 /. Cette mise à jour est ma préférée! Si vous ne disposez pas de trop de sections dans votre menu, vous pouvez les centrer au lieu de les aligner avec le haut comme dans le modèle standard.

5 /. Enfin et surtout. Pour les amateurs de flat design: la possibilité de désactiver l'ombre entre la liste du contenu de la section et le menu.

C'est vrai, la compréhension des éléments graphiques juste en lisant un texte à leur sujet n'est vraiment aisée. Vous avez aussi besoin d'en prendre plein la vue.
Alors, regardons cette petite vidéo ....

Mode Grid

Le Grid est un autre modèle qui avait besoin d'une bonne mise à jour.
Les icônes étaient beaucoup trop petites pour les grands appareils que nous utilisons aujourd'hui, donc nous leur avons fait en sorte qu'elles puissent s'adapter parfaitement à chaque tailles d'écrans afin que votre application soit belle en toute occasion.

Et que dire du header? Il était aussi trop petit.
Maintenant, vous pouvez choisir la taille vous même, ou mieux, télécharger un logo personnalisé.

Maintenant, regardons cette vidéo, et voyons ce que vous pouvez vraiment faire avec ce beau modèle.
Je suis certaine que vous n'attendrez pas longtemps avant de vous ruer dans vos back offices pour mettre à jour vos menus ;)

Enjoy!

Bye bye
 
Traduit par Muriel Santoni

À lire aussi

  4 min de lecture

Votre catalogue immobilier Meta s'affiche dans l'app de votre agence

En bref. Catalogue Meta, carte et Catalogue Meta, annonces sont deux extensions de GoodBarber, l'app builder sans code, qui lisent le catalogue « Home listings » d'une agence, le flux XML qu'elle donne à Meta pour ses publicités immobilières. Catalogue Meta, carte remplit une section Carte : chaque bien dont la position est connue devient un repère avec sa fiche, classé par distance quand l'app connaît la position de l'utilisateur. Catalogue Meta, annonces remplit une section Article avec les mêmes biens, les plus récents en premier. Vous les connectez avec le lien du flux de votre catalogue. Elles sont gratuites pour les apps Content.Les agences construisent ce catalogue pour toucher les acheteurs et les locataires là où ils passent leur temps. Les apps de Meta ont été utilisées par 3,60 milliards de personnes par jour en moyenne en juin 2026, 3 % de plus en un an, selon les résultats du deuxième trimestre 2026 de Meta publiés le 29 juillet 2026. Voici comment les deux extensions fonctionnent pour une agence de Hambourg.

  5 min de lecture

Des cartes à vos couleurs

Vous vous demandez peut-être ce qu'une carte à vos couleurs change vraiment. Voici trois exemples, de la cohérence de votre design à l'histoire que votre app veut raconter.

  3 min de lecture

Vos événements et campagnes Givebutter s'affichent dans votre app

En bref. Givebutter Événements et Givebutter Campagnes sont deux extensions de GoodBarber, l'app builder sans code, qui lisent les campagnes d'une organisation sur Givebutter. Givebutter Événements remplit une section Agenda avec les événements à venir, à l'heure du fuseau de l'événement, avec leur lieu, sauf si vous le réservez aux participants. Givebutter Campagnes remplit une section Article avec les formulaires et les pages de collecte actifs, avec leur visuel de couverture et leur description. Vous les connectez avec une clé d'API Givebutter. Elles sont gratuites pour les apps Content : chaque section compte pour une des extensions incluses dans votre plan.Une grande partie des dons passe déjà par Givebutter. Lors du Giving Tuesday 2025, les donateurs y ont versé 20 millions de dollars, contre 16,4 millions en 2024, soit plus de 93 000 donateurs sur 16 000 campagnes actives, selon le bilan de Givebutter publié le 8 décembre 2025. Voici comment les deux extensions fonctionnent pour un refuge pour animaux.

Conseils pour créer une app