Imali smo dosta buran tjedan. Kao prvo pokrenuta je nagradna igra u kojoj mozete osvojiti 5 hosting paketa (i domena ukljucena) koje daje sponzor Promo-Media.hr. U igri automatski sa jednim unosom sudjelujete svi vi sto ste pretplaceni na newsletter, a dodatne unose mozete zaraditi ako otidjete na stranicu nagradnom igrom i odgovorite na jedno (jednostavno) pitanje.

U kolumni je objavljen clanak Marka Radelica naziva Kako me je Spedia ozenila... a koji govori o nekadasnjoj 'pay to' maniji i njenom neslavnom zavrsetku.

Na forumu je takodjer bilo vruce, jos uvijek traje jedno malo natjecanje u izradi bannera, u kojem se mogu osvojiti dvije .com, .net ili .org domene po izboru (tj. samo jedna jer je prva vec pronasla sretnog vlasnika :).

Kako napraviti web site, I. dio: koncept i dizajn
Napisao: Kresimir Cvitanovic © 2001 - 2002

Najcesci upit koji smo dobivali do sad je bio "htio bih napraviti svoj prvi web site, ali ne znam kako". Sve vas hrabre pocetnike tamo vani provest cemo kroz 4 vazna koraka: izrada koncepta, dizajn, sadrzaj i marketing.

Vecina ljudi krene s mislju: "Idem napraviti stranice...", a da prije toga uopce ne razmisle kakve stranice zele i sto njima zele postici, pa naprosto krenu i zavrse negdje...(a ponekad ni ne zavrse).

Hvala nebesima, mi ne spadamo u tu grupu ljudi...citaj dalje.

Proces dizajniranja treba se sastojati od cetiri dijela:

I) koncepta stranica,
II) dizajna,
III) izrade i
IV) marketinga

U ovom vodicu bavit cemo se konceptom i dizajnom.

Pa, krenimo redom.

I) Koncept

U ovoj prvoj fazi rjesavamo probleme koji su nas kopkali dok su stranice bile samo ideja u nasoj glavi (razradjujemo ideju). Sad je vrijeme da se sve to prebaci na papir, ali prvo trebamo odgovoriti na par pitanja (predlazem da odgovore zapisujete kako biste se kasnije, ako zalutate, mogli bezbolno vratiti na put koji ste sami zacrtali!).

Pitate se: a gdje cu ja to zalutati?

Za izradu jednog sajta potrebno je cca. mjesec dana. U tih mjesec dana vjerojatno ce izaci neki novi program za izradu slika, DHTML-a, swf-ova, PHP-a, zvukova i sl. (ili cemo otkriti neki na koji do sada nismo naisli). Svaki program ima neke nove opcije koje cemo prirodno zeljeti istraziti. Naravno, ako mislimo izradjivati stranice, moramo biti u toku sa tehologijom i novim programima, istrazivati nove opcije. S koristenjem novih programa dolaze i novi problemi koji ce odugovlaciti proces izrade.

Napravite sajt onako kako ste ga prvotno zamislili, a na iduci sajt koji cete izradjivati primijenite novo steceno znanje.

Postavite si ova pitanja:

• Zasto je ovaj web site potreban? Sto tocno zelimo postici, da li je web prava metoda? Ako zelimo vrsiti dostavu pizze i ostalih jela, mozda bi logicniji potez bio tiskanje reklamnih letaka.
• S kime cemo komunicirati putem sajta? Identificiramo publiku kako bismo dizajnirali najsmislenije rjesenje i sklopili dogovor sa posjetiteljima tako da i jedni i drugi imamo koristi. Stranice radimo za posjetioce od kojih zelimo nesto: pobuditi zanimanje za neku aktivnost, prodati im nesto, poduciti ih...
• Kako ce komunikacija biti najefektivnija? Ravnamo se premo onome sto zelimo predstaviti na nasem sajtu.
• Sto zelim da posjetitelji odnesu sa sobom? Posjetitelj je kod nas... trebamo se usredotociti na to kako pokazati sve dostupne materijale i podrzati/usmjeriti reakciju (sto vec zelimo da posjetitelj napravi) - sto direktnije mozemo.
• Kada bi web site trebao biti gotov? Treba odrediti rok do kada ce stranice biti uploadane i funkcionalne.

II) Dizajn

Ovdje cemo izabrati koje tehnologije cemo koristiti za izradu stranica vec prema tome tko ce nam biti publika, kako cemo najbolje komunicirati s njom i kakvu reakciju zelimo izazvati. Takodjer vec mozemo isplanirati kako ce se posjetitelji kretati po stranicama.

Ako je nas proizvod high-tech i ako su nasi posjetitelji mladi ljudi zeljni brzog napretka i novih stvari, koristenje najnovijih online trikova je najbolji izbor (oni ce vjerojatno biti opremljeni jacim racunalima, novijim plug-inovima).

