Mobil··15 Min. Lesezeit

Mobile Menüs und Touch-Interface-Design

Umfassender Leitfaden zum Mobile-Menü-Design: Hamburger-Menü, Touch-Interface-Regeln, fingerfreundliche Größen und Navigationstipps, die Conversions steigern.

Wenn Sie eine Website oder eine App auf Ihrem Smartphone öffnen, ist das Erste, was Sie berühren, meistens das Menü. Wie viele Sekunden Sie brauchen, um die gesuchte Seite zu erreichen, ob Ihr Finger mühelos die richtige Schaltfläche trifft und ob das Menü Sie beim Öffnen überrascht oder nicht, all das prägt Ihr erstes Urteil über diese Seite. Genau deshalb gehört ein gutes Mobile-Menü-Design zu den entscheidendsten Bausteinen einer modernen digitalen Erfahrung. Viele Lösungen, die auf dem Desktop noch akzeptabel sind, werden auf einem kleinen Bildschirm und unter Bedienung mit der Fingerspitze schnell unbrauchbar.

In einer Zeit, in der der mobile Traffic in vielen Branchen längst die Hälfte aller Besuche überschritten hat, ist der Ansatz „Lass uns zuerst für den Desktop gestalten und das Mobile später überlegen" nicht mehr zu rechtfertigen. Nutzer bewegen sich auf einem kleinen Bildschirm durch Ihre Seite, oft mit nur einer Hand, in Bewegung und mit zerstreuter Aufmerksamkeit. Unter diesen Bedingungen unterliegt das Touch-Interface ganz anderen Regeln als eine mit der Maus bediente Oberfläche. Der Finger ist nicht so präzise wie ein Cursor, er verdeckt bei jeder Berührung einen Teil des Bildschirms und wird, wenn er ermüdet, schnell ungeduldig.

In diesem Leitfaden behandeln wir das Mobile-Menü-Design von Grund auf. Von der Frage, wann das Hamburger-Menü die richtige und wann die falsche Wahl ist, über fingerfreundliche Touch-Targets, bis hin zu unteren Navigationsleisten, Barrierefreiheitsregeln und Performance-Optimierung bieten wir Ihnen einen praxisnahen und umsetzbaren Rahmen. Das Ziel ist, Ihnen eine solide Grundlage zu geben, damit Sie ein Touch-Interface schaffen, das sowohl gut aussieht als auch wirklich funktioniert.

Warum sich Mobile-Menü-Design vom Desktop unterscheidet

Auf dem Desktop haben Sie viel horizontalen Raum und einen präzisen Cursor. Sie können oben zehn Menüpunkte nebeneinander aufreihen und Dropdown-Menüs gestalten, die sich beim Überfahren öffnen. Auf dem Smartphone hingegen verengt sich der horizontale Raum und auch das Interaktionswerkzeug ändert sich. Statt der Maus kommt der Finger ins Spiel, und die Fläche, die der Finger berührt, ist weitaus grober als die punktgenaue Präzision eines Cursors.

Dieser Unterschied hat mehrere unmittelbare Folgen. Erstens ist die Anzahl der Elemente, die Sie auf dem Bildschirm zeigen können, begrenzt; statt zu versuchen, alles anzuzeigen, müssen Sie Prioritäten setzen. Zweitens ist der Zustand „Überfahren" (Hover) nicht mehr zuverlässig; auf einem Touchscreen gibt es so etwas wie Hover im Wesentlichen nicht, weshalb Menüs, die nur per Hover erscheinen, auf dem Smartphone funktionslos sind. Drittens wird die Frage entscheidend, welcher Bereich des Bildschirms mit dem Finger bequem erreichbar ist.

Daumenzone und Ergonomie

Die große Mehrheit der Menschen hält das Telefon in einer Hand und bedient es mit dem Daumen. Der Bereich, den der Daumen bequem erreichen kann, ist der untere und mittlere Teil des Bildschirms. Die oberen Ecken des Bildschirms sind, besonders bei Telefonen mit großem Display, mit einer Hand nur unter Mühe erreichbare „tote Zonen". Dass das klassische Hamburger-Menü oben rechts oder oben links positioniert ist, ist deshalb aus ergonomischer Sicht nicht immer ideal.

