Četiri greške zbog kojih web stranica izgleda neprofesionalno

Posjetitelj o stranici odluči u prvih nekoliko sekundi, i to prije nego što pročita ijednu rečenicu. Ne procjenjuje vašu uslugu nego ono što vidi: raspored, slova, boje i je li mu jasno što dalje. Ako nešto od toga odaje nemar, pretpostavit će da je nemaran i posao iza stranice.

Dobra vijest je da stranica rijetko djeluje neprofesionalno zbog jedne velike pogreške. Najčešće su to četiri sitnije – i sve četiri se daju popraviti bez izrade nove stranice.

1. Predložak koji ne pristaje vašem poslovanju

Gotov predložak nije problem sam po sebi. Problem nastaje kad se uzme predložak napravljen za nešto drugo pa se u njega ugura vaš sadržaj. Posjetitelj to osjeti i kad ne zna objasniti zašto.

Kako se to prepozna

• Na naslovnoj su fotografije očito s banke slika koje ne prikazuju ni vas, ni vaše ljude, ni vaš proizvod.
• Dijelovi predloška ostali su prazni ili puni probnog teksta jer za njih nije bilo sadržaja.
• Boje i font ne odgovaraju logotipu, pa stranica izgleda kao da pripada nekom drugom.
• Posjetitelj istu temu već zna s nekoliko drugih stranica iz iste branše.

Što napraviti umjesto toga

Ako idete na predložak, birajte ga prema sadržaju koji već imate, a ne prema demonstraciji. Izbacite sekcije za koje nemate što reći – prazna sekcija šteti više od sekcije koje nema. Uskladite boje i font s logotipom i zamijenite generičke fotografije pravima, makar i snimljenima mobitelom uz dobro svjetlo.

2. Tipografija koja otežava čitanje

Većina sadržaja na webu je tekst, pa je font najvažniji dio dizajna koji nitko ne primijeti dok radi kako treba. Kad ne radi, posjetitelj ne kaže „loš font“, nego jednostavno ode.

Najčešće greške

• Premala slova. Tekst manji od 16 piksela na mobitelu se čita s mukom.
• Previše fontova. Tri ili četiri različita fonta na istoj stranici djeluju neuredno. Dva su gotovo uvijek dovoljna: jedan za naslove, jedan za tekst.
• Predugački redovi. Red koji se proteže preko cijelog širokog zaslona oko teško prati. Ugodno je otprilike 50 do 75 znakova u redu.
• Font bez hrvatskih znakova. Kad č, ć, ž, š i đ ispadnu u drugom fontu od ostatka riječi, to se vidi odmah.
• Nema razlike između važnog i manje važnog. Ako su naslov, podnaslov i tekst gotovo iste veličine, oko nema gdje zastati.

Provjera je jednostavna: otvorite stranicu na mobitelu i pročitajte jedan cijeli odlomak. Ako ste morali povećavati prstima ili ste se izgubili u redu, gubi se i posjetitelj.

3. Boje i kontrast koji umaraju oči

Uobičajeni savjet glasi da tamne pozadine treba izbjegavati. Točnije je reći da treba izbjegavati slab kontrast. Tamna pozadina sa svijetlim tekstom može biti sasvim čitljiva, a siva slova na svijetlosivoj pozadini nisu – koliko god moderno izgledala.

Na što paziti

• Kontrast teksta i pozadine. Smjernice pristupačnosti (WCAG) traže omjer od najmanje 4,5:1 za običan tekst. Besplatni alati za provjeru kontrasta izračunaju ga u sekundi.
• Tekst preko fotografije. Na jednom dijelu slike je čitljiv, na drugom nestaje. Potrebna je zatamnjena podloga ili tekst izvan slike.
• Previše jednako jakih boja. Kad je sve istaknuto, ništa nije istaknuto. Jedna boja za akcije, a sve ostalo smireno.
• Dugi tekstovi na tamnoj pozadini. Za kratki blok su u redu, ali dugačak članak se na tamnoj pozadini čita teže nego na svijetloj.

4. Poziv na akciju koji se ne vidi – ili ih je previše

Svaka stranica postoji zato da posjetitelj nešto napravi: pošalje upit, nazove, kupi ili se prijavi. Poziv na akciju je gumb ili poveznica koja ga do toga vodi. Tu se griješi na dva načina, i to u suprotnim smjerovima.

Kad ga nema ili se ne vidi

Posjetitelj pročita sve o usluzi i ne zna što dalje. Kontakt je samo u podnožju, broj telefona nije moguće pritisnuti na mobitelu, a obrazac je dvije stranice dalje. Svaki takav korak gubi dio ljudi koji su već bili zainteresirani.

Kad ih je previše

Na istom mjestu stoje „Zatražite ponudu“, „Preuzmite katalog“, „Pratite nas“, „Prijavite se na novosti“ i „Nazovite“. Posjetitelj koji mora birati između pet jednako naglašenih gumba često ne odabere nijedan.

Pravilo koje radi

Jedna glavna akcija po stranici ili sekciji, jasno istaknuta, i najviše jedna sporedna, vizualno slabija. Tekst na gumbu treba reći što se dogodi kad se pritisne: „Zatražite ponudu“ govori više od „Pošalji“, a „Pogledajte cijene“ više od „Saznajte više“.

Provjera u deset minuta

Za ovo vam ne treba stručnjak. Otvorite svoju stranicu na mobitelu, po mogućnosti vani ili uz prozor, i prođite kroz ova pitanja:

1. Znam li u pet sekundi čime se tvrtka bavi i za koga?
2. Jesu li fotografije naše ili bi mogle stajati na bilo kojoj stranici?
3. Mogu li pročitati cijeli odlomak bez povećavanja?
4. Je li tekst čitljiv i na dnevnom svjetlu?
5. Je li na svakom zaslonu jasno što mogu napraviti dalje?
6. Mogu li nazvati jednim dodirom?
7. Postoji li negdje prazna sekcija, probni tekst ili neispravna poveznica?

Svaki „ne“ je mjesto na kojem stranica gubi posjetitelje koji su već došli. Ako ih je više, provjerite i koliko se stranica učitava – o tome smo pisali u članku kako ubrzati web stranicu – te radi li jednako dobro na mobitelu.

Popraviti ili raditi novu?

Sve četiri greške mogu se popraviti na postojećoj stranici i to je najčešće isplativije. Nova stranica ima smisla kad je stara građena na tehnologiji koja se teško mijenja, kad se svaka sitna izmjena plaća zasebno ili kad se poslovanje toliko promijenilo da stari sadržaj više ne vrijedi.

Ako birate tko će to raditi, u članku kako odabrati agenciju za izradu web stranica su pitanja koja otkrivaju razliku među ponudama. Pogledajte i što uključuje naša izrada web stranica ili nam pošaljite adresu postojeće stranice pa ćemo vam reći koje od ovih grešaka na njoj vidimo.