Bakos Szabolcs UI/UX Designer portfóliója

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.

Webergonómia: A használhatóság alapkövetelményei II. rész
Hogyan javítsunk a weboldalunk használhatóságán?
Tipográfiai irányelvek a jobb felhasználói élményért
Szerző: Bakos Szabolcs
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:

  1. 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
  2. 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
  3. Használjunk minél nagyobb betűméreteket. Így gyorsabban olvasható, könnyebben szondázható lesz a szöveges tartalom
  4. 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
  5. 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ó
  6. 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
  7. 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
  8. Ne használjunk kék színt tartalmi szöveghez. A kék a link színe, és összezavarhatja a felhasználókat
  9. 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.
  10. 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
  11. 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
  12. 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
  13. 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
Dolgozzunk együtt!

Amennyiben konkrét webdesign projekttel szeretnél megkeresni, vagy szeretnél velem együttműködni, kérlek vedd fel velem a kapcsolatot. Dolgozzunk együtt egy sikeres projekten!