Internetiturundus

Veebikujundus on eduka internetimüügi olulisimaid komponente. Visuaal loob või hävitab mainet ja võib otsustada kogu su edu. Siin 10 soovitust, mis sinu šansse eduks parandavad.

1. Vormi kujundus

Erinevad liitumisvormid on oluline veebilehe osa – seda nii kasutajaks registreerimisel kui postiloendiga liitumisel. UX Matters uuris efektiivsete vormide kujundamist ja leidis järgmised tõed:

• Pane sisestuslahtri kirjeldus lahtri peale, mitte kõrvale. See on inimeste jaoks lihtsaim
• Kui sa mingil põhjusel ei saa neid lahtri peale panna ja tahad kõrvale panna, siis vähemalt joonda tekst paremale (align right)
• Rasvast kirja on raskem lugeda, tee vormi tekstid tavalised
• Kui kasutad rippmenüüd, siis vali kasutaja eest juba vaikimisi väärtus ära (ehk ära jäta esimest valikut tühjaks)

2. Inimesed reageerivad nägudele

Inimestele vist inimesed meeldivad, sest nähes inimese nägu veebis, meie silmad lähevad kohe selle pildi peale – nagu tõestab see uuring. See teadmine aitab meiljuhtida tähelepanu olulisele, pannes tähtsa elemendi kõrvale inimese näo.

Oluline teadmine on ka see, et kui pildil olev nägu vaatab vasakule, siis ka kasutaja vaatab instinktiivselt vasakule. Seepärast on hea mõte panna pildil olev nägu vaatama suunda, kus on meie jaoks oluline asi veebis (mingi tegevuse tegemine).

3. Hea disain on usaldusväärsuse alus

Usaldusväärsus on kõige tähtsam asi. Kui kasutaja sind ei usalda, ta sinu käest ei osta. Usaldusväärsuse loomist veebis on uuritud põhjalikult (eriti Stanfordi Ülikooli poolt) ja üks olulisimaid faktoreid selle loomiseks on hea veebidisain. Inimesed hindavad raamatut kaane järgi.

Maitsed võivad olla erinevad – sulle meeldib sinine ja mulle punane – aga kujundus peab vähemalt piisavalt hea välja nägema.

Näiteks ma ei ole Basecampi kasutaja (pildil), aga nende veeb jätab päris kobeda mulje.

4. Inimesed ei keri esmakülastusel

Kui kasutaja satub su lehele esimest korda, siis ta ei kasuta kerimisriba ja näeb vaid seda, mis hetkel ekraanil (allikas: Jakob Nielsen). See tähendab, et peaks suutma kõik olulise enda kohta öelda lehe ülaosas. Kasutaja peaks saama vastused küsimustele ‘kus ma olen?’, ‘mis ma siin teha saan?’ ja ‘kuidas see mulle kasulik on?’ 5 sekundi jooksul – ja seda ilma kerimisriba kasutamata.

5. Tee lingid siniseks

Ma ise eksin selle vastu siin blogis, aga reeglina on linkide jaoks parim värv sinine. Inimestel on veebiga tekkinud teatud kasutusharjumused. Eeldatakse, et link on sinine ja joon on all. Eeldatakse, et logo on ülal vasakus nurgas ja sellele klikkides saab avalehele. Sellised harjumusi on palju, võta need arvesse.

Sinine link pole muidugi kohustuslik – aga see vähendab linkide eristamise aega. Kõige olulisem on see, et lingid oleks muust tekstist kergesti eristatavad, teist värvi kui põhitekst ja näiteks alla joonitud.

6. Otsingukasti pikkuseks 27  tähemärki

Jakob Nielsen leidis, et enamik otsingukaste veebis on liiga lühikesed, vaid 18 tähemärki. Pikem otsingufraas ei mahu ära. Test leidis, et ideaalne on 27 tähemärki.

Näiteks kõrval Postimehe otsingukast on selgelt liiga lühike.

7. Tühi ruum parandab arusaamist

Head veebidisainerid tunnevad white space’i tähtsust. Tühi ruum erinevate veebielementide ümber parandab arusaamist, loetavust ja annab üldist hingamisruumi.

Vastavad uuringud näitavad, et näiteks tekstiosa äärtesse tühja ruumi jätmine parandab loetavust 20%. Väldi tihedalt kokkusurutud veebikujundusi ja servast-servani tekste.

8. Veebi testimine ei pea olema mahukas

Uut veebi arendades on alati hea mõte lasta seda enne avalikkusele avamist testida. Paljud ei tee seda, kuna see tundub liiga suur ja mahukas ettevõtmine. Pole tõsi.

Kasutatavuse liider Jakob Nielsen leidis, et juba 5 kasutajat leiavad üles 85% probleemidest ja 15 inimest iga viimase kui probleemi. 5 inimese leidmine ei tohiks olla kellelegi keeruline.

9. Lõhu tekst lõikudeks

Miski pole keerulisem lugeda, kui üks pikk joru. Tee tühi rida iga 3-4 tekstirea järel. Kui sul on rohkem kui 4 lõiku, lõhu teksti veelgi ja lisa rasvases kirjas alapealkirju. See tõstab tegi loetavust märkimisväärselt.

Väidetavalt on vasakule joondatud teksti lihtsam lugeda kui justified (nagu siin blogis), aga ma isiklikult ei kannata vasakule joondatud teksti ja mulle tundub, et ma pole ainus ;)

10. Informatiivsed tooteinfo leheküljed

Sa müüd veebis paljusid erinevaid tooteid. Mida sa peaksid tegema: lisama iga toote juurde maksimaalse hulga infot. Testid näitavad, et 10% kasutajaid lahkub kohe kirjeldust leidmata ja üleüldiselt moodustab puudulik tooteinfo 8% kõikidest kasutatavuse probleemidest. Inimesed tahavad infot ostu sooritamiseks!

Ahjaa, lisa igale tootele pilt ka. Garanteeritud kasv müügile. Keegi ei taha osta põrsast kotis.

11. Inimesed ei näe reklaami ja reklaamisarnaseid asju

Jakob Nielsen räägib, et bänneripimedus on üldlevinud ja valdav osa kasutajaid bännereid ei märka.

Oluline teadmine on siin, et inimesed ei märka ka bännerisarnaseid asju. Näiteks kui sa oma veebis teed mingi graafilise viguri, millega annad midagi teada, aga mis näeb välja nagu bänner, siis on lood kehvad.

Näiteks Estonian Air räägib eripakkumistest läbi bännerite paremas servas. Nende nuppude tulemuslikkus paraneks, kui nad näeksid välja vähem kui bännerid ja rohkem kui sisu.

NB! Vaata ka postitust Kuidas panna veebidisain müüma

Mitmed on juba arvamust avaldanud. Mida arvad sina?

Sildid: disain, graafika, internetimüük, jaob nielsen, kasutatavus, kujundus, usability, veebikujundus, visuaal

Mõned aastad tagasi tegi üks vahva veebifirma sulle veebilehe. Just sellise nagu koolipoisist disaineril hetkel pähe tuli. Koos selle sinise värviga, mis su abikaasale kangesti meeldib. Veebi struktuuris järgisid mudelit, mida kasutavad konkurendid ja su sõbrad – tegid lehed “meist”, “kontakt” ja “teenused”. Nüüd aastaid hiljem oled targem ja saad aru, et vaja oleks midagi enamat.

Millele mõelda enne oma veebi ümber kujundamist? Siin on 7 küsimust, millele peaksid suutma enne uue lahenduse üle otsustamist vastata.

1. Millised on probleemid praeguse veebiga?

Ära paranda seda, mis pole katki. See, et sa oled oma praegusest veebikujundusest väsinud, ei tähenda seda, et su kliendid oleks. Uuri oma klientide arvamusi. Kui praegune veeb teeb müüki väga hästi, siis võib-olla pole vaja seda näppida.

Kui siiski otsustad plaaniga edasi minna, siis pane kirja kõik asjad, mis praeguses veebis pahasti on või võiks paremini olla ja hoolitse selle eest, et uus veeb adresseeriks kõike neid punkte.

2. Mida sinu kliendid su veebilehe kohta räägivad?

Vahel toob disaini muutus kaasa klientide protesti, kellele vana kujundus armsaks saanud. Hea mõte oleks teha väike küsitlus klientide seas enne otsuse langetamist. Kui otsus kindel, siis uuri välja, et mis neid praeguse veebi juures häirib, millisest funktsionaalsusest nad puudust tunnevad ja mida nad sooviksid uues veebis näha.

Muidugi lase kogu tagasiside läbi filtri, sest mõni klient võib tulla välja väga lollide soovitustega. Ära hakka radikaalseid otsuseid tegema ka pelgalt ühe kliendi tagasiside põhjal.

Samas su veebileht on sinu klientidele, et nende kaasamine protsessi on väga oluline.

3. Mis on ümber kujundamise eesmärk? Mida tahame saavutada?

Jätkates punktist 1, siis küsi endalt, et mis on su veebilehe eesmärk? Kui tegemist on äriettevõttega, siis eesmärki mõõdame rahas. Külastatavus, veebilehel viibitud aeg ja lehevaatmiste hulk ei tähenda midagi, kui see sul sissetulekut ei tõsta.

