Stoppen Sie die Überbeanspruchung von Überlaufmenüs

Stoppen Sie die Überbeanspruchung von Überlaufmenüs

Sie kennen diese obskuren Menüschaltflächen auf Apps und Websites, die noch mehr Menüoptionen anzeigen? Sie haben normalerweise ein Auslassungszeichen „ “ oder ein Pfeilsymbol ▼ und manchmal sogar ein More- Label. Oder, noch besser, ein Mehr mit einem ▼! Diese werden als Überlaufmenüs bezeichnet. Überlaufmenüs sind eine Geißel, die ausgerottet, unter den Füßen zerquetscht und in einem Meer aus giftigem Schlamm ertränkt werden sollte.

Überlaufmenüs sind für Designer von Benutzeroberflächen sehr verlockend. Designern ist seit Jahren klar, dass der Höhepunkt der Leistung eine „saubere“ Benutzeroberfläche ist. Designer stolpern blind über einander, um das alte Sprichwort zu beachten:

… Perfektion wird schließlich nicht erreicht, wenn nichts mehr hinzuzufügen ist, sondern wenn nichts mehr wegzunehmen ist. - Antoine de Saint-Exupery

Überlaufmenüs scheinen die perfekte Lösung zu sein. Designer können die Komplexität „wegnehmen“ und nur die wirklich wichtigen Teile belassen. Sie können schnell und einfach eine übersichtlich aussehende Benutzeroberfläche erstellen. Das Problem mit Überlaufmenüs ist, dass Sie nichts weggenommen haben, sondern es nur widerlich verschleiert haben.

Der Kern des Problems besteht darin, dass Überlaufmenüs es Designern, Ingenieuren und Produktleuten ermöglichen, schwierige Entscheidungen zu treffen. Anstatt Prioritäten zu setzen, fegen wir die Komplexität einfach unter den Teppich und tun so, als ob sie nicht existiert. Software mit Überlaufmenüs ist oft noch schwer zu verwenden, selbst wenn die Komplexität jetzt unter der Oberfläche liegt. Da Benutzer nicht alle verfügbaren Optionen erkennen können, erschweren Überlaufmenüs häufig die Verwendung von Schnittstellen.

Schauen Sie sich einfach die Google Bildsuche an. Anstatt sich für eine sehr einfache Benutzeroberfläche oder eine Reihe leistungsstarker Tools zu entscheiden, teilte das Team den Unterschied auf. Sie können sich vorstellen, dass jemand das überzeugende Argument vorbringt:

Hey Leute, ich habe die ultimative Lösung. Durch das Ausblenden der erweiterten Optionen mit Hilfe eines Überlaufmenü aufgerufen Suchtools wird, Google Bildsuche leistungsfähig und einfach zu bedien sein! Außerdem fühlen sich die Leute von all unseren Suchoptionen überwältigt, sodass wir die Bücher, Flüge und Apps in einem Menü Mehr ▼ intelligent ausblenden . Ein perfekter Kompromiss.

Klingt gut. In der Realität kann ich nach Jahren des täglichen Gebrauchs immer noch nicht zuverlässig die richtige Option auswählen. Ich will nur meine Bilder für große Dateigrößen filtern, und ich weiß , dass es ein Menü irgendwo hier versteckt ist, aber ich ständig klicken Mehr wenn ich denke , ich soll klicken Suchtools . Argghhh!

Android hat Überlaufmenüs so stark angenommen, dass es ein Standardelement der Benutzeroberfläche in der Aktionsleiste ist. Auf jedem Bildschirm einer App erhalten Sie wahrscheinlich eine andere Auswahl an Menüoptionen. Einige Dinge wie Einstellungen oder Info werden möglicherweise im Überlaufmenü auf jedem Bildschirm einer App angezeigt. Andere wie " Beitrag löschen" sind kontextspezifisch für den Bildschirm, den Sie betrachten. Sie sind alle in einem schädlichen Potpourri vermischt: Es ist ein totales Durcheinander.

