Blog

Design update: un nouveau template de carte en Split View

  Mis à jour le   1 min de lecture

Et voici une nouvelle mise à jour du design de la section Carte !
Avec ce template, nous achevons la refonte de la section Carte, l'une des sections les plus populaires de GoodBarber. Celui-ci sera exclusivement disponible sur mobile. 
Nous proposons ici une Split-view comme vous pouvez déjà le voir sur les Google Maps. 
Comme pour chaque nouveau design, nous pensons toujours à l'utilisateur final et rendons la navigation dans l'application aussi fluide que possible. Ce nouveau template permet aux utilisateurs de voir exactement où ils se trouvent actuellement sur la carte, mais aussi ce qu'ils recherchent sans qu'ils aient besoin de basculer entre les différents modes, vue carte et vue liste. 

Comment appliquer le template Split-view dans mon application ?

Dans le back-office de votre application, allez dans le menu Structure & Design > Structure > Sections > puis cliquez sur votre section carte > éditer la liste des lieux. Le panneau d'édition de cette section s'ouvrira. Sélectionnez le template de Split view et personnalisez-le à votre convenance. 
Lorsque vos utilisateurs ouvrent la section Carte, ils voient apparaître une vue glissante entre la carte et la liste des lieux. Ils peuvent facilement passer de l'une à l'autre en balayant la liste vers le haut pour afficher la liste complète, ou vers le bas pour afficher la carte complète.

À lire aussi

  7 min de lecture

Comment régler les bordures dans mon app ?

Dans GoodBarber, chaque cellule, widget et champ a déjà sa bordure de 1 px. Donnez-lui une couleur, 1, 2 ou 4 px d'épaisseur, ou un seul côté sous un titre.

  4 min de lecture

Le nouveau back office GoodBarber : plus de clarté pour créer votre app

Tout commence par le dessin. Une nouvelle typographie, Plus Jakarta Sans, un bleu pour l'interface, un vert réservé à ce qui publie et valide, des angles adoucis, des ombres douces et des icônes redessinées. L'ensemble se lit calmement, et chaque couleur a un rôle : le bleu guide, le vert confirme.Dans My App, l'aperçu de votre app occupe le centre de l'écran et les réglages sont rassemblés dans un panneau à droite. Vous modifiez d'un côté, vous voyez le résultat de l'autre, et votre app reste sous vos yeux pendant tout le travail.

Conseils pour créer une app