Der Weg, diese Realität in Ihr Design einfließen zu lassen, besteht darin, die am häufigsten genutzten Aktionen in der natürlichen Reichweite des Daumens zu platzieren. Untere Navigationsleisten sind genau aus dieser Logik heraus populär geworden. Wenn Sie die primären Aktionen im unteren Teil des Bildschirms platzieren, muss der Nutzer seinen Finger nicht zur Bildschirmoberkante strecken, und die Interaktion wird flüssiger.

Das Hamburger-Menü: Vorteile und Kontroversen

Das aus drei horizontalen Strichen bestehende Hamburger-Menü-Symbol ist eines der bekanntesten Sinnbilder des Mobile-Designs. Es nimmt wenig Platz ein, die meisten Nutzer wissen, was es bedeutet, und Sie können dahinter eine unbegrenzte Anzahl von Menüpunkten verbergen. Mit diesen Eigenschaften ist das Hamburger-Menü eine praktische Lösung und in vielen Szenarien nach wie vor die richtige Wahl.

Andererseits hat es im Laufe der Jahre auch ernsthafte Kritik einstecken müssen. Der grundlegende Einwand lautet: Wer das Menü vollständig verbirgt, senkt die Auffindbarkeit der darin enthaltenen Links. Niemand berührt etwas, das er nicht sieht. Wenn Ihre wichtigsten Seiten hinter dem Hamburger-Menü versteckt sind, ist die Wahrscheinlichkeit, dass Nutzer sie finden, geringer als in dem Fall, in dem sie direkt auf dem Bildschirm sichtbar wären. Aus diesem Grund sollte das Hamburger-Menü nicht wie eine „Mülltonne, in die alles geworfen wird" verwendet werden.

Wann Sie das Hamburger-Menü einsetzen sollten

Das Hamburger-Menü eignet sich ideal, um sekundäre und tertiäre Navigationselemente unterzubringen. Für inhaltsreiche Seiten mit zahlreichen Kategorien ist es sinnvoll. Auf einer einfachen Seite mit nur drei oder vier Hauptbereichen ist es jedoch unnötig, alles hinter dem Hamburger zu verstecken; diese Elemente direkt anzuzeigen liefert ein besseres Ergebnis.

Achten Sie bei der Verwendung des Hamburger-Menüs auf einige Punkte:

  • Das Wort „Menü" neben dem Symbol zu ergänzen, erhöht die Wiedererkennbarkeit, besonders bei weniger technikaffinen Nutzern.
  • Wenn sich das Menü öffnet, sollte es den Bildschirm mit einem schrittweisen und flüssigen Übergang füllen; abrupte Sprünge verwirren den Nutzer.
  • Im geöffneten Menü muss die Schließen-Schaltfläche (das Kreuz) deutlich sichtbar und leicht erreichbar sein.
  • Der Menühintergrund sollte ausreichend deckend sein, damit er sich nicht mit dem dahinterliegenden Inhalt vermischt.

Alternativen: untere Navigation und Tab-Leisten

Wenn Sie möchten, dass die primären Aktionen ständig sichtbar bleiben, ist eine am unteren Bildschirmrand fixierte Navigationsleiste meist die bessere Lösung. Dieser Ansatz hält drei bis fünf Hauptbereiche mit Symbolen und kurzen Beschriftungen dauerhaft auf dem Bildschirm. Der Nutzer wechselt mit einer einzigen Berührung zwischen den Bereichen und muss nichts öffnen oder schließen. Viele erfolgreiche Apps kombinieren die untere Leiste für die Hauptnavigation mit einem Hamburger- oder „Mehr"-Menü für zusätzliche Optionen.

Die Grundprinzipien des Touch-Interfaces

Ein gutes Touch-Interface berücksichtigt die physische Realität des Fingers. Das entscheidendste Konzept ist hier die Größe des Touch-Targets (Berührungsziels). Die berührbare Fläche einer Schaltfläche oder eines Links muss groß genug sein, um eine durchschnittliche Fingerspitze aufzunehmen.

Weithin anerkannte Richtlinien empfehlen, dass Touch-Targets mindestens etwa 44 bis 48 Pixel groß sein sollten. Ziele unterhalb dieser Größe führen dazu, dass Nutzer die falsche Stelle treffen und sich ärgern. Allein die Größe reicht jedoch nicht; auch zwischen zwei Touch-Targets muss ausreichend Abstand gelassen werden. Zwei kleine, eng nebeneinander gequetschte Schaltflächen werden für den Finger zum Albtraum, weil man nicht sicher sein kann, welche man gedrückt hat.

Feedback und Statusanzeige

