Reszponzív webdesign, UX design

Tipográfiai irányelvek a jobb felhasználói élményért


A weben található információk több mint 90%-a írott szöveg.

Tipográfiai irányelvek a jobb felhasználói élményért
Author: Szabolcs Bakos

A weben található információk több mint 90%-a írott szöveg. Nem kérdéses tehát, hogy érdemes kiemelten figyelni arra, hogy az írott tartalmak minél könnyebben fogyaszthatóak legyenek.

A weboldalak nagy részénél sajnos elhanyagolják a tipográfiát, vagy nem szentelnek neki akkora hangsúlyt, amekkorát kéne. A nem megfelelő tartalmi szondázhatóság, a nehezen olvasható, nem megfelelően formázott szövegek miatt viszont komoly mennyiségű felhasználó veszíthető el. A következő lista 13 webes tipográfiai irányelvet mutat be, melyek segítségével javítható az általános használhatóság, a felhasználói élmény egy weboldalon:

Ne vigyük túlzásba a betűtípusok használatát.

Több mint három betűtípus használata már strukturáltalanná képes változtatni a szöveges tartalmakat.

Használjunk talpatlan (sans serif) betűtípusokat a talpas (serif) helyett.

A sans serif betűtípusok jobban illenek a képernyőre, a serif fontok inkább fejlécként vagy nyomtatásban mutatnak jobban.

Használjunk minél nagyobb betűméreteket.

Így gyorsabban olvasható, könnyebben szondázható lesz a szöveges tartalom.

A népszerű és elterjedt betűtípusokat használjuk.

A felhasználók gyorsabban olvassák a már jól ismert betűkkel formázott szöveget.

Használjunk kis és nagybetűket (kapitális) vegyesen.

Ha a szövegek formázatlanok és egysíkúak, akkor a tartalom nehezen lesz olvasható.

Nagyon óvatosan bánjunk a karaktertávolságok minimalizálásával,

ugyanis az alacsony karaktertávolság (letter-spacing) sűrűvé változtatja a szöveget, ami így nehezen olvashatóvá válhat.

Limitáljuk a különböző színek használatát a betűkön.

A színes szöveg összezavarhatja a felhasználókat, maximum két fajta színt használjunk.

Ne használjunk kék színt tartalmi szöveghez.

A kék a link színe, és összezavarhatja a felhasználókat.

Kerüljük a fehér szöveget sötét háttéren.

Rendkívül meg tudja terhelni az ember szemét hosszú időn át tartó olvasás esetén.

Ne használjunk ugyanolyan színt kenyérszövegnek és linknek egyaránt.

Megtévesztő lehet a felhasználók számára és összezavarodhatnak.

Gondoljunk a színtévesztőkre.

A férfiak több mint 8%-a színtévesztő, ezért ha lehetséges kerüljük a zöld és a vörös használatát a szövegekben. Ahol ez elkerülhetetlen, használjunk megkülönböztető jelzést, hogy a színtévesztők is érzékeljék a fontos szövegi részeket.

Számoknál öt vagy több számjegy esetén használjunk ezres elválasztót.

Az ezresenkénti elválasztók megkönnyítik a felhasználók számára a számok értelmezését.

Ne használjunk mozgó és villogó szöveget.

Sokan még a mai napig használnak villogó szöveget figyelemfelhívás céljából, mi ezt ne tegyük. 


Bakos Szabolcs, UI/UX Designer

Kövess Facebookon a friss bejegyzésekért

Bakos Szabolcsnak hívnak, szabadúszó UI/UX Designer vagyok, több mint 17 év webdesign tapasztalattal a hátam mögött, cégek és vállalatok számára tervezek weblapokat.



Vedd fel velem a kapcsolatot!

Amennyiben kérdésed van, legyen az egyszerű információkérés, együttműködés, vagy üzleti megkeresés, örömmel állok a rendelkezésedre.

Elolvastam és megértettem az Adatvédelmi és szerzői jogi nyilatkozatot

UI/UX Design
Facebook Twitter Google+ Linkedin
Webdesign