Većina savjeta za web dizajn svodi se na "neka izgleda lijepo." Hvala. Jako korisno.
Problem s generičkim savjetima je to što ne mijenjaju ponašanje. Pročitate "koristite dobru tipografiju" i kimnete glavom, ali ništa na vašoj stranici ne postane bolje. Zato preskočimo neodređene stvari. Evo konkretnih, primjenjivih promjena koje zaista poboljšavaju performanse web stranica.
1. Uklonite nered
Svaki element na vašoj stranici trebao bi zaslužiti svoje mjesto. Onaj dekorativni widget u bočnoj traci koji nitko ne klikne? Uklonite ga. Tri različita stila bannera koji se natječu za pažnju na vašoj početnoj stranici? Odaberite jedan.
Vizualni nered stvara kognitivno opterećenje. Kada posjetitelji moraju procesirati previše odjednom, ne procesiraju ništa. Odlaze.
Test je jednostavan. Pogledajte svaki element na stranici i zapitajte se: "Kad bih ovo uklonio, bi li itko primijetio?" Ako je odgovor ne, ne bi trebao biti tu.
Prazan prostor nije izgubljen prostor. To je prostor za disanje koji čini da se vaš stvarni sadržaj istakne.
2. Neka tipografija nosi teret
Tipografija se ne svodi na odabir cool fonta. Radi se o stvaranju jasne vizualne hijerarhije koja govori ljudima što čitati prvo, drugo i treće.
Koristite maksimalno dva fonta. Jedan za naslove, jedan za tekst tijela. Postavite tekst tijela na najmanje 16 piksela. Sve manje i mobilni korisnici će škiljiti. Držite duljinu redaka između 50-75 znakova po retku. Duži redci teže se prate natrag do početka.
Prored je važniji nego što većina ljudi misli. Postavite ga na 1,5-1,7 za tekst tijela. Zgusnuti tekst osjeća se stresno za čitanje, čak i ako čitatelji ne mogu artikulirati zašto.
3. Birajte boje s namjerom
Boja nije dekoracija. Boja je komunikacija. Vaša paleta boja utječe na to kako se ljudi osjećaju u vezi vašeg brenda prije nego pročitaju ijednu riječ.
Ograničite paletu na 3-4 boje. Jedna primarna, jedna sekundarna, jedna naglasna i jedna neutralna. Koristite naglasnu boju štedljivo za stvari koje želite da ljudi primijete: gumbe za poziv na akciju, važne linkove, ključne obavijesti.
Provjerite omjere kontrasta. Svijetlosivi tekst na bijeloj pozadini možda izgleda sofisticirano u mockupu, ali nečitljiv je u sunčanoj sobi. WCAG AA standardi zahtijevaju minimalni omjer kontrasta od 4,5:1 za normalan tekst. Zadovoljite ga.
4. Ubrzajte učitavanje
Spora web stranica nije manja neugodnost. To je ubojica konverzija. Istraživanja dosljedno pokazuju da svaka dodatna sekunda učitavanja značajno povećava stopu napuštanja. Nakon 3 sekunde izgubili ste velik dio posjetitelja.
Uobičajeni krivci: nekompresirane slike, previše učitanih fontova, prekomjerni JavaScript, bez keširanja preglednika. Popravite ovo i vidjet ćete rezultate odmah.
Komprimirajte svaku sliku. Koristite moderne formate poput WebP. Učitavajte slike ispod pregiba tek kada postanu vidljive. Minimizirajte CSS i JavaScript. Ovo nisu opcionalne optimizacije. To su osnovni zahtjevi. Pročitajte naš detaljan vodič o optimizaciji brzine web stranice za kompletnu kontrolnu listu.
5. Dizajnirajte prvo za mobilne uređaje
Više od 60% web prometa je mobilno. Ako vaša stranica nije građena prvenstveno za telefone, dizajnirate za manjinu.
Responzivni dizajn znači više od smanjivanja desktop rasporeda. Znači preispitivanje koji sadržaj je bitan na malom ekranu. Znači da dodirne površine budu dovoljno velike za palčeve. Znači osigurati da su forme upotrebljive s mobilnom tipkovnicom.
Testirajte stranicu na pravom telefonu. Ne na preobliku preglednika. Pravom telefonu, u ruci, vani na suncu. To je stvarni uvjet koji većina vaših posjetitelja doživljava.
6. Učinite navigaciju očitom
Ako ljudi ne mogu naći što traže u 3 sekunde, otići će i probati kod konkurencije.
Držite glavnu navigaciju na 5-7 stavki. Označite ih razumljivim jezikom, ne marketinškim frazama. "Usluge" pobjeđuje "Što radimo za vas." "Cijene" pobjeđuje "Mogućnosti ulaganja."
Stavite najvažnije stavke na početak. Ljudi skeniraju slijeva nadesno (u jezicima koji se čitaju s lijeva), a mobilni izbornici čitaju se odozgo prema dolje. Prva stavka dobiva najviše pažnje.
Svaka stranica trebala bi trenutačno odgovoriti na dva pitanja: "Gdje sam?" i "Što mogu dalje učiniti?" Ako ti odgovori zahtijevaju detektivski rad, vaša navigacija treba popravak.
7. Koristite prave slike, ne stock fotografije
Stock fotografije ljudi koji se rukuju ispred staklenih zgrada komuniciraju točno jednu stvar: "Nismo se potrudili snimiti prave fotografije."
Prave fotografije vašeg tima, vašeg rada, vašeg ureda, vaših proizvoda gradi povjerenje koje stock slike nikad neće. Ljudi kupuju od ljudi. Pokazivanje stvarnih ljudi iza poslovanja čini vašu stranicu vjerodostojnijom.
Ako profesionalna fotografija još nije u budžetu, koristite jednostavne, iskrene slike. Fotografija telefonom vašeg stvarnog radnog prostora pobjeđuje stock fotografiju lažnog od 5 dolara.
8. Pišite CTA-ove koji govore ljudima što slijedi
"Pošalji" nije poziv na akciju. To je naredba. "Saznajte više" jedva je bolje. Te oznake ne govore ljudima ništa o tome što se događa kada kliknu.
Dobri CTA-ovi su konkretni. "Zatražite besplatnu ponudu" korisniku govori točno što će dobiti. "Započnite 14-dnevnu probu" postavlja jasna očekivanja. "Preuzmite vodič s cijenama" obećava konkretan sadržaj.
Tekst gumba trebao bi dovršiti rečenicu: "Želim ___." Ako ta rečenica zvuči prirodno, vaš CTA funkcionira.
Također: neka gumbi izgledaju kao gumbi. Dovoljna veličina, jasan kontrast prema pozadini i dovoljno unutarnjeg razmaka da ne djeluju skučeno. Na mobilnim uređajima gumbi trebaju biti najmanje 44x44 piksela za udoban dodir.
9. Testirajte sa stvarnim ljudima
Vaše mišljenje o vašoj web stranici nije bitno. Mišljenje vašeg dizajnera nije bitno. Bitno je mogu li stvarni korisnici ostvariti svoje ciljeve na vašoj stranici.
Provedite jednostavne testove upotrebljivosti. Dajte nekome zadatak ("Pronađite cijenu našeg premium plana") i gledajte kako pokušava. Ne pomagajte. Ne objašnjavajte. Samo promatrajte. Naučit ćete više u 15 minuta gledanja stvarne osobe kako koristi vašu stranicu nego u satima internih rasprava.
A/B testiranje djeluje za manje odluke. Treba li gumb biti zelen ili plav? Treba li naslov naglašavati cijenu ili kvalitetu? Ne pogađajte. Testirajte, mjerite, idite s podacima.
Koristite alate poput Google Analyticsa za praćenje onoga što se zaista događa. Visoka stopa napuštanja na određenoj stranici? Nešto nije u redu s tom stranicom. Niska konverzija na kontakt formi? Forma treba doradu. Neka brojke vode vaša poboljšanja korisničkog iskustva.
Temeljno načelo
Svaki gornji savjet svodi se na jednu ideju: poštujte vrijeme i pažnju vaših posjetitelja. Došli su na vašu stranicu iz nekog razloga. Dobar dizajn im pomaže ostvariti taj razlog s minimalnim trenjem.
To ne znači dosadno. Ne znači minimalno radi minimalizma. Znači da svaka dizajnerska odluka služi osobi koja koristi stranicu, a ne ego onoga tko ju je dizajnirao.
Najbolje web stranice osjećaju se kao da ih je lako koristiti. Doći do toga zahtijeva namjeran, fokusiran trud.
Želite profesionalnu procjenu vaše trenutne stranice? Nudimo besplatnu analizu web stranice koja identificira točno što funkcionira, što ne i što prvo popraviti.