Wenn Sie eine physische Taste drücken, spürt Ihr Finger den Druck; auf dem Bildschirm fehlt dieses Gefühl. Dieses Defizit müssen Sie durch visuelles und haptisches Feedback ausgleichen. Dass sich die Farbe eines Elements bei Berührung leicht ändert, dass ein Welleneffekt erscheint oder dass das Gerät mit einer kurzen Vibration reagiert, vermittelt dem Nutzer die Botschaft „deine Berührung wurde erkannt". Ohne dieses Feedback können Nutzer nicht sicher sein, ob die Berührung funktioniert hat, und drücken dieselbe Stelle wieder und wieder.

Gesten und Auffindbarkeit

Gesten wie Wischen, Ziehen oder Zoomen bereichern Touch-Interfaces. Versteckte Gesten haben jedoch eine große Schwäche: Sie sind nicht auffindbar. Wenn es auf dem Bildschirm keinen Hinweis gibt, woher soll der Nutzer dann wissen, dass eine bestimmte Geste existiert? Positionieren Sie Gesten deshalb nicht als primäre Interaktionsmethode, sondern als zusätzliche Abkürzungen, die die Erfahrung beschleunigen. Wenn eine kritische Aktion ausschließlich hinter einer versteckten Geste liegt, erreichen die meisten Nutzer diese Aktion überhaupt nie.

Vergleich mobiler Navigationsmuster

Es gibt nicht das eine Navigationsmuster, das zu jedem Projekt passt. Die richtige Wahl hängt von der Größe Ihrer Seite, der Anzahl der Hauptbereiche und den Gewohnheiten Ihrer Nutzer ab. Die folgende Tabelle vergleicht die gängigsten Muster anhand ihrer grundlegenden Eigenschaften.

Muster Am besten geeignet für Auffindbarkeit Ergonomie Kapazität
Hamburger-Menü Mehrteilige, inhaltsdichte Seiten Niedrig Mittel Hoch
Untere Navigationsleiste 3-5 Hauptbereiche Hoch Sehr gut Begrenzt
Tab-Leiste (oben) Verwandte Inhaltsgruppen Mittel Mittel Begrenzt
Priority+ (Priorität plus) Variable Anzahl an Elementen Mittel Gut Flexibel
Vollbildmenü Markenbetonte, visuell geprägte Seiten Mittel Gut Hoch

Wie aus der Tabelle ersichtlich ist, ist kein Muster in jeder Dimension überlegen. Während das Hamburger-Menü bei der Kapazität herausragt, ist es bei der Auffindbarkeit schwach; die untere Navigationsleiste glänzt in der Ergonomie, kann aber nur wenige Elemente tragen. In der Praxis ist der gesündeste Ansatz, diese Muster klug miteinander zu kombinieren.

Häufige Fehler beim Mobile-Menü-Design

In unerfahrenen Designs trifft man immer wieder auf einige klassische Fehler. Sie zu kennen, hilft Ihnen, den Fallen von Anfang an aus dem Weg zu gehen.

  1. Zu kleine Touch-Targets. Schaltflächen aus ästhetischen Bedenken zu verkleinern, untergräbt die Benutzerfreundlichkeit. Selbst ein visuell schlank wirkendes Element muss eine ausreichend große Berührungsfläche behalten.
  2. Übermäßig tiefe Menühierarchie. Den Nutzer durch vier oder fünf Ebenen klicken zu lassen, um sein Ziel zu erreichen, ist ermüdend. Versuchen Sie auf dem Smartphone, eine möglichst flache Struktur aufzubauen.
  3. Auf Hover angewiesene Interaktionen. Auf dem Touchscreen gibt es kein Hover. Menüs, die sich nur beim Überfahren öffnen, funktionieren auf dem Smartphone nicht.
  4. Langsame und schwere Animationen. Lange Übergangseffekte, die nur der Eleganz wegen eingebaut werden, verlangsamen die Nutzung des Menüs und lassen den Nutzer warten.
  5. Fest positionierte Elemente, die Inhalte verdecken. Am unteren oder oberen Bildschirmrand klebende Leisten überlagern manchmal wichtige Inhalte. Vergessen Sie nicht, ausreichend Abstand zu lassen.
  6. Unklare Zurück- und Schließwege. Ein Nutzer, der aus dem geöffneten Menü nicht herauskommt, fühlt sich gefangen. In jedem Menü muss es einen klaren Ausweg geben.