Medjutim, ako ciljamo na siru publiku, upotrebom nove tehnologije cemo posjetiocima koji nisu opremljeni tom tehnologijom onemoguciti pregledavanje sadrzaja stranica, a to nije dobro. Generalno govoreci, uvijek cemo imati vise problema ako koristimo noviju tehnologiju (zasto koristiti shockwave kada moze posluziti i obicni GIF).

Usredotocimo se na nekoliko cjelina kod dizajniranja:

• Sucelje (Interface):
  Kod dizajniranja je potrebno izabrati metaforu ili stil koji je jedinstven za sadrzaj, a opet podrzava i pojasnjava komunikaciju. Nas je zadatak napraviti sucelje koje je direktno i sto pamtljivije. Izazov je napraviti nesto korisno a opet nesto u cemu ljudi mogu uzivati.
• Organizacija sucelja:
  Vecina ljudi pristupa web sajtu s dva pitanja: Sto ovdje ima za mene? Kako stici do toga? Ako sajt odmah ne odgovori na ova dva pitanja, posjetitelji ce biti na putu na drugo mjesto. Medjutim, ako imaju osjecaj da je sadrzaj sajta korisan, zabavan, inspirirajuci i ako imaju osjecaj da oni kontroliraju situaciju, vrlo vjerojatno ce ostati i vratiti se u buducnosti.

Bez obzira kako dobar koncept osmislili i kakve napredne tehnologije koristili, ako posjetitelj ne moze naci ono sto zeli, ubrzo ce mu postati dosadno.

Korisne smjernice kod dizajniranja sucelja:

• ne bi trebalo biti dostupno vise od 6 glavnih opcija
• navigacijski izbori trebaju biti intuitivni tako da se posjetitelj ne treba pitati 'Gdje cu stici ako kliknem ovo?'
• linkovi trebaju biti jasni i korisni
• posjetitelj ne smije biti izgubljen - uvijek mora imati opciju vratiti se tamo gdje je bio prije zadnjeg klika

Kako to ide:

Vrlo vazna faza je skiciranje web sajta prije nego sto pocnemo izradu. Pomocu nje ustvari odgovaramo na pitanje 'Kako ovaj sajt radi?'. Jednostavnim skicama koje ce predstavljati graficke elemente, tekst i ostale sadrzaje mozemo ilustrirati individualne stranice, pojedine vazne elemente sajta i njihove odnose kroz cijeli sajt. U ovom procesu simuliramo kako ce se posjetitelj kretati kroz sajt i pazimo na vece previde.

Nakon sto su sve stranice na mjestu, pocinjemo istrazivati kako bi se tipican posjetitelj mogao kretati kroz sadrzaj. Pitajmo se da li sadrzaj ili organizacija moze biti pojacana, pojednostavljena ili intuitivnija.

Odigrajmo ulogu posjetitelja koji je zainteresiran za to sto nas sajt ima za ponuditi, ali kao neovisan covjek, lutalica - onaj koji tipicno zeli preko travnjaka od tocke A do tocke B radije nego ostati na plocniku. Da li su linkovi prilagodjeni ovakvom posjetitelju, kao i ljudima koji sve temeljito proucavaju? Nastavite razmjestavati i prilagodjavati elemente stranice dok niste zadovoljni njihovim odnosima.

- Prototip: Prototip je ustvari skica koju radimo na ekranu monitora. Slazemo skice elemenata (tekstova, sucelja, slika…) i pregledavamo da li je dozivljaj onakav kakav smo zeljeli prije nego sve to slozimo u cijelinu. Nakon duzeg gledanja u isti sadrzaj autosugestija nam kvari objektivnost, pa je prototip najbolje pokazati sto mjesovitijoj publici kako bismo culi sve komentare.

Jos jednom cemo se potruditi i izbaciti nevazne stvari i pojednostavniti cjelokupni sadrzaj.

Nakon sto je publika pregledala sajt, zamolit cemo ih da nam svojim rijecima objasne kako su oni dozivjeli nas sajt, sto misle koji je cilj sajta, kako su se osjecali prilikom pregledavanja i sto su htjeli napraviti kad su otisli (reakcija na sadrzaj). Usporedimo to s nasim ciljevima.

Sigurno je sigurno: Vjerojatno ce nam biti potrebno par preinaka prije nego sto napravimo sajt za publiku koju smo i htjeli, ali kada stignemo do te tocke, bilo bi dobro vrijeme da potpisemo ugovor sa naruciteljem (ako dizajnirate za druge, a ne za sebe). To znaci da su se obje strane slozile oko sadrzaja i da ce svaka preinaka biti doplacena. U protivnom se kod prvog pregledavanja naruciocu moze svidjeti koncept, da bi se po zavrsetku izrade dosjetio kako bi ga jos mogao dopuniti ('ajde molim te dodaj jos jednu rubriku u meni'). Dizajneru ce ta dopuna pokvariti cijeli koncept (meni smo napravili tako da stane tocno u odredjeni dio ekrana i svako povecavanje je nedopustivo jer razbija cijeli koncept).

Razmislite nad ovim idejama dok mi ne objavimo drugi i zavrsni dio vodica za izradu web stranica :-)

O autoru:

Kresimir Cvitanovic - nazalost nemamo podatke.