Mõtle läbi kuidas konkreetselt su veebileht su ärieesmärkidele hakkab kaasa aitama.

4. Äkki polegi täielikku ringi tegemist vaja?

Kui peamine probleem on selles, et külastatavus on madal, siis ehk polegi täielikku ümber tegemist vaja ja piisab vaid otsingumootoritele optimeerimisest? Või siis lihtsalt lisa blogi?

5. Kuidas mõjutab uus ülesehitus külastatavust otsingumootoritest?

Sinu kujundaja räägib, et sul võiks olla tiitelleht, kus vinge flash animatsioon tähtede sõjast ja lendavatest kassidest. Sellega tõmbad endale aga vee peale, mõtle ringi. Ära ohverda otsingumootorite sõbralikku struktuuri kujunduse nimel.

6. Kui lihtne saab mu klientidele uue veebilehe kasutamine olema?

Kui su sihtgrupp kasutab su veebi pidevalt ja nad on seda teinud juba aastaid, siis neil on teatud kasutusharjumus. Muutes kogu värgi ringi, põhjustad frustratsiooni. Mõtle oma uue veebi kasutatavuse peale ja ära siin looda oma kujundaja peale. Mida odavam sell teeb, seda vähem ta on üldse kasutatavusest kuulnud (kohustuslik kirjandus: Don’t Make Me Think).

Kui kliendid on harjunud su menüüd aastaid vasakult leidma, siis võib olla targem see sinna ka jätta.

7. Kuidas ma mõõdan oma veebilehe edu?

Me saame parandada vaid seda, mida saame mõõta. Kui sa ei sea oma veebilehele konkreetseid ja mõõdetavaid eesmärke, siis me ka ei saa teada, et kas uus veeb üldse on parem või ei ole. Eesmärgid peaksid olema seotud konkreetselt sinu ärieesmärkidega. Eesmärk võib olla 100 müügikontakti saamine läbi veebi iga kuu, eesmärk ei ole “loevad enamat infot”.

Mida soovitaksid sina läbi mõelda enne uue veebi tegemist? Mida on sul oma kogemustest jagada?

Mitmed on juba arvamust avaldanud. Mida arvad sina?

Sildid: disain, koduleht, kujundus, ümber kujundamine, veebidisain, veebikujundus, veebileht

Internetis on sinu müügimeheks sinu veebileht. Nii nagu me ei usalda kaltsakast müügimeest, ei usalda me ka kehva kujundusega veebilehte. Kõige olulisem kriteerium ühe veebidisaini juures on see, et see ei riivaks silma. Kui see on olemas, on suur samm juba tehtud. Vaatame aga veel 7 nõuannet, mis veebidisaini juures rakendades sinu müügitulemusi ehk conversion rate’i oluliselt tõstavad.

1. Vastused 3 sekundi jooksul

Kolm sekundit on aeg, mille jooksul keskmine kasutaja otsustab, kes kas jääda su veebilehele või klikkida back-nuppu. Selle lühikese aja jooksul peab ta saama vastuse neile kolmele küsimusele:

1. Kus ma olen?
2. Mis ma siin teha saan?
3. Kuidas see mulle kasulik on?

Kui su veebileht ütleb “tere tulemast!” või ei ütlegi midagi ja eeldad, et inimene hakkab menüüdes klikkima ja lugema, siis jääd väga kiirelt külastajast ilma.

Kirjutades teksti, mis annab külastajale vastused nendele küsimustele, lähtu alati lugeja kasudest. Kirjelda eeliseid/lõpptulemusi, mitte protsessi.  Näiteks Skype ütleb kohe ära “talk more, pay less with unlimited calls” mitte ei hakka jahuma firma ajaloost, ei ütle sulle tere tulemast ega ka seda, et Skype on internetitelefon vmt. Inimene ei taha internetitelefoni, vaid tahab rohkem ja odavamalt suhelda.

2. Kasuta pilte, mis võimendavad sõnumit

Pilt ütleb rohkem kui 1000 sõna ja piltide kasutamine on äärmiselt oluline – eriti kui püüad müüa mingit toodet. Uuringud on ka näidanud, et piltide kasutamine võib esile kutsuda ka kindlaid käitumismaneere, mõjutades meid alateadlikult. Üks uuring tõestas, et lapsed on palju altimad jagama komme teiste lastega peale jõuluvana mütsi nägemist.

