Et si je vous disais que les sites Web et les smartphones contiennent des hamburgers? Vous penseriez probablement que je l'ai totalement perdu après avoir cessé de prendre mes médicaments. Mais c’est tout à fait vrai, je ne vous en prie pas.
Lorsque vous ouvrez une application sur votre smartphone ou sur certains sites Web aujourd'hui, vous pouvez utiliser un hamburger - une icône de menu pour hamburgers.
Quel est le menu Hamburger?
Le menu des hamburgers (qui ne vient pas avec un ordre de frites) est constitué des trois lignes horizontales que vous voyez maintenant en haut de nombreux écrans, à l'extrême gauche ou à l'extrême droite.
$config[code] not foundC’est une icône, en fait.
En touchant, en touchant ou en cliquant sur l'icône, un menu latéral contenant une sélection d'options ou des pages supplémentaires s'ouvre.
Certains développeurs aiment l’icône du menu de la ligne hamburger 3, car elle leur permet d’intégrer davantage de fonctionnalités dans leurs applications ou leur navigation. La petite icône occupe une quantité minimale d’écran. Cela donne à l'application ou au site un look minimaliste.
Il est assez facile pour l'utilisateur de l'application ou le visiteur du site Web d'appuyer sur le bouton pour faire défiler le menu.
Ou alors vous pourriez penser.
Cependant, d'autres développeurs et certains utilisateurs détestent absolument l'icône du menu hamburger ou sont simplement déconcertés par celle-ci. Pourquoi? Parce qu’il n’est pas évident pour tous les utilisateurs que les trois lignes constituent en fait une icône de menu, et que cela ne dit pas aux utilisateurs ce qu’il contient.
Qui a inventé l'icône du menu Hamburger?
L’inventeur derrière l’icône du menu hamburger est un homme nommé Norm Cox. Il a créé l’icône du hamburger pour Xerox Star, la première interface utilisateur graphique au monde. C'était il y a plus de trois décennies.
Ensuite, l'icône a disparu.
Ce n’est que relativement récemment que l’icône du menu 3 lignes a commencé à se redresser, avec l’apparition des appareils mobiles.
Par exemple, en 2008, il apparaissait dans l'application Twitter, Tweetie. Puis en 2009, il est apparu dans l'application Voice Memos pour iPhone 3GS.
"Je dois rire avec l'attention que ce petit symbole" hamburger "est en train de devenir", a déclaré Cox dans une interview avec Small Business Trends.
"Il y a environ neuf mois, je n'avais pas pensé à la" goutte à goutte dans ma carrière de designer "depuis plus de 30 ans!"
"Seuls quelques symboles ont été pris en compte", a ajouté Cox. «L'un des symboles était une flèche pointant vers le bas en forme de triangle, représentant la direction dans laquelle le menu résultant apparaîtrait. Nous avons décidé que ce symbole avait tendance à être interprété trop souvent comme un pointeur. Nous avons pensé utiliser un astérisque (*) ou un symbole plus (+), mais ils semblaient trop abstraits. "
Cox a déclaré que l'image de hamburger à trois lignes s'est avérée juste. «Ce symbole était visuellement simple, facile à expliquer et mémorable sur le plan fonctionnel. Trois lignes étaient le nombre parfait », a ajouté Cox.
Quels sites Web ou applications utilisent cette icône du menu Hamburger?
Parmi les noms importants qui utilisent l'icône hamburger dans leurs applications, citons Gmail, Facebook, Reeder, Twitter et Starbucks.
Et maintenant, les sites Web et les navigateurs ont également adopté l'icône de menu 3 lignes. Les navigateurs Chrome et Firefox, par exemple, utilisent le menu situé dans le coin supérieur droit. Le menu hamburger masque toutes les options, paramètres et extensions. Et l’icône s’allume en orange lorsque quelque chose dans le navigateur doit être corrigé ou mis à jour.
Time.com est un exemple de site Web majeur qui utilise le menu des hamburgers - dans ce cas, dans le coin supérieur gauche. Lorsque vous cliquez sur l'icône du menu 3 lignes, une diapositive affichant des liens de contenu supplémentaires apparaît.
Certains experts soulignent que les fonctions du menu hamburger sont à peine utilisées.
Tout d’abord, beaucoup de gens n’ont pas encore compris que les 3 lignes horizontales sont en fait une icône de menu et pas simplement une image.
Deuxièmement, l’icône hamburger rend les informations du menu masqué «invisibles, cachées». À moins qu’elles ne cliquent sur l’icône du menu à 3 lignes ou ne la touchent pas, elles ne voient pas les choix proposés.
En effet, dans le cas de Time.com, le mot «menu» devait être ajouté sous l’icône pour rendre plus évident le symbole.
Dépendant moins du menu Hamburger
Divers développeurs ont exprimé leur mécontentement face à l'icône du hamburger et à ses défauts.
Certains refusent d'utiliser l'icône, malgré sa tendance.
Mais la société la plus en vue qui a apporté un changement est Facebook. Pour être tout à fait clair, Facebook n'a jamais déclaré publiquement qu'il souhaitait s'en débarrasser totalement. Mais Facebook fait ressortir certaines des fonctionnalités mobiles qui étaient auparavant cachées derrière l’icône hamburger.
Ils sont maintenant affichés dans une barre horizontale au bas de l'écran, appelée barre d'onglets.
La barre d'onglets inférieure prend un peu plus de place à l'écran, mais rend certaines fonctions plus évidentes.
Nous avons discuté avec M. Desinal, PDG et cofondateur d’Addappt. Il était également à l'origine de Crossloop, une application technologique distante faisant appel à un groupe d'utilisateurs, qui a finalement été vendue à AVG Anti-Virus.
«Le menu des hamburgers n’est pas vraiment adapté aux paramètres», a déclaré Desai, s’adressant à Small Business Trends. «C’est presque comme un« plus »ou on peut même penser à cela comme une alternative à la« barre d’onglet ». Il est rare de voir les deux, mais chez Addappt, nous avons exploré cela avec un prototype, mais avons finalement choisi d’emprunter la voie de la «barre de tabulation». "
«Ces décisions dépendent souvent de l'objectif de l'application. L'icône hamburger a tendance à reléguer des fonctions alors que la barre d'onglets les rend plus évidentes », a ajouté Desai.
Le créateur d'icônes hamburger obtient le dernier mot
Alors, devriez-vous utiliser une icône de menu hamburger sur votre propre site Web, thème mobile ou application?
Nous pensons que le développeur original de l'icône devrait avoir le dernier mot.
«La longévité du symbole (depuis les années 1980) témoigne de sa simplicité, de son utilité, de son aptitude d’apprentissage et de sa mémorisation», a déclaré Cox, interrogé sur les appels à éliminer l’icône de hamburger.
"Chercher à" tuer "ou" abolir "un outil d'interface utilisateur ou un widget basé sur une utilisation ou une utilisation médiocre est à la fois un peu myope et trop réactif."
Hamburger, Photos d'icônes rouges via Shutterstock
Plus à: Ce que vous ne saviez pas, qu'est-ce que 3 commentaires ▼
