A méret fontossága, hogy a szöveg legyen alkalmazkodó elrendezésű webhelyeken
Hogy olvasnak az emberek
A vörös és a sárga zónák kombinációja gyakran az F szimbólum különböző változatait képezi, ami megerősíti azt a tényt, hogy a felhasználók olvassák el a szöveget a hálózaton, szelektíven szkennelik az oldalt, hogy megértsék a tartalmát, de semmit sem.
Ezenkívül a látogatók tanulmányozzák az oldalt, hogy megoldják feladatukat - "felugrik" a pillantás az elemről az elemre, megpróbálva megtalálni a szükséges információkat. Gyakran csak egy szót olvasnak, vagy akár egy pár karaktert soronként. Az alábbi hőgömb a Google keresési eredményeit tanulmányozó felhasználó szemeinek mozgását mutatja - az első két eredményt az olvasó lassabban olvassa, majd elkezdte az oldal beolvasását anélkül, hogy bármi vonalban hosszadalmas lenne. Ezért a kép bal oldalán nincs egyértelmű függőleges "látóvonal":
Az olvasás összetett folyamat
Három fő forgatókönyv található a szöveg interneten történő elolvasására, de a hálózat olvasásának ilyen jellegzetességei nem korlátozottak. A kutatók azt találták, hogy a felhasználók nem olvassák el az összes szót az oldalon, hanem központi nézetüket használják annak érdekében, hogy egy adott szóra összpontosítsanak, és észrevegyék a perifériás látást a kísérő információkkal:
A felhasználók nem olvassanak minden szót az oldalon
Az olvasás perifériás látást jelent
Ezenkívül ismeretes, hogy a látogatók nem rögzítik a látást egyetlen szóval, hanem egyszerre vizsgálják meg őket (a szemek a "sakkádok" elnevezésű kis köröket írják le). Leggyakrabban ezek a felhasználók látják az oldalt a szükséges információk megkeresésében vagy megtekintik annak érdekében, hogy megértsék, érdekes-e a tartalom.
Az olvasók csak néhány szót figyelnek
Ezenkívül egyetlen szövegsor olvasásakor a felhasználók általában a nézetet és a következő sort fedik le. Ezért a nézet nem csak vízszintesen mozog, hanem kissé "megrándul" is függőlegesen. A függőleges és vízszintes mozgásnak köszönhetően F-alakú ábrák jelennek meg a hőtérképeken.
A vonal hossza és az olvasás
A tipográfusok vitatják meg a szem függőleges és vízszintes mozgásainak kapcsolatát közel egy évszázada. Jan Tschichold (Jan Tschichold) 1928-ban kijelentette a középre igazított szöveg hátrányait, és ajánlotta a balra igazítást. Úgy vélte, hogy ez segítené az olvasókat az információ észlelésében - az oldal bal oldalán lévő, világos függőleges vonal megjelenése, amit egy személy a vízszintes vonal olvasása után használhat a következőre.
Tökéletes számok: 45-75 karakter
Számos "szabály" létezik arról, hogy egy vízszintes szövegsor legyen. Laura Franz idézi James Craig-ot, aki 1971-ben írta a "Designing with type:
A hosszú vonal olvasása fáradtságot okoz: az olvasó kénytelen fordulni a fejét a vonal vége felé, majd keresse meg a következő kezdetét. Túl rövid sorok segítenek megírni azokat a szavakat vagy kifejezéseket, amelyeket általában egy közös szövegegységként értelmeznek.
Gyakran, mivel a vonal ideális hosszúságát 65 karakternek hívják. Úgy gondolják, hogy a szövegek jól működnek az interneten, a sorok 45-75 karakterből állnak. Laura Franz azonban azt mondja, hogy tapasztalatai szerint a felső sáv soronként akár 85 karakter is bővíthető (beleértve a szóközt és az írásjeleket is).
Betűméret és olvasás
A szöveg jó olvashatósága érdekében nem csak a vonalak hossza, hanem maga a betűméret is fontos. Ez egy jól ismert tény, azonban amikor adaptív tervezést alkalmaznak, amikor egy ugyanolyan tartalomú oldal különböző változatokban jeleníthető meg, a betűtípus gyakran túl nagy vagy túl kicsi.
Statikus weboldalak és betűméret
Az alkalmazkodó tervezés legfontosabb plusz szövege, hogy a mobileszközök felhasználóinak nem kell nagyításhoz használniuk, és a képernyő látható területét el kell olvasniuk olvasásra.
Ha az oldalak statikus struktúra (például két oszlopban szöveg, mint az alábbi képen), akkor az ajánlott vonal hosszát, a szöveg lehet beszerezni túl kicsi - a készülékek kis képernyőn olvasni lehet majd csak a „zoom”.
Balra: A szöveg fő oszlopa a javasolt hosszúságú, de az adaptív struktúra nélkül túl kicsi a kis képernyős eszközök számára. Jobbra: Betűméret (Verdana 13 képpont a bal oldali oszlopban, Georgia 18 képpont a bevezetéshez és 16 képpontos Grúzia a fő tartalomhoz) jól illeszkedik a laptop olvasására.
Kis eszközök és betűméret
A kis képernyős eszközökön a betűtípus kezdetben kisebbnek tűnik a számítógép kijelzőjénél. Franz azt mondja, hogy ez normális, hiszen a felhasználók az olvasási folyamatban a mobil eszközöket a szemhez közelebb hozzák. Jelenleg széles körben elterjedt a megközelítés, amelyben az adaptív elrendezés kisebb méretű betűtípust használ, de elegendő az "olvashatóság" megőrzéséhez. Ebben az esetben nem szükséges a vonal ideális hosszúságának megőrzése - a méretek szempontjából ideális, de túl kicsi szöveg miatt az adaptív webhely használhatatlanná válik, mivel a felhasználókat az oldal görgetése és nagyítása okozhatja.
Balra: a sor hossza mentéséhez a betűméret 12 képpontra, Verdana és 14 pixeles Georgiara csökken, ami megnehezíti az olvasást. Jobbra: a 13 képpontos Verdana és Grúzia 17 képpont javítja az "olvashatóságot", bár a vonalhossz nem ideális.
Nagyméretű eszközök és betűméret
Az adaptív oldalak fejlesztésekor ne feledje, hogy a szövegsor betűmérete és hosszúsága nemcsak mobileszközökön fontos. A legtöbb felhasználó továbbra is nyitott webhelyeket laptopokról és asztali számítógépekről. Gyakran előfordul, hogy az adaptív elrendezés egy olyan oszlopot jelent, amely kibővül az eszköz képernyőjével.
Ez a megoldás elegáns és hatékony lehet, de problémákat okozhat a betűkészletekkel kapcsolatban is - egy bizonyos ponton a karakterek túl nagyok lehetnek. Észlelni, hogy a közölt információk ilyen módon, ez nem túl kényelmes - nagy betű több helyet vízszintesen, ami megnehezíti, hogy olvassa el a szokásos mintát, amelyben a felhasználók látják néhány, a szöveg a perifériás látás.
Túl nagy szöveg erők felhasználók lassulni olvasás és tegyenek nagyobb erőfeszítéseket az információk feldolgozására - vízszintes olvasás kényelmetlenné válik, ami azt eredményezi, az a személy, hogy kezdődik fricska az oldal, meg azért, hogy a bal szélén.
Laura Franz azt mondta, hogy az alkotók a helyszínek ne törekedjen az ideális hossza egy sornyi szöveget az oldalon - megtakarítás ideális értékek fogja előidézni növekedését font nagyobb képernyők, és lehet, hogy a tartalom nem olvasható.
Sorok távolsága és olvasása
A szöveg olvasásának módját nemcsak a betűméret és a vonal hossza közötti összefüggés befolyásolja a webhelyek adaptív struktúráiban, hanem a szöveg vonalközben is.
A vonal távolsága befolyásolja a vízszintes szemmozgást
Mivel a felhasználók vízszintesen és függőlegesen beszkennelik a tartalmat, a vonalakat a szemnek egyetlen vonalként kell érzékelniük, nem pedig "hullámérzettel" járó érzést. Túl szorosan tömörített szöveg bonyolítja a vízszintes mozgást, és arra kényszeríti az olvasót, hogy a nézetet az oldal bal oldalára lefelé fordítsa. Ezen túlmenően ez megnehezíti az információk megértését, és a felhasználó megismételheti azt.
Másrészről, amikor egy laza helyzetű szöveget olvas egy nagy vonalas térközzel, megjelenhet a "vonalak elhagyása" benyomása. A sorok ebben az esetben nem tekinthetők egyetlen elemnek, ami megnehezíti a tartalom függőleges beolvasását. Franz azt mondja, hogy nincs általánosan elfogadott szabvány az ideális sorok számára, de azt javasolja, hogy a betűméret kb. 150% -ával egyenlő arányban állítsák be.
Sorválasztás és betűméret
Szabályok megsértése
A webhely adaptív verziójának fejlesztésekor csak nagyméretű képernyőméretek tesztelésével nem pontosan határozza meg, hogyan jelenik meg a szöveg a kis eszközökön. A tervezési hibák felderítése érdekében Franz azt javasolja, hogy használja a vonal hosszát és annak ideális arányait, de kéri, hogy ne felejtsük el, hogy ezek a szabályok megsértik őket.