Hamburger-Symbol

Übersetzung der Hamburger-Ikone durch die Website-Designerin von Booking.com , Michelle Ferreira, am 23. September 2014.

Hamburger-Symbol

Das Hamburger-Symbol ist überall. Überall um uns herum. In Webanwendungen, auf mobilen und Desktop-Sites, in Software. Dieses allgegenwärtige dreizeilige Symbol ist mittlerweile so verbreitet, dass es den Anschein hat, als sei es eindeutig mit einem Navigationsmenü verknüpft. Aber ist das so?

In letzter Zeit haben die Diskussionen über die Wirksamkeit der Hamburger-Ikone neue Höhen erreicht. In Artikeln von bekannten Designern und auf mehreren Websites, darunter The Atlantic , TechCrunch , The Next Web und  Nielsen Norman GroupFazit: Dies ist ein UX-Antipattern, ein modisches und einfach zu implementierendes Symbol, das eine Regression aus einfacheren und ausdrucksstärkeren Alternativen darstellt. Unabhängig davon, ob es sich um ein Gegenmuster handelt oder nicht, ist die Verwendung des Symbols so stark gewachsen, dass es auf den meisten Websites, insbesondere auf kleinen Bildschirmen, zu einem fast unverzichtbaren Attribut wird.

Angesichts meine Position als Designer in einer Teamwebsite m.booking.com und unsere Nutzung der versenkbare Display - Symbole für das Menü, habe ich beschlossen , dieses Thema zu erforschen. Und ich begann damit, den Ursprung der Ikone zu studieren, um zu versuchen, ihren Weg zur Schande zu verstehen.

Die Hamburger-Ikone ist ein Klassiker. Auch wenn Sie mit diesem Namen nicht vertraut sind, sind die drei schwarzen Balken so vertraut wie der Mauszeiger - ein ständiger Begleiter unseres Internetsurfens vom ersten Tag an, an dem Sie Eigentümer Ihres Computers wurden.

Gizmodo

Das hört sich vielversprechend an. Obwohl die Ikone klassisch ist und schon immer existiert hat, waren die Webdesigner in ihrer Verwendung weniger konsequent. Das Symbol wurde für Listen, Ziehen und Neuanordnen, Ausrichten und vieles mehr verwendet. Vielleicht erklärt dieser Missbrauch seine Kritik als Menüikone. Möglicherweise hat dieses Symbol aufgrund seiner breiten Verbreitung und vielfältigen Verwendung die Fähigkeit verloren, eine einzelne Metapher zu vermitteln, und verwirrt die Benutzer.

Die ganze Geschichte hat mich gefragt: „Liegen wir falsch und haben alle anderen recht? Ist dies eine Unannehmlichkeit für unsere Benutzer? Gibt es Leute, die wirklich verstehen, was diese drei kleinen Zeilen auf unserer Website sind? "

Regelmäßige Leser dieses Blogs werden nicht überrascht sein, dass wir als Nächstes diese Fragen in Form eines A / B-Tests gestellt haben. Wie alles andere war das Hamburger-Symbol unseren vielen Kunden zugänglich, die durch Interaktion mit dem Menü feststellen sollten, ob dieses Symbol die beste Lösung war. Zu diesem Zeitpunkt hatte ich genug Artikel und Informationen gelesen, um sicherzugehen, dass der Mangel an Konsens oder anderen Ergebnissen nicht auf das Verhalten der Kunden zurückzuführen ist, für die das Design entwickelt wurde. Ich habe mich für die von James Foster beschriebene Methode entschieden , auf die sich viele beziehen, darunter einer unserer besten Mobilfunkspezialisten - Luc Wroblewski .

Ich habe mich dann entschlossen, das Hamburger-Symbol mit dem Wort MENU zu vergleichen


Früher haben wir verschiedene Platzierungen und Stile des Symbols getestet (mit einem Rahmen, ohne Rahmen, mit einem Symbol, verschiedenen Farben usw.), aber wir haben das Wort "Menü" nie getestet - aufgrund der Schwierigkeiten, die mit unserem Wunsch verbunden sind, in einundvierzig Sprachen zu testen von uns unterstützt. Wir sind jedoch weitergekommen, indem wir mithilfe unseres Sprachtexpertenteams Übersetzungen gefunden haben, und haben den Test durchgeführt:

