Postoje mnogi aspekti kreiranja web stranice, a web dizajneri često igraju više uloga i trebaju imati poveće znanje o izradi efektivne i korisne web stranice. Najviše lekcija naučiti ćete iz iskustva, učenje je učestali proces i nema boljeg načina nego skupljati znanje iz vlastitih grešaka.

Ovdje ću spomenuti neke od važnih i općih napomena koje bi svaki web dizajner trebao znati.
1. Optimizirati web grafiku za bolje i brže učitavanje web stranice.

Naučite kako optimizirati svoje slike za web birajući odgovarajući format i pazite da bude što manji. Iako danas sve ide prema broadband konekcijama, još uvijek postoje oni koji se koriste dial-up konekcijom, koja je spora. Ako se još doda i internet na mobilnim uređajima koji nemaju nužno brzinu poput adsl-a i slično, sporo učitavanje stranica zbog veličine slika može odvratiti korisnike od vaših stranica.
Ovo su opće smjernice za odabiranje pravog formata: jednobojne slike je najbolje spremati kao PNG ili GIF format, dok višebojne slike (poput fotografija) treba spremati u JPG formatu. Postoji mnogo alata na raspolaganju koji vam mogu pomoći za optimizaciju slika i za smanjivanje njihovih veličina. Limitirajući broj slika koji koristite, mudro koristeći slike i smanjući njihovu veličinu, ubrzati će učitavanje vaše stranice i popraviti njene performanse.
2. Držite je čistom i jednostavnom

Dobar web dizajn nije samo onaj koji vizualno izgleda fenomenalno, nego mora biti i user-friendly, (razumljiv korisniku). Čist i jednostavan dizajn na kraju je jako koristan i ne zbunjuje posjetitelje. Ako imate previše dodataka na stranici, riskirate da ometate posjetitelje i da se ne zna koja je u stvari namjena web stranice.
Budite sigurni da svaki element na stranici ima svoju namjenu i zapitajte se slijedeće:
– Treba li dizajn stvarno neki od elemenata?
– Čemu taj element služi ii treba li on korisnicima?
– Ako maknem neki element, hoće li ga korisnici htjeti nazad?
– Kako se neki element uklapa u stranicu, poruku i svrhu stranice?

Iako bi vam možda bilo super izaći s nekim novim konceptom ili izgledom stranice, ipak nastojte zadržati pristupačan i intuitivan izgled za svoje korisnike. Ljudi su naviknuti na uobičajene uzorke, dodatke i izgled stranice i ako je vaš dizajn stvarno jedinstven, nastojte da ne bude previše nejasan. Budite kreativni, ali zadržite jednostavnost.
3. Navigacija je najvažniji dio koji ćete dizajnirati

Najvažnija stavka na web stranici je navigacija, bez nje korisnici bi zapeli bez obzira na koju stranu bi došli. Gledajući ovu činjenicu osvrnut ćemo se na neke važne točke koje trebamo uzeti u obzir kad radimo navigacijsku schemu.
Prvo, vrlo je važno uložiti dovoljno vremena i mnogo planiranja na strukturi navigacije po stranici. To je normalna stvar, a opet nije iznenađenje da ima mnogo web dizajna koji uzimaju navigaciju zdravo za gotovo.

Pozicija, stil, tehnologija (da li će te koristiti java script ili css), upotrebljivost i dostupnost weba, samo su neke stvari koje treba uzeti u obzir dok kreiramo dizajn navigacije.

Vaš navigacijski sustav trebao bi raditi bez css-a poradi tekstualno baziranih pretraživača. Rugajte se tekstualnim pretraživačima koliko hoćete ali oni su još uvijek brojniji na mnogim mobilnim uređajima. Možda i važnije da je navigacija pomoću css-a onemogućena na (99,99%) čitačima. Navigacija bi trebala biti dostupna i iskoristiva bez tehnologije s klijentove strane, poput JavaScript ili Flash, koje korisnici nemaju uvijek dozvoljene ili instalirane zbog raznih sigurnosnih razloga ili politike kompanija.

Imperativ je da imate dobar navigacijski sustav na mjestu koje je odlično vidljivo. Dobra navigacija je vidljiva čim se stranice učitaju, bez ikakvog skrolanja niz stranicu. Zato čisto i jednostavno ima glavnu ulogu: složeni i nekonvencionalni dizajn uzrokuje zbunjenost korisnika.

Korisnik se nikad ne smije zapitati, ni u djeliću sekunde, “Gdje je navigacija stranice?”

Za stranice koje su organizirane na više nivoa, osigurajte da se lako kreće između roditeljskih stranica i djece. Dodatno, trebalo bi biti lako doći do glavne stranice ili naslovnice, sa bilo koje stranice.

Glavni cilj vaše navigacije je da omogući korisnicima da dođu do željenog sadržaja sa nekoliko klikova, uz što je moguće manje traženja.
4. Upotrebljavajte Fontove (slova) mudro i metodično

Iako postoji na tisuće fontova, stvarno se možete koristiti samo s nekima (barem dok CSS3 ne bude podržan od svih pretraživača). Neka bude važno da se držite sigurnih fontova. Ako vam se ne sviđaju, razmotrite progresivni web dizajn koji podržava sIFR ili Cufon.

Budite dosljedni u upotrebi fontova. Neka naslovi budu vizualno drugačiji od teksta. Korisitite razmak, podesite visinu, veličinu fonta i razmak između slova da bi sadržaj bio ugodan za čitanje i pregledan bez napora.

Možda je jedna od stvari koju web dizajneri često poimaju krivo veličina fonta. Kako želimo da nam stane što više teksta na stranicu, ponekad idemo sa vrlo malim fontom, teško čitljivim. Nastojte održati veličinu slova na ili više od 12px ako je moguće, posebno teksta. Dok mnogi ljudi nemaju problema sa čitanjem malih slova, mislite na starije korisnike i osobe sa slabijim vidom, kao i na ostale s problemima s vidom.
5. Razumijevanje dostupnosti boja

Nakon slova, moramo naglasiti također i važnost upotrebe pravih boja.

Trebate uzeti u obzir kontrast pozadinskih i prednjih boja zbog čitljivosti i zbog korisnike sa slabijim vidom. Npr. crni tekst na bijeloj podlozi ima visoki kontrast, dok će vas narančasti tekst na crvenoj podlozi natjerati da naprežete oči. Također, upotrebljavajte boje koje su prikladne korisnicima koji su slijepi na neke boje (daltonistima). Postoji alat vischeck, kojim možete testirati neke vidove sljepoće na boje.
Neke kombinacije boja rade dobro samo kad je boja upotrebljena za prednji dio (foreground) umjesto za pozadinu (background). Npr.tamnoplavi tekst na ružičastoj pozadini versus tamno ružičasti tekst na plavoj pozadini, iste kombinacije samo ih treba pravilno upotrijebitina stranici.
6. Trebate znati pisati kod

Sa mnogo WYSIWYG editora, koji su preplavili tržište, postalo je vrlo jednostavno dizajnirati stranice. Ipak, najveći dio tih editora ubacuje nepotreban kod junk, čineći vašu HTML strukturu loše dizajniranom, težom za održavanje i update i uzrokuje da se veličina filea povećava.

Pišući kod sami, imate čisti, jasni, svjež i jezgrovit kod, koji je zadovoljstvo čitati i održavati, na koji možete biti ponosni da ga nazovete svojim.

Znati se koristiti s WYSIWYG ili IDE sa vizualnim predpregledom ne opravdava vas da ne naučite HTML i iCSS. Morate znati što se događa da bi mogli kreirati efektivnu, semantičku i visoko optimiziranu web stranicu.
7. Ne zaboravite na SEO (Optimizacija za web pretraživače)

Dobar dizajner bi uvijek trebao imati na umu SEO dok dizajnira stranicu. Npr. strukturirati stranicu tako da važan tekst postavi kao naslov (naslov stranice i logo). Tu dolazi do izražaja da je naučiti kodirati važno. Poznavajući korektno semantički i standardni html/css, brzo ćete shvatiti da su div-ovi bolji od tablica za web layoute ne samo za točne prezentacije na web stranicama nego i za pretraživače i rankiranje stranica. Uvijek ćete znati da je CSS pozadina dobra zamjena za sliku (koja je vrlo teška za učitavanje).
8. Shvaćanje da su ljudi nestrpljivi

Peosječni ljudi provedu samo nekoliko sekundi dok odluče žele li pročitati nešto više ili otići na neku drugu stranicu, dakle vi, kao web dizajner, trebate naći način da zadržite posjetitelje da odluče ostati na vašoj stranici u tih par sekundi.
Znajući da neće mnogi skrolati niz stranicu da vide cijeli sadržaj stranice, ako ih ne zanima ono što vide na vrhu stranice. Zapamtite da zadržite važne elemente na vrhu stranice gdje su vidljivi i uočljivi, ali isto tako ne pretrpavajte gornji dio stranice tako da ne otjerate posjetitelje i da ne nastave čitati dalje. Shvatite gornji dio stranice kao prodajnu točku, učinite da nakon što vide gornji dio stranice ljudi požele vidjeti i ostatak stranice.
9. Učite o (i budite oprezni) ćudljivosti pretraživača

Jedna od stvari koju morate znati kao web dizajner je da vaš rad radi u izbirljivom i nepredvidivom okolišu web pretraživača. Nije dovoljno da vaš dizajn radi samo u nekolicini web pretraživača, on treba da radi u toliko pretraživačkih situacija, koliko si god možete priuštiti. Prije objavljivanja, testirajte vaš prototip pomoću alata poput Browsershots.
10. Radite dizajne koji su fleksibilni i lako se održavaju

Dobar web dizajner mora osigurati da se njegova web stranica lako može nadograditi ili modificirati u budućnosti. Dizajnirati web stranicu koja je prepravljiva i laka za održavanje je znak dobrog web dizajnera. Učinite svoj rad što modularnijim tako da odvojite stil od strukture.
Imajte na umu da je web industrija još uvijek mlada i dinamična, stvari se mijenjaju vrlo brzo. Imajući to na umu, kreirati ćete fleksibilne web stranice, podložne unapređivanju.