Čitajući nedavno nekakav tekst o današnjem webu na odličnom A list apartu, naišli smo na rečenicu koja kaže Don't decorate, communicate, odnosno Nemojte uređivati već komunicirajte! U toj, i onoj Power to the People (Moć narodu) sadržane su temeljne ideje današnjeg koncepta, strukture i dizajna jednih web stranica. No, to naravno ne mora biti tako. Ukoliko je vaš site konceptualni web umjetnički performans, koji samim tim imam sasvim drugačiju poruku, ne morate se držati ovakvih poruka, ali većina ipak siteove radi iz drugih pobuda, vjerojatno da bi bili posjećeni i da bi ispričali neku svoju priču, klijentima, ako je riječ o poslovnim, službenim stranicama kompanije, prijateljima, ako se radi o osobnim stranicama (ili blogu) odnosno široj publici ako je riječ o siteu za njih. U sva tri slučaja važno je imati "prijateljski" site. Već smo dosta puta pisali o tome, no ne škodi ponoviti neke stvari. Od stričevog prijatelja nećak, koji je tek otvorio FrontPage ili kakav "to što si napravio to ćeš i dobiti editor", nije najbolje rješenje za izradu stranica, iako je cijena od par sto kuna prihvatljiva. Budimo realni, ni neki "profesionalni" studiji ne zaslužuju da im se povjeri posao. Dugoročno gledajući, ako radite profesionalni site, vrlo je važno odabrati prave ljude koji će to napraviti.
Iako je neupitno da je sadržaj aposultni kralj web stranice, ako ga upakirate u loše sučelje, džaba vam sav spektakl od pisane riječi, fotografija, video uradaka i svega ostalog. Ni veliki nisu imuni na to. Jedan od naših najkvalitetnijih portala, onaj T-Coma (dakle T-Portal) sadržajno je među najkvalitetnijima na domaćem webu. Ali iframe, relikvija prošlosti, zaboravljeni komadić veselih web devedesetih, sav taj sadržaj jednostavno sputava i nije prijateljski prema korisniku. Javno.com, nedavno pokrenuti portal, još je gori po tom pitanju, iako opet, ima zanimljivog sadržaja. Osim iframeova u koje su strpali Najčitanije, najkomentiranije i najnovije ni dizajn nije nešto čime se mogu podičiti, a i malo se raspada u Operi (koju ne koristi mnogo ljudi, ali evo, ja se služim i tim browserom). Onih manji siteova, tu je tek pregršt primjera koji bi se dali secirati i zabiti na stup srama. Ako je Time rekao da ste Vi soba godine (2006.) onda ste ujedno i problem, naročito ako radite takve siteove. U redu, nije to problem, ali za vaše dobro, odnosno za vaš bolji site, valja paziti na neke stvari, držati se standarda i informirati se o istima. Ako pak želite nekome i naplatiti to što se napravili, onda je vaša dužnost svakodnevno pratiti kuda razvoj weba ide, koje su novosti i aspolutno sve vezano uz temu.
Iz vlastitog iskustva pišemo, jednom loše odrađen site u konačnici će koštati više negoli da se odabrali prave ljude za to, a ti koji su site radili, ako je napravljen loše, sigurno neće imati višak posla. Želite li proći jeftino, ili složiti kakav neobavezni site, zašto se mučiti, posoji stvarno dobar WordPress s gomilom predložaka. Sve što ćete platiti (ako ne znate kako to učiniti) jest implementacija predložaka i WordPressa na server. Čas posla! Na žalost news grupe koje se webom bave prepune su "dizajnera" koji na kakvoj .tk domeni imaju svoje službene stranice i koji će za malo para složiti kakvu brljotinu od stranice, što je za cijeli domaći web loooše. Ok, nismo vas razuvjerili niti ste odustali od izrade weba, mislite da će vam to donijeti veću popularnost kod osoba suprotnog spola (neće!), i potpuno ste odlučni baviti se time, pa makar samo i pokušali. I to je u redu, da Geocities još postoji vidjeli bi prvi site koji je autor ovih redaka napravio, totalna sramota, a siguran sam da je i kod drugih osoba koje web rade tako. Sve ovo o čemu pišemo da ne smijete raditi, upravo to je i vaš autor napravio! Sve greške redom na jednom mjestu, bilo bi divno da postoji i bude u ovom tekstu školski primjer Što ne raditi. U svakom slučaju, ako ste početnik u izradi weba, vjerojatno ćete dosta griješiti, dobivati kritike (koje valja prihvatiti ako imaju smisla), i vježbati na tom vašem primjerku. A možda ste i dosad neviđeni talent koji jednostavno zna svoj posao, i čeka vas svijetla budućnost u kakvom njujoškom studiju, ured s pogledom na Central park, shopping na Petoj aveniji, celebrity ekipa vaš je najbolji prijatelj, ne javljate se Madonni jer nemate vremena…
Žuta slova na crnoj podlozi
Vjerojatno je ipak, da spadate u početnički sektor u izradi weba pa poslušajte što imamo za reći, a reći ćemo samo jednom. U izradi weba dosta se toga svodi na nijanse. Što mislimo pod time? Ono što smo i napisali, ključna stvar je za koga radite site jer o tome ovise mnoge stvari kojih se valja držati. Nije isti zasigurno raditi portal koji će posjećivati tisuće ljudi dnevno, i stranice na koje će svratiti par stotina korisnika u mjesec dana. Također, nije isto prezentirati firmu, apartmane koje iznajmljujete (a koje uglavnom rade od stričevog prijatelja, ne nećak, nego njegov mlađi brat), imati osobne stranice, tematski site.
No neka su pravila univerzalna. Sadržaj doista jer kralj i ostatak mu mora biti podređen, odnosu sve ostalo mora biti u funkciji sadržaja. Budimo realni, dvije su činjenice koje ne možemo pobiti: nismo svi dizajneri i dizajn je stvar osobnog ukusa. Drugi argument često će mnogi koristiti (njima je to super), no probajte biti samokritični. U web dizajnu važno je imati pregledan, čist, razmljiv site. Recimo, stavite li žuta slova na crnu podlogu ili negdje zastavicu u .gifu koja se vijori (ili vatricu koja tinja, bilo na autorovom prvom siteu), to slobodno možemo svrstati u trash kategoriju. Još uviijek, naša je najdraža varijanta, crna slova na bijeloj podlozi. Postavite li sadržaj u nekoliko malih frameova, stavite li preveliki header koji nije u skladu s ostatkom sitea, raspadne li vam se site u Firefoxu…sve su to važne odluke i vrlo važni detalji na koje ćete morati paziti. Što se samog dizajna tiče, teško je o tome pisati, jer je stvar, kako smo rekli, osobnog ukusa. No, postavite se u poziciju osobe koja taj site posjećuje ili još bolje traži informacije na njemu. Gdje se one nalaze? Jesu li na dohvat miša ili treba zaroniti do samog dna stranice kako bi iskopali nešto što je trebalo biti jasno vidljivo? Toliko pitanja, na koje je odgovor dao i Jacob Nielsen u svom tekstu Deset najvećih grešaka u web dizajnu. Izdvojiti ćemo neke. Loše pretraživanje stvarno ubija zabavu. Za početnike, najpametnije je integrirarti Google i stvar riješena. Boje linkova se ne mijenjaju, to jest katastrofa i čest je slučaj na siteovima sumnjivog sadržaja. Svakako izbjegavati. "Prijelom" teksta. Ovaj je problem čest na blogovima. Imate recimo tekst veličine ovog bez ijednog paragrafa, razdvajanja poglavlja ili nekakvih međunaslova. Tko će to čitati? Nepregledno je i umara korisnika, pa da je i izgubljena oporuka Marylin Monroe u kojem spominje vas osobno.
Fiksna veličina fonta. Još jedna od grešaka vašeg autora, nekome je sitni font jednostavno pretažak za čitanje, ma kako ludo i lijepo izgledao. Nekonzistentnost dizajna. Moramo priznati, na ovo ne nalijećemo često, ali moguće je vidjeti. Na primjer kada je na početnoj stranici bijela pozadina a na slijedećoj plava. Ili jedna vrsta fonta u rubrici X, a druga u rubrici Y. Vjerujemo da ima dizajnera koji i to mogu dobar izvesti ali ni vi ni mi vjerojatno nismo među njima. Otvaranje novog prozora kada kliknete na neki link (a koji vodi na vaš site), ovo je praksa koju rabi naš portal monitor.hr. Ne zaga
đujte moj browser s više tabova ili prozora, kaže ljuti Jakob. I na kraju, kao desetu grešku navodi ne odgovaranje na pitanja korisnika. To se uglavnom odnosi na siteove firmi, ali možda i na vaš ako ste orijentirani na širu publiku. To je vaša publika, dakle svetinja! Ako svoje vrijeme gube da bi surfali po vašem siteu (a vrijeme je novac) pokažite im dužno poštovanje komunicirajući s njima. Ovo je također čest slučaj s blogerima, jednostavno ne odgovaraju na komentare nakon čega se izgubi svaki smisao tih istih komentara. Oni i jesu tu za komunikaciju. Drugi pametni ljudi savjetuju da pustite mašti na volju, i s tim se slažemo, ali samo ako ćete pravilno i pametno iskoristiti sve elemente. Jer neki su ipak suvišni i doista nema potrebe da se nalaze na vašem siteu samo zato jer su zgodan (ali nepotreban) detalj.
Usablity, ključ uspjeha
S Jakobom se donekle složio, Guy Kawasaki, još jedna faca, no iz blogerskog i investitorskog svijeta. Osim Jakobovih primjedbi, Guy se osvrnuo na greške koje čine fi rme odnosno web servisi. Predugačak URL (www.nekoimecom/dodatnifolder/dodatnifolderimeproizvoda.aspx), nedostatak kontakta, moderirani komentari samo se neke od njegovih primjedbi. Možda se i greške u dizajnu i mogu oprostiti, ipak je to stvar osobnog dojma. Ako je site koliko toliko prihvatljiv izgledom, uvijek može proći, dok god je sve čitko. No, pogreške u usablityu teško se opraštaju (iako i one prolaze). Iznimno je važno da je site prijateljski, već smo i napisali, mislite na ljude koji na njega dolaze. Kao jedna od najvećih grešaka u tom segmentu navode se baš frameovi, jer recimo, ne vidite kompletan URL teksta pa ga ne možete linkati, proslijediti, zabilježiti u bookmarke.
Ranije spomenuti Jakob u usability svrstava pet komponenti, odnosno traži odgovore na pet pitanja. Koliko lako korisnici obavljaju osnove zadatke? Jednom kada "nauče" dizajn koliko brzo izvode zadatke (misli se na snalaženje na stranici)? Kada se vrate nakon određenog vremena, mogu li se lako snaći? Koliko grešaka rade? Koliko su zadovoljni? Da bi dobili odgovore na ova pitanja, potrebno je dakako site napraviti, no prije toga, možete provesti i nekoliko testova. Na primjer, napravite preview sitea i pokažete prijateljima, ili još bolje ljudima koji bi ga trebali koristiti. Struktura sitea mora biti razumljiva, a to je najednostavnije objasniti na isto tako jednostavnom primjeru izbornika. Ukoliko se glavni izbornik ne nalazi na svakoj stranici, to zasigurno ne ide vama u prilog. Zamislite da se nalazite na početnoj stranici i kliknete na kategoriju X. Nakon nje želite otići na kategoriju Y, no da bi do nje došli, morate se vratiti na početnu stranicu. Stvari ne treba komplicirati, a korisnicima put do informacije, sadržaja maksimalno olakšati.
Papir trpi sve, web ne
Što se koncepta tiče, on će nastati prije negoli se prvi pixel pojavi na vašem uratku. Stručnjaci savjetuju da nacrtate na papir, skicirate ideju, a mi ćemo dodati da bi dobar plan trebao rezultirati i dobrim siteom, no to uvijek nije tako. Jer, ponekad, tek na živom proizvodu možete vidjeti koje su moguće greške, što je dobro, što nije. I još jednom, stvar je različita od projekta do projekta, pa i vaš plan ovisi o tome je li riječ o malom siteu za vas i prijatelje, službenim stranicama tvrtke, blogu, portalu kojim ćete osvojiti svijet. Što je site ambiciozniji, to bi i plan razvoja trebao biti konkretniji i kvalitetnije razrađen. Probajte predvidjeti sve, pa i najsitnije detalje, a i tada postoji mogućnost da nešto zaboravite.
Ako se radi o stranicama na kojima se radi svaki dan, nužan je dobar CMS sustav, što je posebna, ali vrlo važna priča. U segmentu dizajna i strukture, iako smo naveli pregršt toga, važno je, ako ništa, prosurfati kakvim CSS galerijama, čisto da vidite kako to (vrlo dobro) rade drugi, možda prepoznate kakav trend u dizajnu, no nikako ne kopirajte tuđe radove. Bolje je napraviti vlastiti loš original nego kakvu dobru kopiju, jer tako vjerojatno i neće postati bolji. Za početnike u izradi weba, sve bi ovo prije svega trebala biti dobra zabava koja će vas jednog dana možda lansirati u svijet profesionalaca. Još jednom, reći ćemo; Use the web, Luka! Internet je prepun odličnih i vrlo kvalitetnih siteova na kojima se moguće informirati o svemu onome što nije stalo u naš tekst, a vjerujte toliko je toga na što treba misliti da je teško sve sažeti jer je sve jednako važno. Jedan krivi .gif, djelomično loš usablity, srušiti će sve u vodu, a ne treba zaboraviti ni onu dobru reklamu, u kojoj kažu, You never get a second chance to make a first impression iliti nikad neće dobiti drugu šansu da ostavite prvi dojam.
Mi3 je vaš prijatelj
Osim Googlea (nakon psa i knjige) i Mi3dot.org je vaš najbolji prijatelj. Riječ je o dobro znanom domaćem odredištu koje okuplja kremu web (i ostalog) dizajna i iznimno je korisno svim početnicima. Tamo možete predstaviti svoj rad u nastajanju ili gotovi proizvod, nakon čega ćete dobiti primjedbe, kritike, pohvale i pokude, i naravno, dosta pametnih savjeta na njihovom forumu. Osim toga tu je i mogućnost dodavanja radova u galeriju, koje se zatim ocjenjuju, ima i dosta tutorijala i sličnog sadržaja koji vam neće nimalo odmoći. Od inozemnih odredišta, izdvajamo već spomenuti, nezaobilizani A list apart (http://alistapart.com), koji nam je i pomogao pri pisanju ovog teksta, a na kojem, prije negoli krenete u izradu vašeg prvog ozbiljnog weba, pročitajte sve tekstove. Osim Mi3dot.org sitea možete posjetiti i CeEsEs (http://www.ceeses.com/) na kojem se nalazi galerija lijepih CSS siteova s šireg područja, odnosno susjednih nam zemalja.
Cool home pages
Jedno od starijih odredišta koje valja posjetiti jest Cool Home Pages (http://www.coolhomepages.com/) koje, kako ime kaže, okuplja na jednom mjestu najbolje web osmišljene i dizajnirane siteove. Oni to rade tako da sve siteove kategoriziraju, pa imaju i odjel usability gdje ćete naći siteove koji su najbolji po ovom segmentu, ili one koji imaju najbolju tipografiju, što je još jedan vaćan element dizajna. Od ostalih kategorija tu su siteovi rađeni u flashu, korporativni, minimalistički, futuristički, low bandwith, retro i još pravi mali set ostalih.