Mobile zuerst — warum Foren-Themes am Smartphone gewinnen oder verlieren
Die Mehrheit deiner Leser kommt vom Telefon, aber die meisten Foren-Themes wurden am Desktop entworfen. Woran mobile Diskussions-Layouts scheitern und wie sie stattdessen funktionieren.
Schau in die Statistik deines Forums, bevor du das nächste Theme aussuchst. In den allermeisten Communities kommt heute die Mehrheit der Seitenaufrufe von Smartphones — bei Freizeit- und Interessen-Themen oft deutlich über die Hälfte. Trotzdem werden Foren-Themes noch immer am großen Monitor entworfen und getestet, und das Mobil-Layout ist der Kompromiss, der übrig bleibt. Das ist die falsche Reihenfolge.
„Mobile first” ist eine Denkweise, kein Feature
Mobile first bedeutet nicht, dass man das Desktop-Layout zusammenschiebt, bis es aufs Telefon passt. Es bedeutet, zuerst die enge Ansicht zu entwerfen — mit dem knappen Platz, der langsameren Verbindung und dem Daumen als Eingabegerät — und dann für breitere Bildschirme aufzustocken. Wer so herum denkt, trifft von Anfang an die härteren Entscheidungen darüber, was wirklich wichtig ist.
Wo mobile Foren typischerweise scheitern
Immer wieder an denselben Stellen:
- Zu kleine Tap-Ziele. Links und Buttons brauchen eine Trefferfläche von rund 44 mal 44 Pixeln. Eng nebeneinander stehende Aktionslinks unter einem Beitrag („Zitieren · Melden · Bearbeiten”) sind am Daumen ein Glücksspiel.
- Meta-Daten, die den Platz fressen. Große Avatare, ausführliche Profil-Kästen und Signaturen kosten am Telefon wertvolle vertikale Höhe. Auf schmalen Displays gehört der Beitragstext nach vorn; die Beiwerk-Elemente werden kleiner oder wandern hinter ein Antippen.
- Feste Breiten und horizontales Scrollen. Eine einzige zu breite Tabelle, ein nicht umbrechender Code-Block oder ein Bild mit fester Pixelbreite zwingt die ganze Seite ins Seitwärts-Scrollen. Das ist einer der frustrierendsten Fehler überhaupt.
- Formulare, die den Bildschirm sprengen. Das Antwortfeld ist das Herz eines Forums. Wenn das Tippen am Telefon umständlich ist, sinkt die Beteiligung messbar.
Die Navigation neu denken
Am Desktop trägt eine Kopfzeile problemlos ein Dutzend Links. Am Telefon nicht. Die verbreitete Lösung ist das eingeklappte Menü, aber Vorsicht: Was hinter drei Strichen verschwindet, wird seltener benutzt. Die wichtigsten zwei bis drei Ziele — meist „Neue Beiträge”, Suche und der Antwort-Zugang — gehören sichtbar, nicht ins Menü.
Bewährt hat sich eine schlanke, am unteren Rand fixierte Aktionsleiste für die zentralen Funktionen. Der Daumen erreicht den unteren Bildschirmrand leichter als den oberen — eine kleine ergonomische Wahrheit, die einen großen Unterschied macht.
Lesbarkeit gewinnt am Telefon von selbst
Der schmale Bildschirm erzwingt fast automatisch eine gute Zeilenlänge — das Problem der überlangen Desktop-Zeilen gibt es hier nicht. Dafür zählen andere Dinge doppelt: eine Grundschrift von mindestens 16 Pixeln (kleiner löst auf iOS ungewollten Zoom aus), großzügiger Zeilenabstand und genug Innenabstand, damit der Text nicht am Displayrand klebt.
Performance ist Teil des Designs
Mobil heißt oft: unterwegs, im wechselnden Netz, auf einem älteren Gerät. Ein Theme, das ein halbes Dutzend Webfonts, große Hintergrundbilder und schwere Skripte lädt, fühlt sich am Telefon zäh an, egal wie schön es am Desktop wirkt. Halte die Zahl der Ressourcen klein, lade Bilder erst beim Heranscrollen (loading="lazy"), und bevorzuge System-Schriften. Design und Ladezeit sind am Telefon dasselbe Thema.
Das Antwortfeld verdient besondere Sorgfalt
Wenn eine einzige Sache am Telefon rund laufen muss, dann das Verfassen einer Antwort. Das Eingabefeld sollte beim Tippen nicht von der Bildschirmtastatur verdeckt werden, die Formatier-Werkzeugleiste erreichbar bleiben, und ein versehentlich verlassener Entwurf nicht verloren gehen. Communities, in denen das mobile Antworten reibungslos ist, haben spürbar mehr Beiträge von unterwegs — und damit lebendigere Diskussionen.
So testest du richtig
Nicht im schmal gezogenen Desktop-Browserfenster — das täuscht. Nimm ein echtes Telefon, am besten ein nicht ganz neues, und geh die typischen Wege durch: einen langen Thread lesen, eine Antwort mit Zitat schreiben, die Suche benutzen, ein Bild anhängen. Die Reibungspunkte, die du dabei spürst, spüren deine Mitglieder jeden Tag. Ein Theme, das diese vier Handgriffe am Telefon leicht macht, hat die wichtigste Prüfung bereits bestanden.