Nachdem das Mobile Design für Burning Board 3 mein von den Verkaufszahlen erfolgreichstes Design war, habe ich es mir natürlich nicht nehmen lassen, ein zweites Mobile Design zu erstellen. Dies geschieht ungeachtet dessen, dass WoltLab mit Community Framework 2 responsive Designs einführt, welche sich automatisch an die verfügbare Anzeigefläche des Browsers anpassen.
Natürlich braucht es hierfür dann einige Argumente, warum man dennoch auf ein separates Design für mobile Geräte setzen soll. Diese habe ich allerdings in petto.
Die Startseite ist verhältnismäßig ähnlich zu der normalen Darstellung in den responsive Designs:
Einen Unterschied gibt es hier lediglich dementsprechend, dass die Benutzeravatare zusätzlich entfernt und damit nicht geladen werden. Stattdessen sieht man einen kleinen Pfeil, der auf den neuesten Beitrag verlinkt.
Auffallend ist hierbei jedoch auch die obere Leiste, welche den Seitentitel und zwei neue Icons enthält (zu welchen ich noch kommen werde).
Einiges getan hat sich indes im Beitragsbereich:
Nicht nur ist das Design mobil-freundlicher, d.h. es wird ähnlich dargestellt wie normale Nachrichten auf dem Smartphone, sondern es zeigt ebenso an, ob ein Benutzer online oder ein Beitrag neu ist (letzteres aktuell im Bild nicht zu sehen). Bei einem Klick auf das Menüicon rechts am jeweiligen Beitrag erhält man das Menü nun auch über die gesamte Fläche des Browsers, wodurch es einfacher zu treffen ist.
Wie man außerdem sieht, sind auch die Felder für das Markieren von Beiträgen und zum Teilen vorhanden. Im Mobile Design 2 wird nämlich die Moderation im Vergleich zu den normalen responsive Designs weiterhin unterstützt. Dasselbe wird natürlich auch bei Themen zu finden sein.
Zudem sieht man oben links nun die neue Einbindung der Brotkrumennavigation, die hier an das Design von iOS 7 angelehnt ist und zur vorherigen Seite - in diesem Falle zum Forenbereich "Test" - führt.
Klickt (bzw. "toucht") man nun auf das Icon oben rechts, erhält man folgende Ansicht:
Hierbei wird ein voll funktionsfähiges und umfangreiches Menü sichtbar. Es beinhaltet Suche, Hauptmenü, Benutzermenü, Fußmenü und wichtige Funktionen wie Themen als erledigt markieren oder die Schnellnavigation.
Sofern verfügbar, wird noch ein zweites Icon angezeigt, mit dem man dagegen folgende Ansicht erhält:
Dabei wird die gesamte Seitenleiste (Sidebar) angezeigt und man muss auch diese Funktionen im mobilen Design nicht missen.
Zum krönenden Abschluss lässt sich das gesamte Design auch im normalen Browser problemlos benutzen. Hierbei werden dann die beiden Seitenleisten eingeblendet angezeigt, wodurch man keine Funktionseinbußen im Vergleich zu einem anderen normalen Design hat (mit Ausnahme nicht zwingend notwendiger Elemente wie die Forenstatistik der einzelnen Bereiche oder der Anzahl der Aufrufe von Themen).
Generell ist es so, dass das Mobile Design nicht benötigte Elemente wirklich entfernt und somit gar nicht erst lädt, was zu einer schnelleren Ladezeit führt.
Das alles macht das Mobile Design 2 zu einem würdigen Nachfolger der ersten Version und zu einer konsequenten Weiterentwicklung.