Kasuta pilte, mis võimendavad sinu sõnumit ja panevad inimesi tahtma sinu toote/teenuse poolt pakutavat lõpptulemust. Näiteks kui müüd jooksujalatseid, näita neid kontekstis. Näita mulle pilti, mis aitab mul kasvõi alateadlikult kujutada ette, kuidas ma nende tossudega lendlen metsavahel.

Ahjaa, kindlasti väldi imalate pildipanga piltide kasutamist, kus ülikonnastatud mehed annavad terekätt või telemarketingu neiu naeratab, headset peas. Ebasiirus tapab (ja keda sa omaarust lollitad?).

3. Elimineeri valiku paradoks

Valiku paradoks on tõestatud fakt sellest, et kui klientidele pakkuda suur valik mingit toodet, vähesemad kliendid sooritavad ostu võrreldes nendega, kellele pakutakse väiksemat valikut. Suur valik viib valikuhalvatuseni – klient ei suuda valida. Suurema valiku korral on lihtsam mitte midagi valida (mida rohkem valikut, seda suurem on tõenäosus teha halb valik ja keegi ei taha teha kehva otsust).

Tee inimestele valiku tegemine lihtsaks piirates valiku hulga kolmega või rõhutades ühte konkreetset valikut. Ideaalis on sul igale lehele oma veebis defineeritud Enim Soovitud Tegevus ehk üks peamine valik, millele klient peaks klikkima. Näiteks avalehel tahad sa, et ta loeks rohkem su toote kohta. Tooteinfo lehel oleks järgmine samm mingi tasuta pakkumise vastuvõtt jne.

Näites toodud veebilehtel on mitmeid valikud, aga üks valik on rõhutatud ja paistab kohe silma.

4. Näita toodet

Poodi midagi ostma minnes sa ei pane seda ostukorvi ilma vaatamata. Ka virtuaalkeskkonnas soovib ostja toodet enne näha. E-poe juures on see elementaarne, aga ka veebiteenuste ja digitaalsete toodete juures on vaja näidata pilti – kasvõi screenshoti.

Inimesed hindavad raamatut kaane järgi ja neil on otsuse tegemine palju lihtsam nähes ka pilti. Pildi ärajätmine viib ka kiire otsuseni – lahkumiseni.

Näiteks üks kodumaine e-ehituspood tõstis ka kruvide müüki peale kruviga pildi lisamist.

5. Tasuta!

Tasuta on vastupandamatu. Parim viis oma toodetele ja teenustele tähelepanu tõmmata on anda midagi (vähemalt osa sellest) ära täiesti tasuta. Toote proovimine/kasutamine on aga kõige parim viis tõsta usaldust oma toote suhtes (nad saavad ju ise proovida!) ja arendada kliendiga suhteid.

Fakt on ka see, et rohkem kui 95% külastajatest ei osta midagi esimesel korral. Seega tulemuslikkuse tõstmiseks on väga hea tehnika minnagi välja täesti tasuta pakkumise tegemisele. Las nad veenduvad ise, et su toode või teenus on väärt, et selle eest maksta.

6. Rõhuta soovitud tegevust

Kui sa tahad, et keegi liituks su uudiskirjaga, siis kõige parem viis selle ära rikkumiseks on panna veebilehele “liitu mu uudiskirjaga”. Keegi ei taha liituda uudiskirjaga, vaid tahetakse sellega liitumisest tulenevaid hüvesid. Sinu roll ongi neid hüvesid müüa.

Paljudel veebilehtedel on menüü väga paljudele valikutega. “Meie kohta” ja “kontakt” ja mis kõik veel. Aga fakt on see, et kõik need valikud pole võrdse tähtsusega! Miks sa siis paned nad võrdse rõhuasetusega sinna menüüsse? Too oluline välja ja rõhuta seda.

7. Kasuta Guternbergi diagrammi

Guternbergi diagramm seletab silmade liikumist veebilehel. Esmalt vaadatakse vasakusse ülemisse nurka – ja sinna peaksid panema 3 sekundi vastused (vt punkt nr.1). Järgmisena liigub pilk alla paremasse nurka – ja see on koht, kus peaks tegema üleskutse mingi tegevuse tegemiseks. Vasak alumine nurk on kõige kehvem koht (see saab vähim tähelepanu) ja sinna peaks panema kõige vähemtähtsamad asjad.

Gutenbergi diagrammi kasutust näed ka siin ülal toodud näidetes nagu Skype, Daily Burn, Business Catalyst, Intuit.

Ja nüüd tegudele!

Mitmed on juba arvamust avaldanud. Mida arvad sina?

Sildid: conversion, conversion rate, koduleht, kujundus, müük, müümine, veeb, veebidisain, veebikujundus, veebileht