1. Budući autor web stranice treba se zapitati: koja je svrha njegove web
stranice?
2. Tko ste Vi, a kome je namjenjena web stranica?
3. Izbjegavajte na stranicu stavljati datoteke koje od posjetitelja traže da
na svom računalu imaju instalirane programe tipa RealAudio, Skockwave ili Javu.
4. Vodite računa o veličini web stranice u pixelima, neka stranica ne bude šira
od 750 pixela jer još uvijek ima surfera s monitorima dijagonale 15 inča.
5. Razmislite o izgledu prve stranice, na nju (kao i u novinama) stavljamo najbitnije
podatke, prvi dojam je najvažniji.
6. Treba zapamtiti da ljudi čitaju od lijeve prema desnoj strani, te od gore
prema dolje. Gotovo uvijek posjetitelji prvo pogledaju u gornji lijevi kut.
Zbog toga bi tu trebalo staviti najvažniji sadržaj.
7. U vezi s odabirom boja, razmislite:
da li su boje usklađene s temom vaše stranice
da li su boje iz palete 216 univerzalnih boja
da li će se slova moći vidjeti na boji pozadine koju ste odabrali?
8. To što postoji 216 boja u paleti ne znači da ih sve trebate upotrijebiti
na svojoj web stranici.
9. Boja i tip fonta moraju biti usklađeni s bojom pozadine.
10. Što je font veći, lakše ga je čitati, što je redak s tekstom duži, teže
ga je čitati. Zbog toga je dobro dužinu teksta ograničiti <blockquote>
tagom ili umetanjem u tablicu, izbjegavajte font manji od +1, izbjegavajte stavljati
link na cijele rečenice. Jednostavnije je i čišće stavljati link na jednu riječ
ili kratki izraz.
11. Zašto je dobro metati tekst unutar taga <blockquote> ili u ćeliju
tablice? Zato što je dobro da oko teksta ima praznog prostora, te se posjetitelj
može lakše usredotočiti na sadržaj.
12. Nastojte biti jednostavni. Neka Vaša prva stranica ne bude ukupno veća od
20 kB.
(autor: Jason Cook)
1. Slika vrijedi više od tisuću riječi, ali tu staru poslovicu ne treba bukvalno
shvaćati. Vidjeli ste da se, kad surfate, slike uvijek zadnje učitaju. Jedno
je sigurno: korisnici interneta su uvijek nestrpljivi. Ako se slika ne može
brzo učitati s 56K modem, ubrzo će većina odustati, bez obzira kako zanimljive
slike bile.
2. Brzo učitavanje web stranice i funkcionalnost daju bolju sliku o Vašoj firmi
nego li efektni uvodi koju posjetitelju ne nude stvarni sadržaj, nego čekanje
za učitavanje druge stranice.
3. Zapamtite: smanjenje slike za 10 kB na stranici koja je velika 40 kB čini
smanjenje od 25% !
4. Zamjena animiranih GIF slika sa statičnim slikama smanjuje vrijeme učitavanja.
5. Često se grafika stavljena u zaglavlje stranice može zamijeniti odabirom
većeg fonta ili postavkama u CSS-u.
6. Odabir grafičkog formata:
GIF format je odličan za male grafičke priloge
koji moraju izgledati jasni i čisti, ali ne trebaju više od 256 boja. Broj odabranih
boja može biti od 2 do 256 što u Photoshopu određujemo prilikom spremanja (File/Save
For Web...) grafike.
Također, grafiku možemo spremiti s prozirnom (transparent) bojom koja omogućuje
da slika ima nepravilne rubove. To se odnosi na logotipe i navigacijske gumbe.
JPG format koristimo kad na web stranicu staljamo
fotografije u boji s tisućama boja (skenirane ili s digitalnog fotoaparata).
Stupanj sažimanja veličine fotografije određujemo obradom fotografije u Photoshopu
ili sličnom programu (File/Save For Web...).
Optimiziranjem kvalitete fotografije, određujemo i njenu veličinu u kB.
7. Veliki utjecaj na veličinu fotografije imaju njene dimenzije (širina i visina).
Fografiju smanjujemo ili s (Image/Image Size...) ili rezanjem fotografije (Crop).
8. Preporuka:
GIF slike spremati (File/Save For Web...) s uključenom
opcijom Interlaced.
JPG slike spremati (File/Save For Web...).s uključenom
opcijom Progressive Loading.
Na taj način slike se postepeno učitavaju, posjetitelj prvo vidi sliku nejasno
te se, dok čita tekst, slika u potpunosti učita.
9. Ako je web stranica zamišljena kao galerija slika, tada je najbolje slike
spremiti u dvije veličine. Manje slike neka budu širine manje od 100 pixela
(thumbnail), veličine do 2 kB i postavljene u tablicu. Na njih postavite link
na web stranicu na kojoj će se učitati ista, veća slika.
10. Obzirom da neki posjetitelji zbog brzine surfanja isključuju Show Picture
u svojim browserima, obvezno u <img src ....> tagu postavite opis slike
u polju alt=“opis slike“.
autor: Barbara Kuhr
1. Snaga dobrog dizajna u njegovoj je jednostavnosti, odredite bit.
2. Bitniji je sadržaj od forme.
3. Vrlo je važna brzina učitavanja stranice. Ako traje predugo, vratite se za
crtaći stol.
4. Naučite surađivati s inženjerima, proizvođačima, izdavačima, ekonomistima.
5. I, na kraju, uvijek dodajte malo kiselo zelene boje.
autor: Brady Clark
1. Pokušajte na vaše starnice dodati malo humora.
2. Izbjegavajte koristiti posebne znakove (fontove).
3. Ne trošite vrijeme na zvučne efekte na stranici, oni toga nisu vrijedni.
4. Kad vam se završni design stranice učini prejednostavan u usporedbi s uloženim
vremenom, to znači da ste gotovi.
5. Ako ste izgubili ideje, okrenite se oko sebe i posudite ideje iz vašeg okruženja
6. Ne pretjerujte s brojem fontova.
7. Neka tekst na vašoj stranici ne bude duži od 400 pixela.
autor: Anna McMillan
1. Učite Flash, krajnje je vrijeme, ali Flash ne smije biti glavna odrednica
vaše stranice.
2. Kad je god moguće neka vaša stranica zauzima maksimum prostora na korisnikovom
browseru.
3. Neka vaša animacija ima temu ili priču.
4. Ne mičite objekte u vašim animacijama po pravcima.
5. Koristite zvuk samo u svrhu poboljšanja animacije.
6. Naučite strukturu HTML-a i koristite njegove prednosti.
autor: Jeffrey Veen
1. Nikada ne stavljajte riječi u grafiku. Tekst je tekst, grafika je grafika.
Nemojte te to miješati.
2. Imate tri sekunde da korisnika uvjerite da ostane na vašoj stranici. Tri
sekunde. Zato, stavite na stranicu nešto što će zadržati pozornost posjetitelja.
3. Imate 30 sekundi da se vaša cijela stranica učita! Stoga, budite brzi, neka
to vrijeme bude 15 sekundi!
4. Kako se vaša stranica pronalazi pretraživačima? Saznajte i poboljšajte vaš
meta sadržaj.
5. Posjetitelji znaju kako funkcionira web stranica. Oni su tu zbog sadržaja
vaše stranice, stoga, dajte im sadržaj brzo i jednostavno.
autor: John Shiple
1. Manje je više.
2. Sadržaj je kralj.
3. Inspiracija 1: Surađujte s ljudima koji su izvan web designa. Napr. arhitekti
vam mogu dati savim novi pogled na web design.
4. Inspiracija 2: Olovka i papir najbolji su alat za web design.
5. Ako stranica nije stoposto učitana za 10 sekundi, pogriješili ste!
autor: Eric Eaton
1. Nikada na web stranici ne koristite ovu boju: "#FF36C6"
2. Koristite najviše tri fonta ( jedan mora biti mono-weight Sans Serif, drugi
Serif, a treći bilo koji font).
autor: Matthew Nutter
1. Neka tekst bude čitljiv, slova veća.
2. Pogodite posjetitelja ravno u oči.
autor: Mike Kuniavsky
1. Ljudi mrze čekanje.
2. Ljudi mrze skrolanje
3. Ljudi ne vole čitati
4. Ljudi radije skrolaju nego da čekaju.
5. Ljudi radije čekaju nego da čitaju.
6. Ljudi nisu uvijek racionalni, ali ponekad jesu.
autor: Jim Frew
1. Design je kao rješavanje problema: Definirajte problem i pola posla je gotovo.
2. Kad vam krene loše, John Coltrane (saksofonist) može pomoći.
3. Prvi korak k dobrom designu je stvoriti čvrst proces dizajniranja (odredite
ciljeve i članove tima koji će riješiti probleme).
4. Pokušajte prije svega koristiti HTML i CSS za rješavanje problema, a tek
potom GIF.