AO3 News

Post Header

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

När vi gjorde om designen på Archive of Our Own – AO3 (Vårt eget arkiv) 2011 använde de flesta besökare stationära datorer för att nå sidan, så vår layout och våra stilmallar är gjorda med tanke på stora skärmar. Mycket har förändrats under de senaste fyra åren och den mesta av trafiken kommer numera från surfplattor och telefoner med små skärmar, så vi gör några förändringar av vår layout och våra stilmallar för att anpassa oss till denna nya verklighet.

För närvarande bestämmer AO3 vilken layout du ser utifrån hur många pixlar brett ditt webbläsarfönster är. Om du använder ett fönster som är 640 pixlar eller smalare kommer du att se en version av sidan som bara innehåller en enda kolumn. Annars ser du den vanliga layouten. Vår standardlayout är dock gjord för större skärmar, så om bredden på ditt webbläsarfönster är mellan 640 och 1024 pixlar kanske sidor med filter inte ser så bra ut som skulle kunna göra.

En sida med en användares verk med översikten, verk och filter ordnade i tre kolumner. Filtren är delvis dolda på grund av skärmens storlek.

Snart kommer vi att lägga till en ny brytpunkt för att hjälpa alla som har sett en ihopklämd version av AO3. Den nya layouten kommer att vara ett mellanting mellan den vanliga och mobil-layouten: Översikten kommer att finnas högst upp i huvudinnehållet, precis under navigeringen, men filtren kommer fortfarande att finnas till höger på sidan.

En sida med en användares verk, med översikten högst upp och huvudinnehållet och filtren ordnade i två kolumner.

Vi kommer också att sluta använda pixlar för att bestämma brytpunkterna och i stället byta till en relativ enhet som heter em. Em-enheten är baserad på teckensnittsstorlek och att använda den till våra brytpunkter innebär att AO3s layout kommer att fungera bättre för alla som har ändrat teckensnittens standardstorlek i sin webbläsare. Om du till exempel har satt din teckensnittsstorlek till Mycket Stor i Google Chrome blir texten i filtren för närvarande avhuggen och verkets presentation mycket långsmal, även om du läser AO3 i ett fönster som är 1024 pixlar brett:

En sida med en användares verk med webbläsarens typsnittsstorlek satt till Mycket Stor och översiktens huvudinnehåll och filter ordnade i tre kolumner. Filtren är nästan helt dolda.

När vi väl har lagt till den nya brytpunkten kommer översikten att finnas högst upp på sidan, vilket ger presentationerna och filtren mer utrymme och gör det lättare att navigera på sidan:

En sida med en användares verk med webbläsarens typsnittsstorlek satt till Mycket Stor. Översikten finns nu högst upp på sidan och huvudinnehållet och filtren finns i två kolumner.

De nya brytpunkterna vid 42em och 62em kommer att finnas tillgängliga för användning i stilmallar. Alla stilmallar som använder den nuvarande brytpunkten på 640px kommer automatiskt att konverteras till den nya inställningen på 42em.

Dessa brytpunkter har ingenting att göra med någon särskild enhets dimensioner — det finns för många olika enheter för att det skulle vara praktiskt — utan är i stället baserade på punkten där AO3s standardlayout börjar få problem. Vi förstår att detta inte är idealiskt för personer som skapar stilmallar och som har valt att helt göra om layouten, men för de flesta användare av stilmallar torde det vara en positiv förändring. Vi ser också över möjligheterna att lägga till anpassade brytpunkter i framtiden så att du kan sikta in dig på alla möjliga olika enheter du använder för att surfa runt på AO3.

Om du har några frågor eller problem kan du som vanligt kontakta volontärerna i Supporten, som gärna hjälper till!

Detta nyhetsinlägg har översatts av OTWs översättarvolontärer. För att lära dig mer om vårt arbete, besök sidan för Översättning på transformativeworks.org.