PLATEFORMES WP: Double Menu Responsive
BENCHMARK
• Application mobile Facebook (Android):
Menu via le scroll: Il apparait quand l’user scroll up, comme pour accéder à un menu qu’il trouverait naturellement en header sur une navigation desktop. Assez intuitif, ce menu parraît comme dédié au contenu du body, ici, « ajouter au flux d’actualités ».
BENCHMARK
• Menus Off-Canvas: http://tympanus.net/Development/OffCanvasMenuEffects/index.html
TOP SIDE: Les menus Off-Canvas poussent le body d’un coté ou de l’autre de l’écran. Incluant ou non une ouverture/fermeture par slide, ils sont intuitifs et plutôt clairs. Ici, le menu s’ouvre en poussant le body sur la droite et il créé une marge en haut de la page.
BENCHMARK
• Side Menu Staggered Animation: http://codepen.io/gsimone/pen/whIBC
Menu icônes: Ici le menu apparaît discrètement sur le coté gauche de l’écran (par-dessus le body), laissant visible une suite d’icône cliquables.
HOME
WHY HENNER
EMPLOYERS
BENEFICIARIES
HEALTHCARE PROVIDERS
Quand l’utilisateur clique sur l’icône menu ou slide sur la gauche , la navigation sort d’un panneau à droite poussant le contenu de l’autre côté. Quand je clique sur une rubrique , la navigation sort d’un nouveau panneau à droite . Si je clique à nouveau sur cette rubrique dépliée, je revient à la navigation principale du menu .
1 HEALTHCARE PROVIDERS
SERVICES
SELECTION POLICY
JOIN OUR NETWORK
3
2
Quand je slide vers la gauche ou vers la droite sur , je fais défiler les différents sites d’Henner. Et je valide en appuyant sur OK
4
2
Henner | International Organization
Our Websites
Healthcare Providers
Our Websites
Henner | Business
OK
Henner | Business
OK
STORYBOARD
Search Hac ex causa conlaticia stipe Valerius humatur ille Publicola
STORYBOARD
Search Hac ex causa conlaticia stipe Valerius humatur ille Publicola
Quand je clique sur le picto Search, une petite fenêtre s’ouvre au dessus de ma toolbar. Dès que je clique sur le champ de texte , mon clavier s’ouvre et pousse la fenêtre vers le haut, jusqu’à la barre de menu en sticker. L’espace entre la petite fenêtre et mon clavier est dédié à l’affichage des résultats de ma recherche.
1
2
2
1
Quand je clique sur le picto Contact, une fenêtre s’ouvre au dessus de ma toolbar. Dès que je clique sur le bouton ou , j’accède à la page et au formulaire dédié. Quand je clique sur l’icône Compass ,l’application Map de mon Smartphone se lance et me montre l’emplacement du siège social d’Henner.
STORYBOARD
Contact Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti
1
2 3
4
1
Join our medical network
Contact our International Organizations Department
Find us
Head Quarter: 10 rue Henner 75009 Paris FRANCE
2
3
4
STORYBOARD
Quand je clique sur le picto Login, une fenêtre s’ouvre au dessus de ma toolbar. Dès que je clique sur le bouton la navigation sort d’un panneau à droite poussant le contenu de l’autre côté en ne laissant apparaître que des icônes sur le coté gauche. Quand l’utilisateur clique sur « select your Organization » le menu déroulant natif du Smartphone s’ouvrira.
1
2
3
Login Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti
OTHERS
COMPAGNY CORRESPONDENT
INSURED MEMBER
Login Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti
From a Company
From international organization
OK Select your Organization
1
2
3
4 4
STORYBOARD
Login Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti
From a Company
From international organization
OK Select your Organization
Login Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti
I am…
OK Select who you are
Même fonctionnement pour les autres boutons « Company Correspondent » et « Others ».