Ich beschäftige mich hauptsächlich mit der Implementierung von Überlaufmenüs durch Google, weil ich in einem Zweig des Unternehmens arbeite. Ich weiß, dass viele der Designer von Google hervorragend sind und es sicherer ist, Ihre Freunde auszuwählen, als Fremde in den Müll zu werfen. Überlaufmenüs verbreiten sich natürlich wie eine Plage in Apps, die von allen Arten von Teams entwickelt wurden, nicht nur bei Google. Und es ist nicht so, dass ich nie Kompromissentscheidungen getroffen habe, die ich später bereut habe, aber manchmal ist es eine gute Idee, Steine ​​in Glashäuser zu werfen. Und bezeichnenderweise haben einige der Standard-Apps auf Android kürzlich die Verwendung von Überlaufmenüs eingestellt. Der Play Store zum Beispiel hatte früher zig Millionen davon, und ich habe kürzlich die App geöffnet, nur um festzustellen, dass die Überläufe zugunsten einer intuitiveren und optimierten Benutzeroberfläche behoben wurden. Nett.

Wenn Google also einige talentierte Designer hat, warum laufen Überlaufmenüs auch hier oft noch Amok? Schauen wir uns an, wie schlechte Dinge guten Teams passieren und wie Sie vermeiden können, dass es Ihrem Team passiert:

Verschleierung ≠ Vereinfachung

Designer verwechseln häufig die Verschleierung mit der Vereinfachung. Das einfache Ausblenden von Funktionen scheint eine „sauberere“ und benutzerfreundlichere Oberfläche zu schaffen. Sicher, Ihre neue Benutzeroberfläche besteht möglicherweise den Schielentest der Einfachheit, aber Sie haben es nicht mit der Kernkomplexität Ihrer App zu tun.

Unsere Aufgabe als Designer ist es, die Komplexität so zu strukturieren, dass sie leicht zu verstehen ist. Das Problem mit Überlaufmenüs ist, dass es keinen Informationsgeruch gibt - alles, von einem saftigen Steak bis zu einem groben Lakritz, könnte sich unter diesem Menü verstecken. Berücksichtigen Sie die folgenden Optionen, anstatt einen Überlauf hinzuzufügen:

  1. Entfernen Sie die Funktion. Wenn 0,001% der Menschen es in einem Überlauf finden, haben Sie es wirklich gebraucht?
  2. Fügen Sie die Funktion für real hinzu. Zittern Sie nicht. Setzen Sie es auf die Seite. Scrollen ist der einfachste Navigationsmodus.
  3. Strukturieren Sie die Komplexität, verstecken Sie sie nicht nur. Verwenden Sie ein aussagekräftiges Symbol oder eine eindeutige Beschriftung, um anzuzeigen, dass eine Gruppe von Funktionen verfügbar ist. Im Ernst, "Mehr" oder "Menü" oder "..." sind keine eindeutigen Bezeichnungen.

Bestätigen Sie, dass Sie eine Krücke verwenden

Zuzugeben, dass Sie ein Problem haben, ist der erste Schritt zur Lösung. Viele Teams erkennen nicht an, dass die Verwendung eines Überlaufs eine Krücke ist, um eine schwierige Entscheidung zu vermeiden. Ich bin mir sicher, dass Sie sich manchmal bewusst dafür entscheiden, ein Überlaufmenü zu verwenden (ich gebe sogar widerwillig zu, eines zuvor verwendet zu haben), aber lassen Sie die Auswahl nicht einfach werden.

Zwingen Sie sich und Ihr Team, schwierige Entscheidungen zu treffen

Das ist wirklich der Punkt. Anstatt vorzutäuschen, Ihr Produkt einfacher zu machen, machen Sie es sich schwer, Menüoptionen einzuschließen oder nicht einzuschließen. Wenn etwas wichtig genug ist, um es aufzunehmen, zeigen Sie es den Kunden. Einer der besten Aspekte beim Entwerfen von Mobile-First ist, dass Sie ständig schwierige Entscheidungen treffen müssen, was aufgenommen und was weggelassen werden soll (dies gilt insbesondere für iOS, in dem kein Überlaufmenü integriert ist sein Toolkit). Nehmen Sie dies als Herausforderung statt als behindernde Einschränkung.

Sei kontextuell

Überlaufmenüs sind am ungeheuerlichsten, wenn ihnen der Kontext fehlt. In Google Mail zum Beispiel das DruckenDie Funktion kann unter einem von zwei Überlaufmenüs ausgeführt werden. In Android kann das Menü für dauerhaften Überlauf oben rechts in der Aktionsleiste globale oder lokale Menüoptionen enthalten. In Google Bilder stehen zwei nebeneinander liegende, nicht zusammenhängende Überlaufmenüs in Konflikt miteinander. Überlaufmenüs können funktionieren, wenn sie wirklich kontextbezogen verwendet werden. Betrachten Sie das Beispiel aus der Android-Wecker-App links. Dem Überlaufmenü oben rechts fehlt der Kontext (es kann sich um alles handeln), aber die Überlaufmenüs in jeder einzelnen Zeile geben einen Hinweis darauf, was Sie möglicherweise unter der Oberfläche finden, da es sich um einen Kontext für einen bestimmten Alarm handelt.

