Retour

Mode de navigation mobile - Grid & Swipe

le 

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
Conseils pour créer une app