AO3 News

Post Header

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

Da vi redesignede Archive of Our Own – AO3 (Vores Eget Arkiv) i 2011, brugte de fleste siden på desktop-enheder, så vi designede layoutet og layoutsystemet med større skærme i tankerne. Meget har ændret sig de sidste fire år, og det meste af vores trafik kommer nu fra enheder med små skærme som tablets og telefoner, så vi ændrer nogle ting ved vores layout og layoutsystem for at afspejle denne nye virkelighed.

På nuværende tidspunkt bestemmer AO3, hvilket layout du ser, baseret på hvor mange pixels bred dit browservindue er. Hvis du browser i et vindue, der er 640 pixels eller smallere, ser du en enkelt-spalteudgave af layoutet. Ellers ser du standardlayoutet. Vores standardlayout blev dog designet til større skærme, så hvis din browsers bredde er mellem 640 og 1024 pixels, ser Dashboard-sider med filtre måske ikke helt optimale ud:

En brugers værker-side med Dashboardet, værker og filtre arrangeret i tre spalter. Filtrene er delvist skåret af på grund af skærmstørrelsen.

Snart tilføjer vi et nyt knækpunkt, der skal hjælpe alle, der har set en lettere mast udgave af AO3. Det resulterende layout vil blive en mellemting mellem standardlayoutet og mobillayoutet: Dashboardet vil være placeret i toppen af hovedindholdet lige under den primære navigation, men filtrene vil stadig være placeret i højre side.

En brugers værker-side med Dashboardet i toppen og hovedindholdet og filtrene arrangeret i to spalter.

Vi stopper med at bruge pixels til at definere disse knækpunkter og skifter i stedet til en relativ måleenhed kaldet em. Em-enheder er baseret på skriftstørrelse, og at bruge dem til at bestemme knækpunkterne betyder, at AO3's layout vil fungere bedre for alle, der har ændret standardskriftstørrelsen i deres browser. For eksempel vil det at indstille skriftstørrelse til Meget Stor i Google Chrome skære teksten i filtrene af og gøre appetitvækkerne meget smalle og lange, selv om du åbner AO3 i et vindue, der er 1024 pixels bred:

En brugers værker-side med browserens skriftstørrelse indstillet til Meget Stor og Dashboardet, hovedindholdet og filtrene arrangeret i tre spalter. Filtrene er næsten helt væk.

Når vi tilføjer knækpunktet, vil Dashboardet være placeret i toppen af siden, hvilket giver filtre og appetitvækkere mere plads og gør siden nemmere at browse:

En brugers værker-side med browserens skriftstørrelse indstillet til Meget Stor. Dashboardet er nu i toppen af siden, og hovedindhold og filtre er i to spalter.

De ny knækpunkter, 42em og 62em, er tilgængelige til brug i layouts, og layouts, der bruger det eksisterende knækpunkt, 640px, bliver automatisk konverteret til den nye 42em-indstilling.

Disse knækpunkter svarer ikke til dimensioner på en bestemt enhed — der er for mange enheder til, at det ville være en praktisk tilgang — men de er i stedet baseret på det punkt, hvor AO3's standardlayout begynder at have problemer. Vi er klar over, at det ikke er ideelt for layoutskabere, der har valgt at lave layoutet helt om, men det burde være en positiv ændring for størstedelen af layoutbrugerne, og vi undersøger, om vi kan tilføje brugerdefinerbare knækpunkter i fremtiden, så du kan ramme enhver enhed, du bruger til at browse AO3.

Som altid, hvis du har spørgsmål eller oplever problemer, kan du kontakte vores Support-frivillige, som med glæde vil hjælpe!

Dette nyhedsindlæg blev oversat af OTW's frivillige oversættere. Vil du vide mere om vores arbejde, kan du besøge Oversættelsessiden på transformativeworks.org.