Betűtípus

A különböző betűtípusok más és más dizájnhoz illenek. Egyesek modernek, míg mások retrósak. Fontos, hogy a legodaillőbb fontot találjuk meg a dizájnhoz. Ami furcsának tűnhet a webes világban: általában a talpas (serif) betűket jobb és kényelmesebb olvasni. A weben pedig pont a talpatlan, azaz sans-serif betűk a jobbak. A képernyő tulajdonságai miatt.

Betűméret

Nem is olyan régen trendi volt a pici betűkkel írt szöveg. Manapság azért már egyre többen ismerik fel, hogy a szöveget nem nézni kellene a látogatónak, hanem olvasni. Az ún. web 2.0 egyik legnagyobb divatja a nagy betű. Ami fontos: olvasható nagyságú legyen a szöveg, de maradjon meg a címsorok kiemelése nagyobb betűvel.

Sorköz

Korábban megtárgyaltuk már, de legyen itt még egyszer: a sorok közötti távolság erősen befolyásolja annak olvashatóságát, és figyelni kell, hogy a szöveg és a körülötte lévő objektumok között is legyen elegendő hely. A betűk közötti távolság webes szempontból kevésbé fontos, persze annak ritkításával helyes címsorokat generálhatunk.

Sorok hossza

Erre nincs szabály, de köztudott, hogy minél rövidebbek a sorok, annál gyorsabban olvasható. A hosszú sorokon elveszhet a szem, fárasztóbb. Érdemes keskenyebb oszlopokban gondolkodni (mint pl. a napilapokban is van).

Szín

Én szeretem, ha a szöveg nem fehér alapon fekete, kicsit lejjebb veszem a kontrasztot. Túlzásba természetesen itt sem szabad esni.

Bekezdések

Én szeretem nagyon a sorkizárt szöveget, szép egységet alkot. Persze ott a hátrány, hogy a szóközöket esetenként csúnyán elnyújtja. Okosabbaknak (és kevésbé elvetemülteknek) inkább a balra zárt szöveget javaslom a kellemesebb olvashatóság végett.

Persze statisztikából utólag megtudhatjuk, előre nem tudjuk, milyen úton érkezett el hozzánk, hogy direkte minket akart látni, avagy egy keresőből.

Tegyük tisztába, miről is szól az oldal: legyen minden oldalon elegendő információ ahhoz, hogy tudja, miről szól az oldal, pontosan hol is van az oldalon belül, mit talál az adott oldalon, hogyan juthat tovább, és hogy szeretheti meg azt, amit akar.

Internet kapcsolat sebessége

Igen, még mindig vannak lassú internet kapcsolatok! Bár a modem egyre kihal, de terjedőben van a mobilos internet, ami 3G nélkül lehet akár 0,5 KB/másodperc. Ott vannak még a munkahelyről netezők, ahol általában azért rendesen be van lassulva a forgalom a sok felhasználó miatt. Igen, gondoljunk rájuk is, mert megérdemlik. Mindig a lehető legalacsonyabban tartsuk az oldal méretét.

• Ne pakoljunk fel felesleges képeket, a fontos kép elemeket optimalizáljuk (pl háttérkép: legyen kicsi, ismétlődő, ne egy nagy másfél megás kép). A lehető legtöbb helyen használjunk szöveget a képek helyett (pl menük)
• Használjunk css fájlokat, amit az alap oldalból hívjunk meg, így annak mérete alacsony marad, a css-t pedig ha már egyszer betöltötte, többször nem kell, és így még gyorsabb lesz
• A html-t ne bonyolítsuk, maradjunk egyszerűek.

Betűtípusok variálása

Nem mindegyik számítógépen van feltelepítve ugyanaz a betűtípus. A MAC és PC felhasználóknál ez pl. teljesen más. A PC felhasználóknál megjelenő Verdana, ami egyébként népszerű webes betűtípus, nincs a MAC gépeken. Egyes fontok, melyekről azt gondoljuk, hogy elterjedtek, ott vannak mindenhol mégsincsenek.

A probléma úgy orvosolható, hogy nem a betűtípusra építjük a dizájnt. Válasszunk egyszerű sans serif betűt és ennyi. A css fájlban ezt az alábbi módon jelenítsük meg (pl.)

font-family:verdana,helvetica,arial,sans-serif;

Ennek a lényege: ha van Verdana típus, akkor azzal jelenik meg. Ha nincs, akkor a Helveticat (alap MAC sans serif font) keresi. Ha az sincs, akkor az Arialt (alap PC sans serif font). Ha az sincs, akkor az alapértelmezettként beállított sans serif fontot. Ezzel elkerülhetjük a legtöbb kellemetlenséget.

Más betűtípusokat leginkább csak akkor használjunk, ha a gyors olvashatóság nem fontos, pl. serif típusokat használhatunk nagybetűvel kiemelt címsorokban, vagy egységnyi szélességű betűket, pl. courier kódok leírása esetében. Normál esetben mindenképp maradjunk a talp nélküli betűknél, és a kreativitásunkat adjuk ki magunkban valahol máshol.

HTML/CSS/JavaScript/Flash

Nem mindegyik böngésző támogatja a legújabb HTML és CSS verziókat. Egyes gépeken nem fut a flash (nem tudják telepíteni, vagy nem telepíthetik), aztán van egy olyan geek csoport is, akik a JavaScriptet kikapcsolják, mert csak.

Csak olyan elemeket használjunk, melyekről bizonyosan tudjuk, hogy célcsoportunk rendelkezik vele, használja. Rendszeresen ellenőrizzük a statisztikánkat, és ha azt látjuk, hogy látogatóink jelentős része (10% körüli) nem tudja elérni adott technikálat, akkor alakítsuk át az oldalt, hiszen ők is legalább olyan fontosak, mint a többiek. Céltalanul soha ne használjuk ezeket a technikákat. Sőt ezek nem célok, hanem eszközök. Ha meg tudjuk ezek nélkül valósítani célunkat, csak azért ne használjuk, hogy megmutassuk, milyen menők vagyunk. Tényleg.

Hozzáférhetőség

• A szövegekre betűket használjunk, ne képeket (ahol lehet). A CSS-sel egyszerűen alkalmazhatunk szép megoldásokat a hátterekre, gombokra stb., és az ún. mouseover effektek kialakítására is alkalmas.
• Használjuk a szöveges részeknél a betűméret változtatásának lehetőségét. A gyengénlátóknak jól jöhet, ha nem tudják elolvasni az alapból kicsire beállított betűméretet.
• Használjuk az alt attribútumokat a képek esetében, röviden, tömören, odaillően. Ha bármilyen okból nem jelenne meg a kép, akkor is tudják, mi van ott.

Forrás: Webdesign from Scratch