Fandom

Wikia Deutschland

Kommentare5

Der neue Wikia-Skin für mobile Geräte

Avatar 14. Dezember 2011 Benutzer Blog:Avatar

Störung durch Adblocker erkannt!


Wikia ist eine gebührenfreie Seite, die sich durch Werbung finanziert. Benutzer, die Adblocker einsetzen, haben eine modifizierte Ansicht der Seite.

Wikia ist nicht verfügbar, wenn du weitere Modifikationen in dem Adblocker-Programm gemacht hast. Wenn du sie entfernst, dann wird die Seite ohne Probleme geladen.

Hallo zusammen - lange gab es schon keinen Blog-Eintrag mehr. Momentan kommen sehr viele Dinge zusammen, Wikia wächst weiterhin ungebremst, aber leider kommen wir mit dem Ausbau des internationalen Teams nicht so schnell hinterher, als dass die zusätzliche Arbeit komplett abgefangen werden könnte.

Um so mehr freue ich mich aber, Euch heute den neuen Skin für mobile Geräte vorstellen zu können, der mit dem letzten Code-Rollout quasi als vorgezogenes Weihnachtsgeschenk veröffentlicht wurde.

Ein Update für die Darstellung auf mobilen Geräten war lange überfällig und die neue Version legt eine Grundlage für die zukünftigen Verbesserungen. Optimiert wurde er für iPhone- und Android-Systeme, so dass etwa 95% unserer mobilen Nutzer abgedeckt werden.

Artikel-Layout & Bilder

Auf den meisten mobilen Geräten sind die Bildschirme recht klein, was das Betrachten von mehrspaltigen Layouts problematisch macht. Aus diesem Grund hat der neue Skin ein einspaltiges Layout. Die meisten Probleme mit überlappenden Inhalten (siehe die Bilder unten) sind damit automatisch gelöst. Auch die Größe und die Abstände des Textes und der Knöpfe wurde angepasst, so dass die Inhalte leichter lesbar und antippbar geworden sind. Ebenso haben wir die Größe der Vorschaubilder und der Bildunterschriften angepasst um die Bedienung zu vereinfachen. Zusätzlich wird jetzt nach einem Tipp auf ein Vorschaubild eine größere Version des Bildes angezeigt (ähnlich wie im normalen Wikia-Skin) und man kann dann mit der Wisch-Geste durch alle Bilder der ausgewählten Seite wechseln.

Twilight-broken-bella.png

Alter Skin: Überlappende Spalten

Mobile-gta.png

Neuer Skin:
Sauberes Ein-Spalten-Layout


Die Navigationsleiste

Mobile-bleach.png

In der alten Version des Skins war es schwierig auf den ersten Blick festzustellen, in welchem Wiki man sich gerade befindet. Um das zu Verbessern haben wir die alte Navigationsleiste durch eine neue ersetzt, die das Logo des Wikis anzeigt und die Seitenfarbe des Wikis übernimmt - außerdem ist jetzt auch ein Suchfeld enthalten. Die mobile Suche wird in Zukunft auch "Type-Ahead-Search" unterstützen, so dass ihr nur die ersten paar Buchstaben einer gesuchten Seite angeben müsst und danach das gewünschte Ziel aus den Vorschlägen aussuchen könnt.

Weitere Änderungen

Wir haben noch eine ganze Reihe weiterer Änderungen vorgenommen. Dazu gehören unter anderem:

  • Diashows und Kommentare werden jetzt in der mobilen Version ähnlich dargestellt, wie im normalen Skin.
  • Slider werden jetzt korrekt angezeigt und passen sich an die Ausrichtung (horizontal/vertikal) des Bildschirms an. Sie blenden jetzt auch zusätzlich die komplette Beschreibung ein.
  • Große Tabellen werden komplett im Artikel dargestellt, aber mit einem sichtbaren Hinweis abgeschnitten, wenn sie zu breit sind, so dass der Rest des Artikel korrekt angezeigt wird. Um die komplette Tabelle anzusehen, reicht ein Tipp auf die beschnittene Tabelle und wie bei einem Vorschaubild öffnet sich eine große Version auf der man über die komplette Breite der Tabelle wischen kann.

Was bringt die Zukunft?

  • Mit einer Geste kann man durch alle Bilder wischen
  • Mit einer Geste kann man durch alle Bilder wischen
  • Mit einer Geste kann man durch alle Bilder wischen

Die bisherigen Änderungen sind schon ein riesiger Schritt vorwärts, aber wir haben natürlich noch jede Menge mehr in Planung. Das jetzige Release ist nur der Grundstein für die zukünftigen Änderungen. Konkret werden wir bald an der Beseitigung weiterer Layout-Fehler arbeiten, die lokale Wiki-Navigation einbinden, die Teilen-Funktion integrieren und vor allem: eine einfache Möglichkeit bieten, mobil neue Inhalte hinzuzufügen.

Sofern ihr Englisch sprecht und uns Feedback zum neuen Skin für mobile Geräte geben möchtet, findet ihr in der Fußzeile einen Feedback-Link. Wir freuen uns über jegliche Anregung - bitte denkt aber daran anzugeben, welches Gerät ihr genau verwendet und auf welche Seite in welchem Wiki ihr euch bezieht. Natürlich könnt ihr sonst auch auf Deutsch eure Anregungen und Kommentare unter diesen Blog-Beitrag schreiben und ich leite das entsprechend an unser Mobil Team weiter.

Viel Spaß mit dem mobilen Zugriff von unterwegs auf eure Wikis!

Willst du weitere Updates von Fandom Deutschland erhalten? Klicke hier, um diesen Blog zu verfolgen.

Auch bei Fandom

Zufälliges Wiki