Fandom

Wikia Deutschland

Kommentare4

Das Grid-Layout von Wikia

Avatar 27. September 2012 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 Wikianer! Wie letzte Woche angekündigt möchte ich euch heute einen kleinen Einblick aus dem Design-Team geben und auf die Hintergründe der angekündigten Änderungen eingehen. Danke bereits jetzt für viele eurer Rückmeldungen! Euer Feedback hilft uns sehr dabei, bei solchen Entscheidungen die richtige Richtung zu finden. Konkret geht es in diesem Beitrag um das "Wikia-Grid".

Das Wikia-Grid

Hier bei Wikia haben wir eine ganze Menge von Ideen - wir tun unser Bestes um neue Funktionen zu entwickeln und bestehende Funktionalität zu erweitern. Unsere Designer, Entwickler und das Produkt-Team arbeiten alle zusammen - aber an verschiedenen Baustellen. Da wir viele Teams haben, die an Produkten arbeiten, brauchen wir ein System, das uns dabei hilft, die Entwicklung in geordneten und verlässlichen Bahnen zu betreiben. Dieses System ermöglicht uns neue Module, Seiten und Abschnitte für alle Wikis zu erstellen - und trotzdem unser Design flexibel und zusammenhängend zu halten.

Ein wichtiges Element dieses Systems ist ein "Grid" (Gitter) für unser Seiten-Design. Das Grid ist ein vordefiniertes Layout-System um die strukturelle und visuelle Darstellung von Inhalten konsistent und im Gleichgewicht zu halten. Wir benutzen ein Grid-basiertes System aus den folgenden drei Hauptgründen:

  • Die Nutzbarkeit für Leser und Autoren wird verbessert, da die Inhalte in einer ästhetisch ansprechenden und zusammenhängender Art und Weise in allen Communities durch ganz Wikia dargestellt werden.
  • Es hilft dem Design-Team ein konsistentes und harmonisches Layout für alle Produkte zu erstellen.
  • Es ermöglicht unserem Entwickler-Team eine effizientere Arbeit bei der Erstellung neuer Wiki-Funktionen durch die Bereitstellung einer vordefinierten Seitenstruktur.

So sieht das Basis-Layer unseres Grid-Systems aus:

01-grid-base.jpeg

Dieses Grid hat 6 Spalten - jede mit einer identischen Breite - die zusammen die Basisstruktur von jeder Seite von Wikia definieren. So wird eine räumliche Beziehung im Layout für vielfältige Seitenlayouts erzielt, die somit automatisch eine ansprechende visuelle Ähnlichkeit aufweisen.

03-grid-mixed-width.jpeg
04-grid-mixed-width.jpeg
02-grid-3col-basic.jpeg

Auf der rechten Seite findet ihr ein paar Beispiele von Layouts, die auf diesem Grid basieren.

Viele Angebote im Web nutzen ein Grid-basiertes System um eine visuelle und strukturelle Balance beizubehalten. Einige Grids sind wesentlich komplexer als unser 6-Spalten-Grid - viele existierende Grid-Systeme berücksichtigen sowohl im Horizontalen als auch im Vertikalen räumliche Zusammenhänge bei der Verwendung von wesentlich mehr Spalten. Wir glauben aber momentan daran, dass unser schlankes (und flexibles) System für uns das Beste ist.

Warum diese Größe?

Wir haben einen Nutzen darin gesehen, sowohl die rechte Seite als auch den Inhaltebereich zu verbreitern. Zukünftige Funktionen und Verbesserungen werden von dem kleinen zusätzlichen Platz in beiden Bereichen profitieren. Bei der Entwicklung des Grids haben wir die Vor- und Nachteile von anderen Abmessungen untersucht und sind zum Schluss gekommen, dass die Breite von 1030 Pixeln ideal sowohl für unsere kurzfristigen, als auch für unsere langfristigen Änderungen sind - mit Fokus auf die Nutzbarkeit durch alle Leser und Autoren. Und wir möchten diese Änderungen lieber heute als morgen zur Verfügung stellen - was immer eine Abwägung von Nutzbarkeit und Länge des Implementationszeitraums mit sich bringt. So haben wir uns entschlossen, statt eines graduellen Übergangs direkt komplett auf das Grid-System zu wechseln. Das hilft auch euch bei der Anpassung von Layout und Design in eurem Wiki - ihr müsst entsprechende Änderungen nur einmal vornehmen und nicht jedes Mal, wenn wir eine neue individuelle Funktion auf das Grid-Layout umstellen.

Uns ist bewusst, dass jede Änderung Auswirkungen hat und einige Arbeit von der Community erfordert. Aus diesem Grund machen wir uns solche Entscheidungen nicht leicht und berücksichtigen das immer bei unseren Diskussionen. Wie immer gilt natürlich: Solltet ihr Hilfe bei der Anpassung eurer Wikis brauchen (z.B. bei einem Update bzw. der Neugestaltung eines Hintergrundbildes), sagt Bescheid. Wir helfen gerne.

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

Auch bei Fandom

Zufälliges Wiki