Basisversion

Unser ursprüngliches Hamburgermenüsymbol befindet sich links neben dem Titel und rechts mit einem weißen Trennzeichen.

Basisversion


Alternative Option

Das Wort „Menü“ im Block mit einem weißen Rahmen mit abgerundeten Ecken ist ebenfalls links ausgerichtet.

Alternative Option


Wir haben ein Experiment für unsere gesamte Nutzerbasis gestartet. Angesichts des Bekanntheitsgrades und der Allgegenwart dieses Elements der Benutzeroberfläche hofften wir, dass es nicht lange dauern würde, Millionen unserer Kunden auf der ganzen Welt in jeder der unterstützten Sprachen und einer großen Anzahl von Geräten zu testen.

Also, was ist das Endergebnis? Hat das Wort Fast Food besiegt, wie es im James Foster-Experiment war, oder wird das Brötchen mit einem Pastetchen gewinnen?


Ergebnisse


Während dieses Experiments hat das Ersetzen des Symbols durch das Wort "Menü" das Verhalten unserer Benutzer nicht wesentlich beeinflusst. Mit Hilfe unserer riesigen Nutzerbasis können wir mit sehr hoher Wahrscheinlichkeit feststellen, dass insbesondere für Booking.com-Besucher das Hamburger-Symbol seine Rolle genauso erfüllt wie die Version mit einer Textbeschreibung.

Natürlich können wir diese Daten nicht auf alles hochrechnen. In einigen Ländern, in einigen Sprachen oder auf bestimmten Geräten hat dies möglicherweise besser oder schlechter funktioniert. Auf globaler Ebene können wir jedoch den Schluss ziehen, dass der „Hamburger“ zu lächerlich war. Im Allgemeinen war er so erkennbar wie das Wort "Menü". Im Geiste der Designwerbung sollten wir wahrscheinlich andere Optionen in Betracht ziehen und versuchen, Käse, eine Scheibe Speck und Pommes Frites zu unserer Hamburger-Ikone hinzuzufügen, aber jetzt freuen wir uns, bekannt zu geben, dass unser „dreilinearer Freund“ überall feststeckt. Die tatsächliche Platzierung, Form, Größe, Position und Farbe ist natürlich ein Thema für zukünftige Tests.

Zweifellos ist dies eine Lehre für uns alle über die Art der A / B-Tests. Sie testen nie UI-Elemente, ein Modell oder eine Funktion im Allgemeinen. Sie testen diese Dinge an einer bestimmten Benutzergruppe in bestimmten und bestimmten Szenarien. Was für Booking.com funktioniert, funktioniert möglicherweise nicht für Sie oder Ihre Benutzer. Dies ist einer der Gründe, warum wir unsere A / B-Tests durchgeführt haben. Die Schlussfolgerungen anderer Experten, Daten von anderen Websites oder Hypothesen, die in der Kneipe erfunden wurden und die einen Hamburger essen, bleiben unbewiesen, bis sie bei unseren Kunden und auf unserer Plattform getestet werden.

Nicht in unserer eigenen Metapher zu verwechseln, aber es ist wie ein Rezept für einen guten Hamburger. Selbst wenn Sie genau alle Zutaten für mich aufgeschrieben haben, erhalten Sie einen völlig anderen Hamburger. Dies wird natürlich von der Qualität des auf dem Markt erhältlichen Fleisches, dem für Brot verwendeten Mehl und Tausenden anderer Faktoren abhängen. Persönlich für uns, eine gute Idee , wenn es gut sein wird für Booking.com . Wenn wir es auf unserer Website wiederholen können und wenn es für alle unsere Kunden funktioniert.

Unsere Meinung

Sie sollten immer Ihre Ideen testen und sehen, was die empfangenen Daten Ihnen sagen und welche Fragen auftauchen. Mein Rat Nehmen Sie einen Happen und sehen Sie, was passiert.

Jetzt auch beliebt: