Heute hab ich einen ganz einfachen Punkt, den ich gern hätte, dass ihr nach dieser Folge versteht: Nämlich dass ein mobiles Menü auf dem Desktop beschissen ist. Zumindest ist das die zusammengefasste Idee von heute.
Wenn dir das schon klar ist, kannst du also direkt zur nächsten Folge springen, oder du hörst dir noch kurz meine Argumente an.
Mobile First Ansatz
Starten wir mal damit, was Mobile First eigentlich ist und woher die Idee dahinter kommt.
Unter Mobile First versteht man im Webdesign den Ansatz, dass man eine Website für Mobilgeräte, also für dein Handy designt. Am Bildschirm gibt es dann die Smartphone-optimierte-Version, nur eben in größer. In der SEO Welt versteht man unter Mobile First den relativ neuen Ansatz von Google, die Mobile Version deiner Website, als Richtwert zu verwenden, speziell für die Core Web Vitals (also die Performance).
Irgendwo aus diesem ganzen kommt auch die Idee von Mobile First. Sozusagen der nächste Schritt nach Desktop Only, Responsive Webdesign und nun Mobil First (oder auch gern manchmal Mobile Only).
Das Problem und die Lösung
Schön und gut, die Idee dahinter. Was ist jetzt das Problem? Auch wenn immer mehr User über ihr Handy auf eine Website zugreifen, ist das leider nicht ausschließlich der Fall. In bei manchen Unternehmen ist es nicht einmal die Mehrheit die über Handy suchen.
Speziell wenn wir uns ein bisschen mit dem Unternehmen hinter der Website befassen, sollte das eigentlich sehr schnell klar werden: B2B Businesses werden nun mal von den Mitarbeitern ihrer Businesskunden über den PC in der Arbeit gesucht – eindeutig Desktop.
Es kann auch helfen in Analytics nachzusehen, wie viel Prozent von Mobile und wie viele von Desktop kommen – das gibt dir auch eine klare Antwort.
Also in vielen Fällen sollte uns von Anfang an bewusst sein, dass Mobile First, oder Mobile Only, nicht die Lösung für diese Website ist. Aber nicht nur in diesen Fällen ist es keine Lösung.
Prinzipiell sollte man immer eine Version für Mobile und Desktop und Tablet haben – sozusagen die beste Version für jedes Device.
Das Mobile Menü
Kommen wir nun zum mobilen Menü, meinem Painpoint aktuell. Ich sehe es in letzter Zeit leider immer öfter auf Websites, keine Ahnung, ob das ein neuer Tick ist oder nur ein Zufall oder mein Fokus aktuell. Aber es gibt nichts Schlimmeres wie ein mobiles Menü auf Desktop. Damit wir uns verstehen das sind diese Menüs rechts oben, mit einem Bild mit 3 Striche, wenn man draufklickt, klappt sich das Menü auf.
Warum ist das nun ein Nachteil am Desktop?
- Man braucht einen Klick mehr, um überall hinzukommen – und wir sind alle Klick faul, speziell am Desktop
- Man hat nicht sofort eine Übersicht mit einem Blick was man auf der Website findet, was ja der ganze Vorteil ist daran das Menü schön benannt oben zu haben
- Man findet das Menü nicht so leicht, den keiner erwartet sich ein solches Menü auf Desktop
Zusammengefasst, es trägt einfach zu einer schlechten User Experience bei.
Fazit
Ich hoffe, es haben alle meinen Punkt verstanden. Kein mobiles Menü auf Desktop. Wobei es natürlich um viel mehr Punkte als nur das Menü geht, nur ist das gerade ein sehr aktuelles Thema für mich.
Also was lernen wir von der Folge heute? Wir designen nicht für Mobile, wir designen für alle Endgeräte – Mobile so wie Desktop – Touch sowie Maus geführte Navigation – großen so wie kleinen Bildschirmen. Wenn du das verstanden hast, bist du vielen Agenturen schon Lichtjahre voraus.
Aufgabe des Tages
Solltest du auf Desktop ein mobiles Menü haben, ändere es noch heute… Oder sag deiner Webdesign-Agentur, dass sie das so schnell wie möglich ändern sollte. Am besten, bevor ich durch Zufall auf deiner Seite lande und mich ärgern muss.