Dizajn sajta i korisničko iskustvo
Boje na vašem sajtu nisu samo estetski izbor već i neka vrsta poslovnog alata koji direktno utiče psihologiju kupaca. Počev od toga kako se posetioci osećaju, koliko dugo ostaju i da li na kraju kliknu na dugme koje vam donosi prodaju. Problem je što većina firmi bira boje na osnovu ličnog ukusa vlasnika ili trendova sa interneta, umesto na osnovu onoga što zapravo pokreće posetioce ka kupovini. U ovom tekstu ćemo vam pokazati kako da pristupite izboru boja strateški, sa konkretnim smernicama koje možete primeniti na svoj sajt.
Ljudski mozak obrađuje boje pre teksta. Kada posetilac otvori vaš sajt, boje su bukvalno prva informacija koju registruje, i to se dešava za manje od sekunde. U tom trenutku, kombinacija boja na stranici već šalje poruku: da li ste ozbiljna firma, da li prodajete nešto premium ili pristupačno, da li ste savremeni ili zastareli.
Ovo je već dobro dokumentovana psihologija, a istraživanja pokazuju da boja utiče na čak 60-90% inicijalne procene proizvoda ili brenda. To znači da boje na vašem sajtu obavljaju ogroman deo posla pre nego što posetilac pročita jednu jedinu rečenicu.
Odmah da razjasnimo: ne postoji univerzalno najbolja boja koja povećava prodaju. Tamno plava boja može da komunicira poverenje ukoliko je u pitanju firma koja se bavi finansijama, ali bi možda bila potpuno pogrešan izbor za npr. dečiju igraonicu gde se očekuju veselije boje. Ključ je u tome da boje odgovaraju branši, ciljnoj grupi i poruci koju želite da pošaljete.
Glavna boja vašeg sajta je ona koja dominira, koja se pojavljuje u zaglavlju, pozadinama sekcija i koja definiše vizuelni identitet. Evo kako da joj pristupite:
Ako već imate logo i vizuelni identitet, glavna boja sajta bi trebalo da bude usklađena sa njima. Konzistentnost između vizit karte, društvenih mreža i sajta gradi prepoznatljivost. Ako tek birate brend boje, razmislite o tome kakvu poruku vaša branša zahteva.
Generalne asocijacije koje se najčešće potvrđuju u praksi: tonovi plave boje asociraju na pouzdanost i profesionalnost. Zelena boja simbolizuje rast, zdravlje i nešto prirodno, dok narandžasta i crvena odaju osećaj energije i hitnosti. Tamne boje poput crne i teget najčešće se vezuju za premium i luksuzne proizvode.
Ali umesto da slepo pratite ove asocijacije, pogledajte šta radi vaša konkurencija. Ne da biste ih kopirali, nego da biste razumeli šta je „norma” u vašoj branši. Ponekad je pametno uklopiti se u očekivanja kupaca. Ponekad je pametnije izdvojiti se. Ako su svi konkurenti u plavoj, sajt sa toplom narandžastom bojom će privući pažnju, ali samo ako ta boja ima smisla za vaš brend.
Najčešća greška sa bojama na sajtovima u Srbiji je upotreba previše boja bez sistema i poretka. Rezultat je sajt koji izgleda kao da ga je svako odeljenje u firmi dizajniralo nezavisno.
Profesionalni sajtovi koji dobro prodaju skoro uvek koriste jednostavnu paletu: jednu do dve glavne boje, jednu neutralnu boju za pozadinu i tekst, i jednu akcentovanu (kontrastnu) boju za elemente koji treba da privuku pažnju.
Ovo je ono što dizajneri zovu „60-30-10″ pravilo:
Kada se držite ovog odnosa, sajt automatski deluje uređeno i profesionalno. Posetilac možda neće znati zašto mu sajt deluje ozbiljno, ali će to osetiti.
Kontrast između boja je možda važniji od samih boja koje izaberete. Kontrast je ono što usmerava pogled posetioca i govori: „Evo, ovo je ono što treba da uradiš sledeće.”
Evo konkretnog primera. Jedna firma iz Srbije koja se bavi uslugama imala je sajt u zelenim tonovima. Dugme za kontakt formular bilo je tamnozeleno na svetlozelenoj pozadini. Vizuelno skladno, ali gotovo nevidljivo. Kada je dugme promenjeno u drugu boju, bez ikakve druge izmene na sajtu, broj popunjenih formulara je porastao za 25%.
Zašto? Zato što je kontrast rekao posetiočevom mozgu: „Ovo je važno. Pogledaj ovde.” Bez tog signala, dugme se stopilo sa okruženjem i postalo nebitan element na stranici.
Kontrast nije samo bitan za dugmad. Vaš tekst mora da bude lako čitljiv, što znači dovoljan kontrast između boje teksta i pozadine. Svetlosivi tekst na beloj pozadini možda izgleda elegantno, ali akoposetioci ne mogu lako da pročitaju, nećete prodati ništa. Ovo je posebno važno na mobilnim uređajima, gde se sajtovi često gledaju na direktnom suncu.
Iz iskustva sa preko 250 projekata, evo obrazaca koji se ponavljaju i koji negativno utiču na prodaju:
Kada svaka sekcija ima drugačiju pozadinu, svaki naslov drugačiju boju, a dugmad dolaze u tri varijante, posetilac ne zna gde da gleda. Vizuelni haos ubija poverenje.
Ovo je verovatno najskuplji „dizajnerski” propust. Dugme koje se ne ističe, ne dobija klikove.
Tanak, svetao font na svetloj pozadini ili beo tekst na šarenoj fotografiji bez zatamnjenja. Ako posetilac mora da se napreže da pročita tekst, neće se naprezati, već će otići.
Neonske boje za advokatsku kancelariju ili sive nijanse za dečju igraonicu šalju pogrešnu poruku, bez obzira na to koliko vam se lično sviđaju.
Za širu sliku o tome kako dizajn u celini utiče na prodaju, uključujući navigaciju, brzinu i pozive na akciju, pročitajte naš detaljan vodič o uticaju dizajna sajta na prodaju.
Ne morate biti dizajner da biste proverili da li boje na vašem sajtu rade za vas ili protiv vas. Evo tri konkretna koraka:
Izbor boja za sajt je strateška odluka koja direktno utiče na to da li će posetioci postati kupci. Zapamtite pravilo 60-30-10, neka vaša akcentna boja za dugmad uvek bude u kontrastu sa ostatkom sajta, i testirajte kako boje funkcionišu na mobilnom uređaju.
Ako niste sigurni da li boje i dizajn vašeg sajta pomažu ili odmažu prodaji, popunite naš kratki upitnik i saznajte gde vaš sajt gubi posetioce. Treba vam manje od 2 minuta.