Forschung hält Sie ehrlich

Eine hervorragende Möglichkeit, die Flut von Überlaufmenüs einzudämmen, ist die Benutzerrecherche. In den Grenzen unserer Designstudios scheinen Lösungen wie Überlaufmenüs perfekt zu sein. Wenn Sie Ihr Produkt in die Hände normaler Menschen legen und beobachten, wie sie sich durch die von Ihnen entworfene Benutzeroberfläche kämpfen, ist dies der ultimative ernüchternde Darmcheck. Ihre "saubere" Benutzeroberfläche verwirrt wahrscheinlich Ihre Benutzer. Wenn Sie und Ihr Team keine Gruppe kaltherziger SOBs sind, sollte Sie das Einfühlen in die Kämpfe Ihrer Benutzer davon überzeugen, bessere Lösungen zu finden.

Betrachten Sie die Suche nach Informationen

Wenn mein Bombast oben für Sie unangenehm ist, überlegen Sie sich eine akademischere Perspektive, warum Überlaufmenüs nicht optimal sind. Es gibt eine populäre Theorie namens Information Foraging, die häufig verwendet wird, um zu beschreiben, warum einige Schnittstellen besser sind als andere. Eine ausführliche und nützliche Erklärung zu Information Foraging bei der Information Design Organization finden Sie hier. Das Wesentliche ist jedoch:

Die Theorie der Informationssuche basiert auf der Analogie eines Tieres, das entscheidet, was es essen soll, wo es zu finden ist, wie es am besten zu erhalten ist und wie viel „Energie“ (wie füllend) die Mahlzeit liefern wird. Stellen Sie sich ein Raubtier vor. B. ein Raubvogel, der immer wieder vor dem Problem steht, zu entscheiden, was er essen soll, und wir gehen davon aus, dass seine Fitness im Hinblick auf den Fortpflanzungserfolg von der Energieaufnahme abhängt. Energie fließt in die Umwelt und wird in verschiedenen Formen gespeichert. Für den Greifvogel ergeben verschiedene Arten von Lebensraum und Beute unterschiedliche Mengen an Nettoenergie (energetische Rentabilität), wenn sie in die Nahrung aufgenommen werden. //bit.ly/InformationForaging

In einer groben Übervereinfachung muss nach dieser Information Foraging-Theorie entweder etwas die Mühe wert sein, es zu suchen (hoher Wert), wenn es schwer zu finden sein wird. Oder wenn das Ding einen niedrigeren Wert hat, muss es in einem Kontext dargestellt werden, der das Auffinden erleichtert.

Betrachten Sie in einem konkreten Beispiel die versteckten Optionen in der Google Bildsuche. Ich benutze diese Oberfläche seit Jahren, um in Suchergebnissen nach „großen“ Bildern zu filtern, und habe die Oberfläche weder gelernt noch aufgegeben und eine andere Bildsuche verwendet. Sowohl die Frustration als auch meine fortgesetzte Nutzung der Google Bildsuche lassen sich durch die Information Foraging-Theorie erklären. Auf der einen Seite, die Suchtools ist Link nicht mit einem realen Kontext präsentiert, so dass ich es schwer zu lokalisieren und zu verwirrend - Heck es ein Recht als nächstes MehrLink, der einen ganz anderen Zweck erfüllt! Andererseits bin ich nicht so frustriert über die Komplexität, die ich aufgebe. Ich komme zurück und stoße mir immer wieder den Zeh an die Tür. Das liegt daran, dass das Essen so verdammt lecker ist. Es ist ein gutes Suchwerkzeug und der Filter für „große“ Bilder ist für meine Arbeit sehr nützlich. Ich wünschte, es würde nicht so gut schmecken oder, noch besser, ich wünschte, das leckere Essen wäre direkt an der Oberfläche.

Sie sagten, niemals Überlaufmenüs verwenden? Wie nie zuvor?

Überlaufmenüs haben wie fast alles eine Zeit und einen Ort, an dem sie nicht total saugen. Der geeignete Ort für ein Überlaufmenü ist jedoch wahrscheinlich nicht Ihr Projekt und wahrscheinlich nicht der Ort, an den Sie denken. Überlegen Sie also lange und gründlich, bevor Sie eine verwenden.