AO3 News

Post Header

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

Mikor 2011-ben újraterveztük az Archive Of Our Own – AO3-at (A Mi Archívumunk), a legtöbb ember asztali eszközökön használta az oldalt, tehát a kinézetet és a felületet a nagyobb képernyőfelületek figyelembevételével terveztük meg. Sok minden változott az utóbbi négy évben, és a forgalmunkat főként kis képernyős eszközök, tabletek és telefonok generálják, tehát eszközölünk pár változtatást a kinézetünkön és a felületrendszerünkön, hogy igazodni tudjunk a megváltozott körülményekhez.

Jelenleg az AO3 az alapján határozza meg, melyik kinézetet látjátok, hogy a böngészőablakotok hány pixel széles. Ha olyan ablakban böngésztrek, ami 640 pixel széles vagy keskenyebb, akkor a kinézet egyoszlopos verzióját láthatjátok. Minden más esetben az alap kinézetet látjátok. Mivel azonban az alap kinézetünket nagyobb képernyőkre méreteztük, ha a böngésződ szélessége 640 és 1024 pixel közé esik, a szűrőkkel megszórt Dashboard (Fal) oldalai nem mindig nézhetnek ki a legjobban:

Egy felhasználó munkafelülete a három oszlopba rendezett Dashboarddal, a munkákkal és a szűrőkkel. A szűrők a képernyőméret miatt részben levágódnak.

Hamarosan egy új leválasztási pontot fogunk bevezetni azért, hogy mindazokon segíthessünk, akik az AO3 egy kissé összenyomorgatott verzióját látták eddig. Az ennek következtében létrejövő kinézet egy köztes pont lesz az alap és a mobil kinézet között: a Dashboard a fő tartalom fölött fog megjelenni, a fő navigáció alatt, azonban a szűrők továbbra is az oldal jobb oldalán kerülnek listázásra.

Egy felhasználó munkáinak oldala, felül a Dashboarddal, illetve a fő tartalommal és a két oszlopba rendeződött szűrőkkel.

Mindezek mellett mostantól nem fogunk pixeleket használni ahhoz, hogy ezeket a levágási pontokat meghatározzuk; ehelyett inkább egy olyan relatív egységre váltunk át, amit em-nek hívnak. Az em egységek a betűtípus méretén alapszanak, és ezeknek a használata a levágási pontok meghatározására azt jelenti, hogy az AO3-as kinézet jobban fog működni mindazok számára, akik az alap betűtípus méretét megváltoztatták a böngészőjükben. Például, ha Google Chrome-ban a betűtípus méretét a legnagyobbra állítjátok, akkor a szűrők szövegei levágódnak, és a munkák fülszövegei nagyon keskenyek és hosszúak lesznek, még akkor is, hogy ha az AO3-at egy 1024 pixel széles képernyőn tekintitek meg.

Egy felhasználó munkáinak oldala, ahol a böngésző betűtípusának méretét a legnagyobbra állították, és a Dashboard, a fő tartalom és a szűrők három oszlopba rendeződtek. A szűrők majdhogy nem teljesen láthatatlanok.

Mihelyst hozzáadjuk az új levágási pontot, a Dashboard az oldal tetején fog megjelenni, s így több helyet ad a szűrőknek és a fülszövegeknek, illetve könnyebbé teszi az oldal böngészését:

Egy felhasználó munkáinak oldala, ahol a böngésző betűtípusának méretét a legnagyobbra állították. A Dashboard most már az oldal tetején találhatő, és a fő tartalom és a szűrők két oszlopba rendeződnek.

A 42em-es és a 62em-es új levágási pontok a felületeknél előrhetők lesznek, és bármely olyan felület, ami a jelenleg létező 640px-es levágási pontot használja, automatikusan konvertálásra kerül az új 42em-es beállításra.

Ezek a levágási pontok nem igazodnak különböző készülékek méretéhez – túl sok eszköz van ahhoz, hogy ez praktikus megközelítés legyen –, inkább azon alapulnak, hogy holaz a pont, ahol az AO3 alap kinézete problémákat tapasztal. Tudjuk, hogy ez nem épp ideális azok számára, akik a teljes kinézet átalakítását választották, de ez pozitív változás a felülethasználók nagy részének, és már próbálkozunk azzal, hogy testreszabható levágási pontokat hozzunk létre a jövőben, ami lehetővé teszi számotokra, hogy minden olyan eszközre, amit az AO3 böngészésére használtok, tesre szabahassátok a felületet.

Mint mindig, ha kérdésetek van, vagy hibát tapasztaltok, kérünk, hogy lépjetek kapcsolatba Támogatási önkénteseinkkel, akik boldogan segítenek Nektek!

Ezt a hírposztot az OTW önkéntes fordítói fordították. További információért a munkánkról látogassátok meg a Fordítás oldalt a transformativeworks.org-on.