Neues Design mit automatischer Anpassung an Mobilgeräte
Das letzte Facelifting ist gerade ein paar Monate her, warum jetzt schon wieder ein neues Design? Die die aktuelle Entwicklung macht es nötig. Mehr als die Hälfte aller Leser besuchen Geek Out mittlerweile mit einem Smartphone oder Tablet-Computer. Das alte Design liess sich nur begrenzt auf kleinere Bildschirme skalieren und bot nur wenig Multitouch-Unterstützung. Deshalb habe ich mich für einen Neubau entschieden. Auf Mobilgeräten ähnelt Geek Out nun eher einer App, als einer Site - und lässt sich auch so bedienen.

Die neue Seite ist nun responsiv, dass heisst sie passt sich automatisch der jeweiligen Bildschirmgrösse an. Auf dem iPhone wird zum Beispiel das Menue vereinfacht dargestellt, sodass es sich spielend leicht bedienen lässt. Der Inhalt der Seitenleiste erscheint im unteren Teil der Seite - perfekt auf die Grösse des Displays skaliert. Auf dem iPad bleibt die Sidebar rechts, allerdings wird das Menue im Hochformat simplifiziert, was ebenfalls die Bedienung erleichtert.

Ziel war es, das andauernde Rein-und-Raus-Zoomen auf Handhelds zu vermeiden. Egal, ob man an einem 27“ Monitor sitzt, mit einem iPad surft, oder ein Android-Smartphone in der Hand hat - die Darstellung ist immer optimal. Wenn Sie gerade einen Mac oder PC nutzen, ziehen Sie das Browserfenster einfach mal auf schmal, um einen Eindruck von der Mobilversion zu bekommen.

Was mir persönlich aber fast noch wichtiger war: Eine möglichst saubere, beruhigend wirkende Oberfläche, die ablenkungsfreies Lesen ermöglicht - ähnlich dem, was man von eBooks und manchen News-Readern kennt.

Geek Out 5.0 basiert auf dem Gallant Theme von Brandon Lee, allerdings habe ich über 100 Funktionen und Details in HTML, CSS und PHP von Hand angepasst. In der nächsten Zeit wird es noch einige neue Funktionen und Verbesserungen geben. Solange ist die neue Seite eine öffentliche Beta. Wie gefällt sie Euch?

Illustrationen und Text: Thomas Landgraeber

Themen: Geek Out | In eigener Sache | Redesign