Dobro dizajnirana web stranica nije samo lijepa – ona mora biti funkcionalna,
pregledna i prilagođena korisniku. Evo pet ključnih elemenata na koje treba obratiti
pažnju:
1. Jasna i intuitivna navigacija: Posjetioci treba da mogu lako da se kreću kroz sajt i
pronađu informacije. To znači da glavni meni ima logične stavke (npr. Početna, O
nama, Usluge, Kontakt), da su podmeniji, ako postoje, jasno grupisani. Takođe,
korisno je da logo sajta vodi na početnu stranicu (uobičajena praksa). Navigacija treba
biti vidljiva – često se pozicionira pri vrhu stranice ili na bočnoj traci. Na mobilnim
uređajima, ona se obično sažima u tzv. hamburger ikonicu (tri linije) koju je opet
važno učiniti uočljivom. Jednostavno rečeno, korisnik ne smije biti zbunjen kako da
dođe do željene sekcije sajta. Konzistentnost je isto važna: meni i navigacione
okomice (breadcrumbs) neka budu konzistentne na svim stranicama da se ljudi ne bi
izgubili.
2. Responsive dizajn (prilagođenost različitim uređajima): Sve više ljudi pretražuje
web preko telefona ili tableta, tako da je neophodno da web stranica bude dizajnirana
da izgleda i radi dobro na svim veličinama ekranamedium.com. Responsive dizajn
znači da se elementi stranice (slike, tekst, kolone) reorganizuju i skaliraju za manje
ekrane. Na praktičnom nivou, to postižete korištenjem modernih predložaka ili CSS
frameworka (poput Bootstrap) koji imaju ugrađenu podršku za responzivnost. Ako
koristite gotove teme na WordPressu ili graditeljima, gotovo sve nove teme su
responzivne, ali uvijek testirajte – otvorite svoj sajt na telefonu i tablet uređaju.
Google daje prednost mobilno optimizovanim sajtovima u rezultatima
pretragemedium.com, što je dodatni motiv.
3. Brzina učitavanja (performanse): Korisnici su nestrpljivi – studije pokazuju da ako
se stranica učitava duže od par sekundi, značajan dio posjetilaca odustane. Zbog toga
optimizujte svoj sajt da bude što brži. To podrazumijeva optimizaciju slika (uvek
smanjite slike na dimenzije koje su vam potrebne i kompresujte ih; nemojte stavljati
sliku od 5 MB direktno sa kamere na web stranicu, već je smanjite na npr. 200 KB
ako je moguće), minifikaciju koda (kombinovanje i smanjivanje veličine CSS i JS
fajlova), korištenje cache-a (keširanja sadržaja) i dobar hosting. Brz sajt pruža bolje
korisničko iskustvo i ima bolje šanse za SEO rangiranjemedium.com. Alati poput
Google PageSpeed Insights mogu vam dati smjernice šta usporava vaš sajt.
4. Pozivi na akciju (CTA – Call to Action): Svaka dobra stranica ima ciljanu radnju za
korisnika – bilo da je to kupovina proizvoda, popunjavanje kontakt forme, prijava na
newsletter ili čitanje više članaka. CTA elementi su tipke ili linkovi koji ističu tu
željenu radnju. Dizajnirajte ih tako da budu uočljivi (npr. dugme druge boje koja se
kontrastira s ostatkom dizajna) i postavite na strateška mjesta – recimo, na početnoj
stranici odmah u hero dijelu stavite “Kontaktirajte nas za ponudu” ili “Saznaj više”
ako želite da korisnik nastavi daljemedium.com. Tekst na dugmetu treba da bude
jasan i akcioni (“Registruj se”, “Preuzmi besplatni e-book”, “Kupi odmah”). Također,
dobra praksa je imati CTA i na kraju svake podstranice – npr. nakon opisa usluge,
dugme “Naruči uslugu” ili slično. Naravno, nemojte pretjerati – usmjerite se na jednu
do dvije ključne akcije koje su najvažnije i fokusirajte dizajn oko njihmedium.com.
5. Snažan vizuelni dizajn i konzistentnost brenda: Upečatljiv ali uredan vizuelni
identitet čini da stranica djeluje profesionalno i uliva povjerenje. Ovo znači uskladiti
boje sajta sa bojama brenda (obično se koristi paleta od 2-3 glavne boje koje se
provlače kroz dugmad, naslove, linkove), koristiti čitljive i skladne tipografije (npr.
jedan font za naslove, drugi za tekst, ili isti font u različitim debljinama – ali ne više
od 2 različita fonta generalno). Na svakoj stranici, elementi treba da budu poravnati i s
dovoljno “bijelog prostora” (praznog prostora) između, kako stranica ne bi izgledala
zbijeno – to poboljšava čitljivostmedium.com. Kvalitetne fotografije i grafike su
takođe ključne: bolje je koristiti originalne slike visoke kvalitete (optimizovane za
web) nego generičke stock fotografije koje je publika već vidjela. Ako koristite stock
slike, birajte one koje odgovaraju tonu stranice i djeluju autentično. Vizuelna
hijerarhija je koncept da važniji elementi budu veći/upadljiviji – npr. glavni naslov na
stranici je najuočljiviji, podnaslovi ispod njega manje upadljivi, običan tekst
standardan. Ovo vodi oko posjetioca kroz sadržaj na logičan način.
Pored ovih ključnih, tu su i drugi bitni elementi: kvalitetan sadržaj (jasan, gramatički
ispravan tekst koji pruža vrijednost posjetiocu), kontakt informacije lako dostupne
(mnogi korisnici žele brzo naći broj telefona ili email), sigurnosni elementi (HTTPS,
privatnost podaci ako se skupljaju i sl.), kao i dobar SEO on-page (o tome više u
narednom pitanju). Kada sve to spojite, dobijate web stranicu koja istovremeno
izgleda profesionalno i efikasno vodi posjetioca ka informaciji ili akciji zbog koje je
došao