Performance vernachlässigen

Selbst ein visuell makelloses Menü ist ein Misserfolg, wenn es sich langsam öffnet. Mobile Geräte verfügen in der Regel über begrenztere Prozessorleistung als der Desktop und über schwankende Netzwerkbedingungen. Dass die Öffnungsanimationen des Menüs mit hardwarebeschleunigten CSS-Eigenschaften umgesetzt werden, dass unnötig schwere Grafiken vermieden werden und dass der Menüinhalt leichtgewichtig gehalten wird, beeinflusst direkt die wahrgenommene Geschwindigkeit. Dass die Reaktion innerhalb von 100 Millisekunden erfolgt, wenn der Nutzer ein Menü berührt, ist entscheidend, damit sich die Erfahrung „augenblicklich" anfühlt.

Wie man ein barrierefreies Touch-Interface gestaltet

Barrierefreiheit ist eine der oft vernachlässigten, aber wertvollsten Dimensionen des Mobile-Menü-Designs. Auch Menschen mit Sehschwierigkeiten, eingeschränkten motorischen Fähigkeiten oder solche, die einen Screenreader verwenden, werden Ihre Seite durchstöbern. Ein barrierefreies Design ist eigentlich ein besseres Design für alle.

Der erste Schritt ist der Farbkontrast. Der Kontrast zwischen dem Menütext und dem Hintergrund muss stark genug sein, um auch unter hellem Sonnenlicht lesbar zu sein. Zweitens sollte man im Menü Unterscheidungen vermeiden, die allein auf Farbe beruhen; den aktiven Tab sollte man beispielsweise nicht nur über die Farbe, sondern auch durch eine Linie oder einen Unterschied in der Stärke kennzeichnen. Drittens sollte man sinnvolle Beschriftungen und passende strukturelle Auszeichnungen verwenden, damit Screenreader das Menü korrekt interpretieren können.

Kompatibilität mit Tastatur und assistiven Technologien

Mobile Geräte werden nicht nur mit dem Finger bedient. Auch externe Tastaturen, Schaltergeräte und Sprachbefehle können ins Spiel kommen. Ihr Menü muss auch mit diesen Eingabemethoden navigierbar sein, die Fokusreihenfolge muss logisch fortschreiten und das fokussierte Element muss visuell deutlich hervorgehoben sein. Dass der Fokus, wenn ein Menü geöffnet wird, in das Menü hineinwandert und, wenn es geschlossen wird, zur öffnenden Schaltfläche zurückkehrt, verhindert für Screenreader-Nutzer das Verlorengehen.

Empfindlichkeit gegenüber Bewegung und Animation

Manche Nutzer fühlen sich durch bewegungsintensive Animationen unwohl oder können sogar Schwindel erleben. Die Einstellung „Bewegung reduzieren" der Betriebssysteme zu erkennen und für Nutzer, die diese Einstellung aktiviert haben, die Animationen zu vereinfachen, ist ein zugleich barrierefreier und respektvoller Ansatz. Dieses kleine Detail zeigt, wie durchdacht Ihre Erfahrung ist.

Das Design testen und kontinuierlich verbessern

Ein gutes Mobile-Menü reift nicht am Designtisch, sondern in den Händen echter Nutzer. Betrachten Sie deshalb kein Design als abgeschlossen, ohne es getestet zu haben. Der einfachste und wertvollste Test ist, das Menü auf echten Geräten unterschiedlicher Größe mit dem eigenen Finger auszuprobieren. Emulatoren sind nützlich, können aber das physische Gefühl des Fingers nicht vollständig wiedergeben.

