Parmi les grands changements opérés sur Windows 10, notamment sur nos terminaux mobiles, il y a le fameux menu "hamburger" de plus en plus présent au sein des applications de Microsoft. Alors que certains y trouvent de nombreux avantages, d'autres y voient une forme d'entrave à l'interface Windows Phone. Et si on vous expliquait d'abord de quoi il s'agissait avant d'ouvrir le débat ?Qu'est-ce qu'u...
Je profite de cet article pour profiter de vos conseils en terme d'ergonomie.
Je développe pour un client une appli WP 8.1 dont l'écran d'accueil repose sur un Pivot : on retrouve ainsi une liste d'actualités, une liste de contacts, des infos, etc...
Pour permettre à l'utilisateur final d'accéder directement à un PivotItem donné, j'ai également créé un PivotItem "Menu" qui recense les différents PivotItem disponibles. Dans un premier temps, il n'y avait que 4 PivotItems, donc ce n'était pas compliqué d'accéder à ce menu.
Mais comme je rajoute régulièrement de nouveaux PivotItems, je voudrais revoir l'accès à ce menu, pour que l'utilisateur n'ait pas à faire défiler les différents PivotItems pour y accéder.
Une des solution aurait donc été de créer un simili HamburgerMenu permettant à l'utilisateur de pointer directement sur le PivotItem voulu. Mais comment gérer l'appel à ce menu?
- dois-je simplement rajouter une icone à mon AppBarButton à la CommandBar, qui en contient déjà 2?
- puis-je modifier l'événement associé au clic sur "..." pour afficher/masquer le menu?
- puis-je modifier le template du PivotItem pour rajouter une icone à gauche ou à droite des libellés?
- ou dois-je garder le fonctionnement actuel?
Merci d'avance pour vos conseils ou vos retours...
Pas quand on clique à gauche de l'AppBar d'IE par exemple : C'est le bouton onglets/favoris (selon ce qu'on a choisi dans les paramètres d'IE) qui s'active :-(
En fait, quand l'AppBar est remplie, on ne cliquer que sur les "..." :-( qui sont d'ailleurs horizontaux pour ménager une zone cliquable carrée équivalente en surface à un icone (dans son boutonrond).
Un simple "menus et icones optimisés pour gauchers" avec un sélecteur On/Off (Off par défaut pour la majorité des gens, droitiers) à la 1ere initialisation/activation (sortie de la boite) du smartphone et accessible ensuite dans les paramètres système serait bien et uniformiserait l'aspect des AppBars de toutes les applications d'un même téléphone (sur MacOS X, un Windowsien n'est pas perdu parce que les boutons réduire, agrandir, fermer sont en haut à droite de la fenêtre au lieu d'être en haut à gauche sur Windows : on comprend tout de suite leur fonction car il ont en plus des icones ( "-", "X", "<>") assez semblables à ceux de windows au survol. (Apple a d'abord joué sur les couleurs : Rouge=fermer, jaune=réduire, vert=agrandir)
J'en connais des gauchers qui galérent pour atteindre avec leur pouce (de la main gauche qui tient le tél) les "..." complètement à droite de l'AppBar (dont celle d'IE) parce qu'ils ont un Lumia 1520 (écran 6 pouces plus large que leur pouce).
Mais je leur parlerai de l'astuce "clique complètement à gauche dans l'AppBar (lorsqu'il n'y a pas d'icone à cet endroit) ...
J'ai vérifié et c'est en effet bien le cas.
Comme déjà dit par certains les "..." ont tout leur sens dans l'ergonomie WP.
Là par contre je te rejoins. Il faudrait mettre une signalétique permettant de dire "attention reste des choses à voir si tu slides encore".
Si par malheur le système devait adopter ce nouveau menu pourquoi ne pas faire comme sur l'appli Spotify càd une icône signalant un menu et en slidant depuis la gauche ce menu apparaît (plutôt que de devoir appuyer sur l'icône).
Actuellement le design de WP oblige les développeurs et les marques à faire un design spécifique à WP, ce qui coûte plus d'argent et qui poussent certains à nous laisser de côté.
Avec ce système en natif, on permet le portage aisé d'applications sur Windows Phone, ce qui coûtera moins cher.
D'ailleurs je pense qu'en terme de possibilité de développement il faut faire sauter certaines limitations pour permettre le portage d'applications.
Actuellement je suis persuadé que si on a certaines applications avec moins de fonctions, c'est aussi parce que WP ne le permet pas (je pense à des applications comme Deezer, j'ai le sentiment que la gestion de l'audio via les applications est assez galère et que ça oblige à certaines limitations qui rendent l'usage de l'application assez chiant, ou son fonctionnement assez pourri...)
Après je suis pas développeur, mais tout ce qui peut permettre un portage facile d'applications est bénéfique car ça reviendrait moins cher aux développeurs et donc ça éviterait d'en rebuter certains.
C'est pas parce que les apps sur iOS ou Android ont adopté ce système (d'ailleurs, c'est davantage son emplacement sur l'écran que son icone qui est controversée) que WP doit abandonner sa barre de menu en bas de l'écran et ses 3 petits points ("...") à droite de cette barre pour développer tous les choix du menu.
Par contre, dans paramètres système, ça serait bien de pouvoir choisir si les "..." sont affichés à droite (droitiers, majorité des utilisateurs) ou à gauche (plus facile pour gauchers, minoritaires). Les drivers de souris permettent bien d'inverser les boutons droite et gauche et l'utilisateur peut choisir de poser/utiliser sa souris à droite ou à gauche de son clavier !
Même si ça n'amène rien, ça soulage
J'approuve, c'est vraiment pratique de pouvoir ouvrir ce menu sans nécessairement appuyer sur "..." !
Perso je n'aime pas trop ce type de menu, difficilement accessible en haut de l'écran et qui tend à tuer l'ergonomie "pivots" de Windows Phone.
Combinés aux "...", les pivots font très bien le boulot et c'est pour ça que WP m'avait séduit.
j'ai l'impression qu'on tue un peu la philosophie metro en essayant de ne pas trop bousculer les anciens Android users (ça, le centre de notif sans queue ni tête, le design de W10, etc.)
Et puis de toute façon, l'abus de hamburgers est dangereux pour la santé ^^ .
Cela n'a rien a voir avec les "..." en bas a droite qui correspondent a un agrandissement de menu.
Il y a eu beaucoup d'études ergonomique qui montrait qu'en fait souvent un simple bouton "menu" a la place du bouton hamburger était beaucoup plus parlant.
Il y a d'ailleurs pas mal de sites ou d'application qui indique"menu" a cote du bouton hamburger.
Je suis d'avis d'éviter ce bouton fourre-tout et d'utiliser des boutons les plus explicites et pratiques possibles : "menu", "..." et pivot
Le mettre en haut n'est pas ergonomique
Cela fait déjà un petit moment que je voulais vous proposer un petit article sur des "trucs&astuces (in)utiles". Dont ceci : les trois petits points apparaissent à droite, mais le coté gauche, même s'il n'affiche rien, a la même fonction que les 3 points ! Il suffit de le toucher ou de le glisser vers le haut pour que le menu s'ouvre ! Découvert par un gaucher...
;)
MODERATION : pas de langage SMS, merci. ( c’est et non c )
Ce menu Hamburger n'est pas issu de Windows Phone, et ce qui était présent jusqu'ici était vraiment chouet. Sauf qu'il est vrai que parfois il induisait de fausses manipulations. Combien de fois on se retrouve à changer de page alors qu'on voulait juste faire monter ou descendre celle en cours ? Ca m'arrive plein de fois ne serait ce que sur l'application MonWindowsPhone. Si le pivot n'étais présent que sur le haut de la fenêtre ce serait plus simple. Mais les grands écrans se démocratisent et tout ce qui se trouve en haut est difficile d'accès d'une main.
Le menu (hamburger ou non) peut rester. Par contre, comme certains l'ont dit, je le pense plus simple à attraper s'il est en bas à droite.
Excellent, cela résume parfaitement ce que je ressens au quotidien ... Les interfaces hamburger me laissent l'impression de retourner vers le passé, question interface ... :/
Heureusement que tu le dit je l'avais jamais vu et d'ailleurs jamais cliquer dessus, encore un bonne raison de laisser juste les "..." plus les pivot.
Mais peut etre que MS s en fout de notre avis car pour recuperer des utilisateurs d android et IOS ils faut qu il ressemble a ces plateformes :(
en bas : les points
l'important c'est de garder une ergonomie qui se retrouve dans toutes les applis, qui devient instinctive rapidement
Sans oublier que j'apprécie tout autant le système de pivot qui a aussi tout à fait sa place.
[list][*]Pour le menu "hamburger" en haut à gauche (éventuellement en plus du menu "...")
[*]Pour le menu "hamburger" en haut à droite ( éventuellement en plus du menu "...")
[*]Pour le menu "hamburger" en bas en remplacement du menu "..."
[*]Contre le menu "hamburger" et pour le maintien du menu "..."[/list]
Si un modo peut répondre ;)
Sinon j'essaierai de contacter les administrateurs du site.
Perso les "..." sont très bien pour les WP, mais, peut-être que sur pc le hamburger y aurait sa place!!?
Ceux ci prennent moins de place et leur alignement permet de minimiser la barre de menu au maximum. De plus, il me semble qu'ils sont plus explicites parce qu'ils évoquent le fameux etc.
Merci d'éditer votre message plutôt que d'en créer un autre, cela évitera les double posts.
J'aime les pivots et la barre de menus/options du bas, car c'est pour moi l'Identité de Windows Phone. Comme dit plus haut, bien utilisé et bien rangé, c'est un menu utile et simple, mais qui ne remplacera pas les 3 petits points, ils peuvent cohabiter, car ils n'ont pas les mêmes fonctions.
Ou alors il faudrait proposer ce hamburger en option du menu principal.
De plus cela va bien au delà d'une fonction, c'est devenu un standard dans l'ergonomie d'une interface, on retrouve ce menu quasiment tous les OS. On repère l'accès aux paramètres quelque soit l'appli.
POURS :
[list]
[*] La majorité des utilisateurs de Windows Phone ont sans doute déjà eu une expérience avec le bouton Hamburger sur d'autres OS et arrivent donc dans un environnement qu'ils connaissent.
[*] Les développeurs pourront proposer une interface similaire quelque soit la plateforme ce qui peut être pratique pour les utilisateurs.[/list]
CONTRES :
Windows Phone regroupe ingénieusement ses contrôles dans l'AppBar. L'AppBar est une trouvaille énorme en matière d'ergonomie : tous les contrôles y sont regroupés, faciles d'accès avec le pouce et le design est standardisé. D'où les contres :
[list]
[*] Le bouton Hamburger est un retour en arrière en matière d'ergonomie car il est mal situé.
[*] L'AppBar a été pensée pour répondre au même besoin que le menu hamburger, mais en plus ergonomique. Inutile de multiplier les contrôles si on vise une quelconque cohérence.
[*] Le menu Hamburger ne s'intègre pas au design Modern UI.
[*] Beaucoup d'utilisateurs passent à Windows Phone pour changer d'air, pour avoir quelque chose de différent, et finalement ils vont retomber sur quelque chose de similaire.[/list]
CONCLUSION :
Je suis contre ! Et ceux qui me disent "On peut mettre le bouton hamburger en bas" je leur réponds "On remplace les trois barres par trois points ?"
SUGGESTION :
Il faudrait que l'AppBar puisse s'ouvrir plus grand pour qu'il y ait plus de place pour les menu items s'il y en a beaucoup.
En fait pour ceux qui sont contre, c'est souvent un a priori sans vraiment savoir. Oui la position doit etre changée sur le tel (mettre en bas) mais en fait le menu hamburger c'est une application bar améliorée.. Rien d'autre.
C'est bien métro et moderne.. C'est un composant métro 2.0 qui est vite apparu sur Android et iOS pour concurrencer les application bars.. Voilà tout !
Maintenant il y a toujours des inconvénients et c'est normal de ne pas en être fan.. Mais il faut vraiment l'utiliser et quand c'est bien fait.. C'est top !
MODERATION : on peut désormais éditer ses messages depuis l'application pour rajouter quelque chose, cela évite les double posts .....
Par exemple je verrais bien une refonte de l'application officielle de Twitter qui intégrerait ce menu.
Sinon, ce menu à le mérite d'être clair, pour Windows Phone je suis pour l'utilisation de ce menu ... mais à condition d'être accompagné du fameux pivot des Windows phone, comme l'application Onedrive :)
Pour rappel, le langage SMS est proscrit part notre règlement. Merci de le respecter.
Le problème du menu hamburger, et ce n'est que mon avis, c'est qu'il n'est pas ergonomique du tout.
Déjà la position en haut n'est pas adéquate... De plus, cela amène des options verticalement ce qui n'est pas pratique d'une main, alors que nos 3 petits points en bas sont bien situés et remplissent très bien leur fonction :)
Si on veut accéder à une autre page, nous avons déjà le menu pivot qui est très pratique et ergonomique, ce n'est toujours que mon avis et ce qui m'a fait rester sur Windows Phone après Windows Mobile.
Pourquoi changer le comportement de notre OS préféré qui est relativement homogène et adapté aux Smartphones et qui est également agréable et relativement simple à utiliser?
Pour ma part j'aime le style actuel et je n'ai pas envie de me retrouver avec un Smartphone qui va ressembler dans les menus à la concurrence...
Hs: Depuis quelques temps l'appli ne cesse de planter sur mon Lumia 920 et mon Lumia 930 tout neuf d'il y a quelques jours... J'ai dû réécrire tout se message de zéro... :S Et je ne peux plus poster depuis l'appli, j'ai une pop up disant que mon commentaire est vide et ça désactive le bouton envoyer. Je dois donc fermer et rouvrir l'article.
Suis je le seul? Bientôt une maj peut être? Merci d'avance :)
Le menu "..." n'affiche pas seulement des options pour la page en cours, il permet souvent l'accès aux paramètres d'une application.
Un autre exemple dans le client e-mail standard où il permet aussi l'ajout d'un nouveau compte e-mail et l'accès aux dossiers.
Hormis des applications telles que Spotify qui sont des "copies" de leurs versions Android qui utilisent le menu "hamburger" et qui n'ont bien sûr pas été pensées pour le menu "...", ce dernier peut très bien regrouper les options que certains placent dans le menu "hamburger". Le meilleur exemple est l'application OneDrive !
Slide et points de suspension suffisent amplement.
Les points de suspensions ouvrent des options supplémentaires pour la page en cours, le menu hamburger permet d'accéder à d'autres pages.
WP a déjà le menu "...". Soit l'un, soit l'autre, mais pas les deux, sinon en se retrouve avec des options qui ont la même fonction et le bordel va arriver ( en dev on va vite se demander dans quel menu mettre quoi).
Les ihm Modern UI sont d'une intuitivité incroyable et WP fait sa renommée en partie là dessus.
SVP ne gâchez pas qualité des IHM WP pour singer Android. WP ne doit pas se travestir pour attirer les Android users.
- les utilisateurs d'Android qui n'arriveraient pas à se servir de l'ergonomie de WP, ils ne doivent pas savoir se servir non plus d'Android, qui est bien plus compliqué
Sinon les contres
- c'est le niveau 0 du design : on ne sait pas comment organiser l'info, on met ça dans un menu (voir l'appli OneDrive)
- menus et mobiles ne font pas bon ménage
- vraiment pas pratique en haut à gauche
- ça fait double emploi avec les slides
- Universalité (des apps) ne veut pas dire identités des IHMs, sinon, doit on brancher un clavier et une souris sur le tél ?
- ça dénature l'identité visuelle WP : quel intérêt de choisir WP ?
- ça dénature l'ergonomie de WP : pourquoi passer du meilleur au médiocre ?
- même Android est en train d'abandonner le hamburger, c'est dire !!!
et les pours
- ???
Que les ergonomes passent par là : tenant compte du fait qu'une assez grande majorité d'utilisateurs, lorsque la fatigue s'installe et qu'un usage pratique est alors bienvenu, tiennent le wphone main droite en agissant avec ledit pouce...