Fandom

Wikia Deutschland

Kommentare6

Mobil-freundliche Hauptseiten erstellen

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.

CC MobileFriendly2015 700x200 BlogHeader R3 DE.png


Hallo Wikianer!
Anfang Februar hatten wir mit euch über den interessanten Trend gesprochen, den wir seit einer Weile auf Wikia beobachten. Im Durchschnitt kommen 50% des ganzen Netzverkehrs bei Wikia von mobilen Geräten. Wir nehmen stark an, dass der Trend sich noch verstärkt und haben aus dem Grund mobil-freundliches zum Fokus im Jahr 2015 gemacht.

Während wir uns mit dem Mobil-Thema auseinandersetzen, haben wir jede Menge an Ressourcen für euch geplant. Um euch beim Optimieren der Communitys für die mobilen Geräte zu unterstützen, werden wir Blogs schreiben mit Best-Practices und weitere Hilfeseiten erstellen für unser mobiles Hilfezentrum. Im Fokus sind zu Beispiel Tabellen, Stub-Vorlagen, Hauptseiten und mehr für Mobile Geräte.

Vor ein paar Tagen schon haben wir die Hilfeseite zum Thema "mobil-freundliche-Hauptseiten" veröffentlicht. Dies ist unser erstes Thema aus der Reihe "Wikia Mobil in 2015". Hauptseiten sind das Tor zu jeder Community und bedürfen der ungeteilten Aufmerksamkeit als Nummer 1 in der Reihe von geplanten Themen. Es gibt viele Wege, wie man die Hauptseite mobil-freundlich erstellen kann. Die neue Hilfeseite und der Blog enthalten einige der besten Lösungen, die wir gefunden haben.

Mobiler Emluator

Im wichtigsten Teil der Hilfeseite geht es um das mobile Emulator Tool. Mit Hilfe des Tools kannst du auf deinem Desktop sehen wie deine Bearbeitungen nachher in der mobilen Version aussehen werden. Warum ist das so wichtig? Denk mal drüber nach, was die einzelnen Communitys alles verändern müssen, um auf dem Mobilgerät gut auszusehen. Alle Inhalte, die man normalerweise auf dem Desktop verfasst hat, werden in das Mobil-freundlichste Format konvertiert. Dies stellt eine technische Herausforderung dar, weil eine ganze Seite Inhalt auf einen kleineren Bildschirm reduziert wird.

Wenn man das Mobile Emulator Tool benutzt, kann man ein gutes Gefühl dafür bekommen, wie deine Community später auf dem Mobilgerät aussieht. Der Emulator ist ein Standard-Online Tool geworden, während sich das weltweite Netz auf die mobile Revolution vorbereitet. Browser wie Chrome, Firefox und Safari haben schon das Emulator Tool und schlagen vor, ihr benutzt das auch. Du kannst deine Beiträge in vielen Betriebssystemen, Geräten und Seiten-Layouts betrachten. Ganz wichtig ist die Interaktion in der mobilen Ansicht, in der man scrollen kann, aktive Links sehen kann und ein Gefühl dafür bekommt, wie die Seite auf Mobilgeräten funktioniert. Wenn du erst einmal mit dem Emulator angefangen hast, wirst du viele mobil-freundliche Veränderungen in deinen Bearbeitungsgewohnheiten feststellen. Deine Community wird es dir sicher danken!

Allgemeine Probleme auf Hauptseiten

Die meisten Hauptseiten auf Wikia haben einen ähnlichen Aufbau von Funktionen und oft die gleichen Probleme mit der Optimierung für Mobilgeräte. Die Funktionen auf der Hauptseite sind meist:

  • Kopfzeilen mit Bild
  • Slider
  • Umfragen
  • Bloglist Funktion

Ein Problem ist, dass es oft keine einfache Lösung von der Benutzerseite aus gibt. Ein Beispiel dazu sind die Umfragen. Die werden zwar auf dem mobilen Gerät dargestellt, aber man kann nicht wählen. Das ist leider keine ideale Situation. Die beste Lösung dazu ist ein mobil-freundliches Produkt zu erstellen. Wir arbeiten bereits an einem Ersatz für die Funktion.

Unsere Hilfeseiten haben einiges an Ideen für euch, wie man momentan Abhilfe schaffen kann, als Kompromiss zwischen Desktop und der Mobil-Ansicht. Wir raten euch zu der Optimierungs-Strategie, aber das ist kein Muss! Vielleicht hast du auch einen anderen Weg gefunden, um temporär das Problem zu lösen, das ist natürlich auch in Ordnung.

Wenn du Elemente auf deiner Hauptseite gefunden hast, die wir hier nicht angesprochen haben, bitte schreibe uns über Spezial:Kontakt, unter dem Thema "Hauptseiten Optimierung". Wir evaluieren die Vorschläge und fügen sie eventuell mit in die Hilfeseiten ein.

Fallstudien

Ein großer Teil der neuen Best-Practices Serie ist, dass wir über Arbeit in einer Community berichten, in der wir mobil-freundliche Lösungen angewandt haben. Für die Hauptseiten hat unser Team bei dem englischen Monster Hunter Wiki angefragt und die Community hat uns erlaubt, an ihrer Hauptseite zu arbeiten. Input von der Community wurde mit in das Endprodukt aufgenommen. Das Resultat kann man auf der Hilfeseite sehen.

Zum Abschluss

Unser Ziel mit den Hilfeseiten ist Aufmerksamkeit auf das wachsende mobile Phänomen zu richten. Wir erwarten nicht, dass jede Community die Ratschläge befolgt. Wir arbeiten an neuen mobil-freundlichen Produkten, die der Community das Bearbeiten erleichtern. Unsere Hoffnung ist, dass jede Community auf den neuen Mobil-Trend aufmerksam wird und ihr Bestes tut, ihre Bearbeitungen darauf auszurichten. Die Lösungen dazu empfehlen wir wärmstens, aber wenn ihr eine Idee habt, die man ohne CSS und Javascript durchführen kann (wird in der mobilen Version nicht angezeigt), dann teilt uns das bitte mit!

Wie habt ihr eure Hauptseite mobil-freundlich gemacht? Wie immer, wollen wir euere Kommentare, Fragen und Vorschläge. Entweder hier unter dem Blog oder an Spezial:Kontakt.

Fandom Staff Footer Andrea


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

Auch bei Fandom

Zufälliges Wiki