Einen Schritt weiter gehen Usability-Tests mit echten Nutzern. Einigen Personen einfache Aufgaben zu geben („Würden Sie versuchen, zu dieser Seite zu navigieren?") und sie zu beobachten, bringt Probleme ans Licht, die Sie nicht vorhergesehen haben. Zu beobachten, wo Nutzer zögern, was sie falsch verstehen und welche Schaltfläche sie nicht treffen können, ist lehrreicher als seitenweise Theorie.

Kennzahlen, die Sie messen können

Um den Testprozess zu unterstützen, können Sie einige verhaltensbezogene Kennzahlen beobachten:

  • Die Öffnungsrate des Menüs und wie häufig welche Elemente berührt werden.
  • Wie viele Schritte Nutzer machen, um die Zielseite zu erreichen.
  • Das Verhalten, nach einer Fehlberührung sofort zurückzukehren (Rage Tap).
  • Die Absprungrate der Seite bei geöffnetem Menü.

Versuchen Sie bei der Interpretation dieser Daten, den Grund hinter den Zahlen zu verstehen. Wenn ein Element überhaupt nicht berührt wird, ist dieses Element möglicherweise überflüssig oder an der falschen Stelle positioniert. Nutzen Sie die Daten nicht blind, sondern um das Nutzerverhalten zu verstehen.

Mit A/B-Tests in kleinen Schritten vorankommen

Große Änderungen auf einmal umzusetzen, ist riskant. Stattdessen beweist es, welcher Ansatz tatsächlich besser abschneidet, wenn man zwei unterschiedliche Menüdesigns gleichzeitig verschiedenen Nutzergruppen zeigt und die Ergebnisse vergleicht. So können Sie beispielsweise eindeutig sehen, ob das Hinzufügen einer „Menü"-Beschriftung neben dem Hamburger-Symbol die Interaktion erhöht oder nicht. In kleinen, messbaren Schritten voranzugehen, ist weitaus gesünder als auf Vermutungen beruhende Entscheidungen.

Zukunftsgerichtet: kontextsensitive und adaptive Menüs

Mobile-Menü-Design ist kein statisches Feld. Mit zunehmender Gerätevielfalt gilt es, sich an ein breites Spektrum anzupassen, von faltbaren Bildschirmen bis hin zu großen Telefonen. Die Menüs der Zukunft werden wahrscheinlich kontextsensitiver sein; sie werden je nach dem, wo sich der Nutzer befindet, zu welcher Tageszeit er die Seite durchstöbert und nach seinem bisherigen Verhalten, die wahrscheinlichsten Aktionen in den Vordergrund rücken.

Auch Sprachschnittstellen und gestenbasierte Interaktionen reifen zunehmend heran. Doch keine dieser neuen Methoden wird die Berührung mit dem Finger vollständig ersetzen; sie werden sie vielmehr ergänzen. Aus diesem Grund werden solide Grundlagen, also fingerfreundliche Größen, klares Feedback und eine auffindbare Struktur, auch in Zukunft gültige Prinzipien bleiben. Beim Öffnen der Tür zu neuen Technologien an diesen Grundlagen nicht zu rütteln, ist der sicherste Weg.

Häufig gestellte Fragen

Ist es eine schlechte Wahl, ein Hamburger-Menü zu verwenden?

Nein, das Hamburger-Menü ist, richtig eingesetzt, ein äußerst funktionales Werkzeug. Das Problem liegt nicht im Menü selbst, sondern in der Art, wie es verwendet wird. Wenn Sie Ihre wichtigsten Seiten hinter dem Hamburger verstecken, sinkt die Auffindbarkeit. Wenn Sie es aber nutzen, um sekundäre und tertiäre Elemente zu sammeln, und es zudem mit einer unteren Navigation kombinieren, in der die primären Aktionen sichtbar sind, liefert das Hamburger-Menü sehr erfolgreiche Ergebnisse. Entscheiden Sie je nach Größe Ihrer Seite und Ihrer Prioritätenreihenfolge.

Wie viele Pixel sollten Touch-Targets mindestens groß sein?

Weithin anerkannte Richtlinien empfehlen, dass Touch-Targets mindestens etwa 44 bis 48 Pixel groß sein sollten. Das bietet eine Fläche, die eine durchschnittliche Fingerspitze bequem berühren kann. Ziele unterhalb dieser Größe führen zu Fehlberührungen. Nicht nur die Größe, sondern auch der Abstand zwischen den Zielen ist wichtig; lassen Sie zwischen zwei nebeneinanderliegenden Schaltflächen ausreichend Abstand, damit sie sich nicht vermischen.

Was ist besser, eine untere Navigationsleiste oder ein Hamburger-Menü?

Beide dienen unterschiedlichen Bedürfnissen, daher hängt das „Bessere" von der Situation ab. Wenn Ihre Seite drei bis fünf Hauptbereiche hat und Sie möchten, dass diese ständig sichtbar sind, ist die untere Navigationsleiste aus ergonomischer Sicht überlegen. Wenn Sie eine inhaltsdichte Seite mit zahlreichen Kategorien haben, bietet das Hamburger-Menü die nötige Kapazität. Die meisten starken Designs verwenden beides gemeinsam: primäre Aktionen unten, zusätzliche Optionen hinter dem Hamburger.

Ist es sicher, im Mobile-Menü Gesten zu verwenden?

Gesten sind wertvolle Abkürzungen, die die Erfahrung beschleunigen, sollten aber nicht allein die primäre Interaktionsmethode sein. Die größte Schwäche einer versteckten Geste ist, dass sie nicht auffindbar ist; wenn es auf dem Bildschirm keinen Hinweis gibt, kann der Nutzer nichts von der Existenz dieser Geste wissen. Machen Sie deshalb kritische Aktionen immer auch über eine sichtbare Schaltfläche erreichbar. Gesten als zusätzliche Geschwindigkeitsebene für erfahrene Nutzer zu positionieren, ist der sicherste Ansatz.

Was sind die drei wichtigsten Dinge für die Barrierefreiheit eines Mobile-Menüs?

Erstens, einen ausreichenden Farbkontrast bereitzustellen und die Informationsvermittlung nicht allein auf Farbe zu stützen. Zweitens, sinnvolle Beschriftungen und passende strukturelle Auszeichnungen zu verwenden, damit Screenreader das Menü korrekt interpretieren können. Drittens, dass der Fokus beim Öffnen und Schließen des Menüs logisch verwaltet wird; beim Öffnen sollte der Fokus hineinwandern, beim Schließen zur öffnenden Schaltfläche zurückkehren. Diese drei Prinzipien verbessern die Erfahrung für eine sehr breite Nutzerschaft.

Wie sollte ich mein Mobile-Menü testen?

Der wirksamste Test ist, das Menü auf echten Geräten unterschiedlicher Größe mit dem eigenen Finger auszuprobieren; Emulatoren können das physische Gefühl des Fingers nicht vollständig wiedergeben. Darüber hinaus bringt es Probleme ans Licht, die Sie nicht vorhergesehen haben, echten Nutzern einfache Aufgaben zu geben und sie zu beobachten. Verfolgen Sie Kennzahlen wie die Öffnungsrate, die Anzahl der Schritte bis zum Ziel und das Verhalten bei Fehlberührungen. Setzen Sie große Änderungen nicht auf einmal um, sondern gehen Sie mit A/B-Tests in kleinen Schritten voran.

Fazit

Mobile-Menü-Design erfordert, die durch den kleinen Bildschirm entstehenden Einschränkungen nicht als Hindernis zu sehen, sondern als eine Disziplin, die zur Klarheit zwingt. Wenn Sie anerkennen, dass der Finger nicht so präzise wie ein Cursor ist, dass der Daumen einen bestimmten Reichweitenbereich hat und dass die Aufmerksamkeit des Nutzers knapp ist, wird es viel leichter, die richtigen Entscheidungen zu treffen. Hamburger-Menü, untere Navigationsleiste oder eine Kombination davon: Das richtige Muster bestimmt sich immer nach der Struktur Ihrer Seite und den tatsächlichen Bedürfnissen Ihrer Nutzer.

Vergessen Sie nicht, dass ein gutes Touch-Interface nicht aus auffälligen Animationen entsteht, sondern aus richtig dimensionierten Zielen, klarem Feedback, auffindbaren Strukturen und barrierefreien Optionen. Wenn Sie diese Grundlagen solide gelegt haben, krönen ästhetische Feinheiten die Erfahrung; ist das Fundament aber schwach, kann kein visueller Schliff es retten. Testen Sie Ihr Design auf echten Geräten, mit echten Fingern, hören Sie auf die Daten und verbessern Sie es kontinuierlich in kleinen Schritten.

Letztlich ist ein erfolgreiches Touch-Interface ein Design, das es dem Nutzer ermöglicht, ohne nachzudenken flüssig sein Ziel zu erreichen. Wenn die Person, die Ihr Menü öffnet, nicht einen Moment lang innehält und sich fragt „Wie funktioniert das?", dann haben Sie Ihre Arbeit richtig gemacht. Tragen Sie die Prinzipien aus diesem Leitfaden wie eine Checkliste bei sich und stellen Sie bei jedem neuen Projekt die mobile Erfahrung in den Mittelpunkt.

Tags

Mobile Menü DesignTouch InterfaceHamburger Menümobile Navigation

Professionelle Hilfe für Ihr Webprojekt

Möchten Sie eine schnelle, mobilfreundliche und SEO-fähige Website? Sprechen wir über Ihre Idee.

Kontakt aufnehmen