Mega-Menü-Design rund um die erste Kaufentscheidung
Momentous bietet Käufern separate Wege nach Ziel, Kategorie und Bestseller. Bei Slowdown Studio können Besucher nach Produkttyp oder Marke wählen. Beide machen die erste Entscheidung ganz explizit. Bevor du Spalten anordnest, liste die verschiedenen Wege auf, wie Kunden ihren Bedarf beschreiben. Entferne dann Routen, deren Bezeichnungen unterschiedliche Dinge versprechen, aber zur selben Auswahl führen.
Bilder können ein weiteres Ziel veranschaulichen. TRNK gibt Polstermustern einen visuellen Platz neben Möbel-Links, während Fable ein Geschirrset neben seinen Kategorien hervorhebt. Heart nutzt sein Learn-Panel für Rezepte und Transparenzinformationen. Halte die normalen Links gut lesbar und beschränke hervorgehobene Karten auf Ziele, die den zusätzlichen Platz auch wirklich verdienen.
Anpassung eines E-Commerce-Mega-Menüs für Mobile
The Foggy Dog und rabbit nutzen verschachtelte mobile Navigationen, während DedCool sein Menü in einen Vollbild-Drawer verschiebt. Die Desktop-Spalten können nicht einfach in dieselbe Anordnung schrumpfen. Käufer brauchen einen klaren Weg in jede Gruppe, einen Weg zurück und einen Ausgang, der auch dann noch erreichbar bleibt, wenn mehrere Ebenen geöffnet sind.
Behalte vertraute Kategoriebezeichnungen über alle Bildschirmgrößen hinweg bei und überprüfe die Steuerungselemente dann separat. Das erfasste Hover-Verhalten bei Intelligentsia und Heart bezieht sich nur auf die Desktop-Interaktion. Teste Touch-Bedienung, Tastaturnavigation und längere übersetzte Labels, bevor du dieses Verhalten woanders übernimmst. Promo-Karten sollten die Shopping-Links in Reichweite lassen, besonders wenn ein mobiles Menü mehrere ausgeklappte Gruppen hat.