{"id":12725,"date":"2015-01-13T01:04:33","date_gmt":"2015-01-13T09:04:33","guid":{"rendered":"https:\/\/redbooth.com\/de\/unkategorisiert\/hamburger-menu-iphone-app"},"modified":"2016-08-26T15:26:11","modified_gmt":"2016-08-26T22:26:11","slug":"hamburger-menu-iphone-app","status":"publish","type":"post","link":"https:\/\/redbooth.com\/de\/blog-de\/hamburger-menu-iphone-app","title":{"rendered":"Warum wir das Hamburger-Menü aus unserer iPhone App verbannt haben"},"content":{"rendered":"

Als wir mit der Arbeit an einer neuen Chat-Funktion f\u00fcr Redbooths iPhone App begannen, hatte unser Produkt & Design-Team einige Hintergedanken. Ja, wir waren davon begeistert, unseren Kunden die M\u00f6glichkeit zu bieten, sofort eine Verbindung mit ihren Kollegen aufzunehmen, auch abseits des Schreibtisches und von unterwegs aus. Aber wir erkannten auch eine Gelegenheit, die App von einem unserer gr\u00f6\u00dften Haupt\u00e4rgernisse zu befreien: dem gef\u00fcrchteten Hamburger-Men\u00fc.<\/p>\n

\"Das<\/a><\/figure>\n

Die Geschichte des Hamburgers<\/h2>\n

Wenn Sie ein wenig \u00fcber das Entwickeln von Mobile-Apps wissen, wissen Sie evtl. auch schon, dass das \u201eHamburger-Men\u00fc\u201c ein h\u00e4ufig verwendeter Entwickler-Trick f\u00fcr das Hinzuf\u00fcgen (oder Ausblenden) zus\u00e4tzlicher Funktionalit\u00e4ten irgendwo jenseits des Hauptbildschirms ist. Sie wissen vielleicht auch, dass es schrecklich f\u00fcr User Discovery und Engagement<\/a> ist, und dass Apple von seinen Einsatz abr\u00e4t<\/a>.<\/p>\n

\u201eErinnern Sie sich: Die wichtigsten Dinge bei einem intuitiven Navigationssystem sind, dass Ihnen gesagt wird, wo Sie sind und wohin Sie noch gehen k\u00f6nnen. Hamburger-Men\u00fcs sind in beiderlei Hinsicht schrecklich, weil das Men\u00fc nicht auf dem Bildschirm erscheint. Es ist nicht sichtbar.\u201c – Mike Stern<\/a>, Apple User Experience Evangelist<\/em><\/p><\/blockquote>\n

Wenn alle Studien und Tests Recht h\u00e4tten, w\u00e4re es f\u00fcr jeden schwierig, die Chat-Funktion unserer App zu entdecken und zu nutzen, wenn sie hinter dem Hamburger-Symbol versteckt w\u00e4re.<\/p>\n

Wir standen also vor einer Herausforderung. Wir wussten bereits, dass wir unseren neuen Chat f\u00fcr die Benutzer leicht zu finden und schnell erreichbar machen wollten, wenn Nachrichten mit ihren Teams austauschen m\u00fcssen. Aber dies mussten wir mit dem Rest der Funktionen, die unsere Kunden t\u00e4glich nutzen, ausbalancieren.<\/p>\n

 <\/p>\n

Unsere \u201eKunden\u201c-Forschung<\/h2>\n

W\u00e4hrend es ideal gewesen w\u00e4re, direkten Input von unseren existierenden und potentiellen Kunden zu erhalten, hatten wir weder die Zeit noch das Budget zur Verf\u00fcgung, um f\u00fcr eine komplette Usability-Studie zu rekrutieren. Au\u00dferdem ist unsere App f\u00fcr jemanden, den man gerade im \u00f6rtlichen Einkaufszentrum oder bei Starbucks f\u00fcr eine schnelle \u201eGuerilla\u201c-Forschungssitzung angesprochen hat, nicht ganz einfach zu erkl\u00e4ren. Stattdessen entschieden wir uns daf\u00fcr, unsere eigenen Mitarbeiter als Versuchskaninchen zu benutzen.<\/p>\n

Wir luden Mitarbeiter aus allen Abteilungen zur Teilnahme an unserer provisorischen User Research-Session ein. Jeder Teilnehmer erhielt einen Satz von 15 Haftnotizen, die verschiedene Teile der Website App repr\u00e4sentierten, und wurde aufgefordert, die ideale App f\u00fcr sein Handy auf die Weise zu legen, auf die er Redbooth nutzte. Die Teilnehmer wurden gebeten, ihre Bed\u00fcrfnisse laut zu erkl\u00e4ren\u00a0und anzugeben, ob sie derzeit iOS oder Android auf ihrem Hauptger\u00e4t verwendeten. Die Ergebnisse waren vielf\u00e4ltig, aber es entstanden mehrere Muster, die, in Kombination mit unserem Wissen \u00fcber unsere aktuelle und anvisierte Kundenbasis, zur abschlie\u00dfenden Empfehlung unseres UX Teams f\u00fchrten.<\/p>\n

\"Redbooth-Mitarbeiter<\/a>Redbooth-Mitarbeiter nahmen an unserer Entwicklungs\u00fcbung in unserem B\u00fcro in Redwood City, an unserem Hauptsitz in Barcelona sowie bei einem Team-Au\u00dfentreffen auf dem Lande in Spanien teil.<\/p>\n

Viele unserer Teamkollegen wollten so viele Dinge wie m\u00f6glich in die kleine Anzeigefl\u00e4che zw\u00e4ngen. (Wir haben ihnen vermutlich mit dem alten Design einige schlechte Gewohnheiten beigebracht, da hier so viele Optionen wie m\u00f6glich in der Hauptnavigations-Schublade untergebracht wurden!) Aber das wichtigste Ergebnis der \u00dcbung waren die wiederkehrenden Themen oder Eintr\u00e4ge, welche von den Leuten an den wichtigsten Punkten hinzugef\u00fcgt wurden. \u201eChat\u201c, \u201eMeine Aufgaben\u201c und \u201eBenachrichtigungen\u201c erschienen immer wieder, w\u00e4hrend \u201eEinstellungen\u201c das am h\u00e4ufigsten vergessene Element war.<\/p>\n

Und so landeten wir bei einer 5-Tab-Navigation, die sich auf dem iPhone vollkommen native anf\u00fchlt. Unser altes Design war zwar einfach, aber auf gewisse Weise fast zu einfach in dem, was angezeigt wurde. Gleichzeitig war es zu komplex, weil notwendige Funktionen hinter einem Men\u00fc ausgeblendet wurden. Das neue Design f\u00fchlt sich immer noch einfach an, aber so, dass der volle Funktionsumfang schneller zug\u00e4nglich ist.<\/p>\n

\"iPhone<\/a>Das alte, versteckte Men\u00fc (links) wurde durch eine dauerhafte Reiter-Navigation (rechts) ersetzt.<\/p>\n

Als wir die neue Version der App aufbauten, ver\u00f6ffentlichten wir fr\u00fche Versionen an unsere internen Mitarbeiter, die uns halfen, das neuen Design zu validieren (und nach Fehlern suchten). Und eigentlich h\u00e4tte es und nicht \u00fcberraschen sollen, als sie sagten, dass sie die neue Navigation liebten \u2013 schlie\u00dflich hatten sie bei der Entwicklung geholfen! Aber als wir einigen Kunden eine Beta-Version zur Vorbeurteilung zur Verf\u00fcgung stellten, war das Feedback zum Design ebenfalls durchweg positiv. Daher waren wir ziemlich sicher, dass wir auf dem richtigen Weg waren.<\/p>\n

Schlie\u00dflich waren wir bereit, die komplette, \u00fcberarbeitete App der \u00d6ffentlichkeit vorzustellen \u2013 und durch die Magie von Apples Auto-Update-Funktion konnten wir mit nahezu sofortiger Wirkung Ver\u00e4nderungen im Verhalten unserer Kunden beobachten.<\/p>\n

 <\/p>\n

Das endg\u00fcltige Urteil<\/h2>\n

Also, was ist passiert?<\/p>\n