AO3 News

Post Header

Published:
2016-01-09 23:55:56 UTC
Original:
Upcoming layout improvements for different screen sizes
Tags:

Als wir 2011 das Archive of Our Own – AO3 (Ein Eigenes Archiv) umgestalteten, griffen die meisten Benutzer von Desktop-Geräten aus auf die Seite zu, weshalb wir das Layout und das Designsystem mit größeren Bildschirmen im Sinn gestalteten. In den letzten vier Jahren hat sich viel verändert, und der Großteil der Zugriffe erfolgt mittlerweile über Geräte mit kleinen Bildschirmen, wie Tablets und Handys. Um dieser Tatsache gerecht zu werden, nehmen wir einige Veränderungen an unserem Layout und Designsystem vor.

Im Moment wird das Layout, das Du siehst, durch die Anzahl der Pixel in der Breite Deines Browserfensters bestimmt. Verwendest Du ein Browserfenster, das 640 oder weniger Pixel breit ist, siehst Du eine einspaltige Version des Layouts. Ansonsten siehst Du das Standardlayout. Unser Standardlayout wurde jedoch für größere Bildschirme entworfen. Wenn Deine Browserfensterbreite also zwischen 640 und 1024 Pixeln liegt, sieht Deine Persönliche Übersicht mit Filtern nicht besonders gut aus:

Die Seite der Werke eines Benutzers / einer Benutzerin mit der Persönlichen Übersicht, den Werken und den Filtern in drei Spalten. Die Filter sind aufgrund der Bildschirmgröße teilweise abgeschnitten.

Wir werden bald einen neuen Messpunkt hinzufügen, um denjenigen zu helfen, die eine leicht gequetschte Version des AO3 gesehen haben. Die neue Darstellung wird ein Kompromiss aus Standard- und Mobilgerätelayout sein: Die Persönliche Übersicht wird oberhalb des Hauptteils der Seite auftauchen, direkt unterhalb der zentralen Steuerelemente. Die Filter werden hingegen am rechten Rand der Seite verbleiben.

Die Seite der Werke eines Benutzers / einer Benutzerin mit der Persönlichen Übersicht oben und dem Hauptinhalt und den Filtern in zwei Spalten.

Wir werden außerdem dazu übergehen, nicht mehr Pixel sondern stattdessen ems als Einheit zu verwenden, um die Messpunkte zu definieren. Em-Einheiten sind relative Einheiten, die auf der Schriftgröße basieren. Diese zu verwenden bedeutet, dass das AO3-Layout für diejenigen besser funktionieren wird, die die Standardschriftgröße ihres Browsers verändert haben. Setzt man z.B. die Schriftgröße in Google Chrome auf 'Sehr groß', so wird der Text der Filter abgeschnitten und die Werk-Überblicke werden sehr schmal und lang dargestellt, auch wenn der Bildschirm 1024 Pixel breit ist:

Die Seite der Werke eines Benutzers / einer Benutzerin mit der Browser-Schriftgröße 'Sehr groß' und der Persönlichen Übersicht, dem Hauptinhalt und den Filtern in drei Spalten. Die Filter sind kaum zu sehen.

Sobald wir den neuen Messpunkt hinzugefügt haben, wird die Persönliche Übersicht oben auf der Seite erscheinen, sodass die Filter und Werk-Übersichten mehr Platz erhalten und man sich einfacher auf der Seite zurechtfindet:

Die Seite der Werke eines Benutzers / einer Benutzerin mit der Browser-Schriftgröße 'Sehr groß'. Die Persönliche Übersicht ist nun oben auf der Seite, Hauptinhalt sowie Filter werden in zwei Spalten angezeigt.

Die neuen Messpunkte 42em und 62em werden für die Verwendung in Benutzeroberflächendesigns verfügbar sein. Alle Designs, die den vorhandenen 640px-Messpunkt verwenden, werden automatisch zu der neuen 42em-Einstellung konvertiert.

Diese Messpunkte beziehen sich nicht auf das Format eines bestimmten Geräts – es gibt zu viele verschiedene Geräte, als dass dies eine praktikable Herangehensweise wäre – sondern sind auf den Punkt ausgelegt, an dem das Standardlayout des AO3 beginnt, problematisch zu werden. Uns ist klar, dass dies nicht ideal für DesignerstellerInnen ist, die sich entschlossen haben, das Layout stark umzuarbeiten, doch es sollte eine positive Veränderung für den Großteil der BenutzerInnen sein. Wir planen, zukünftig individuell anpassbare Messpunkte hinzuzufügen, sodass es möglich sein wird, Designs spezifisch für bestimmte Geräte zu entwerfen.

Falls Du Fragen hast oder sich Probleme ergeben, wende Dich bitte an unser Supportkomitee, das Dir gerne weiterhelfen wird.

Dieser Newsbeitrag wurde von freiwilligen ÜbersetzerInnen der OTW übersetzt. Um mehr über uns und was wir tun herauszufinden, schau auf der transformativeworks.org-Seite des Übersetzungsteams vorbei.