Blogi haldab ja kureerib 

Thorgate’i disainer Stefan Hiienurm räägib heast disainist ning toob Eestist kolm head ja kolm halba näidet

stefan.jpg

Sel nädalal selgitab Veebimajutuse partnerThorgate'i juhtivdisainer Stefan Hiienurm seda, kuidas oma veebileht kasutaja jaoks mugavaks muuta.

Kumb peaks tulema enne: kas kena välimus või hea kasutusmugavus?

Ma arvan, et kena välimus on tänapäeval juba nagu hügieen, mis näitab ära, milline sa oled. Enamus meist ei sooviks vastaspoolega suhelda, kui tema hügieen oleks eemaletõukav. Samamoodi saab ka asju disainis tõlgendada, et halb välimus võib sageli kliendi minema peletada.

Kasutusmugavus on aga hoopis aga omaette maailm. Kui esmane hügieen on saavutatud siis võiks rääkida ka lahenduse funktsioonist, eesmärgist  ja kui mugav seda kasutada on. Näiteks keskmise väikeettevõtja kodulehe peamine eesmärk on kliendikontakti saamine, mis tähendab, et kogu sisu tuleks selle järgi disainida.

Kuidas oma veebilehel kasutusmugavus võimalikult heaks saada?

Olenevalt veebilehe funktsioonist võivad kasutusmugavust mõjutada erinevad faktorid, aga põhilised punktid, mida võiks meeles pidada on:

  1. Lihtsasti ligipääsetav navigatsioon. NB! Ka mobiilis! Sageli just kipub see viimane probleeme põhjustama. Navigatsioonitasandeid võiks olla võimalikult vähe ning need peaksid olema kergesti leitavad. Kindlasti peaks ka esile tooma kasutaja jaoks olulisi tegevusi nagu "Liitu" ja "Võta ühendust".
  2. Loetavus. Sisutekstid ja kogu sisu ülesehitus võiks olla lihtsad ja loogilised. Kirjad paraja suuruses ja värviga ning pealkirjad ja vahepealkirjad kenasti eristatavad. Keskmine kasutaja ei soovi kulutada tervet päeva, et aru saada, mida sa teed ja mis hinna eest. Kõige hullem, mis juhtuda saab on, et kasutaja peab alla laadima või avama mingisuguse PDFi, et sisu näha.
  3. Asjakohane illustratsiooni või pildivalik. Ma arvan, et olete isegi käinud veebilehtedel,  kus fotodeks on pildipangast võetud välismaised tädid ja onud. Või suured müügibännerid nagu näiteks see. Asjakohane ja hea kvalideediga pildivalik võib sageli osutada väga mõjuvaks faktoriks. 
  4. Lugu. Hea lugu, mis köidab kasutajat ning seletab talle, kuidas ning miks sa midagi teed.
  5. Usaldusväärsus. Kas veebilehekülg tundub usaldusväärne? On olemas ettevõtte kontaktid, soovitused või numbrilised näitajad.

Kuidas oleks kasutusmugavust kõige parem testida?

Esimese asjana mainiks ära, et sõprade peal ei soovitaks ma veebilehte testida. Sageli pole nende tagasiside just kõige adekvaatsem, sest kuidas sa ikka teisele ütled, et asi on õudne. Kõige parem on kodulehte testida päris kasutajate peal.

HotJar on näiteks üks hea tasuta tööriist, millega on võimalik jälgida oma külastajate tegevust veebilehel ja teha järeldusi muudatusteks. Lisaks pakub ka head ülevaadet Google Analystics, kuigi selle kasutamiseks on vaja natuke rohkem aru saada, mida konkreetsed numbrid tähendavad. Näiteks viitab madal conversion sellele, et müügiprotsessis on kuskil probleem ning kasutajad ei ole valmis jätkama kas ostu või võtma ettevõttega ühendust. 

Milliseid vigu kiputakse kasutusmugavuse perspektiivist vaadates tihti tegema?

  • Less is more. Sageli tahetakse kodulehele kõike panna.
  • Kontaktandmed on kas peidetud või raskesti ligipääsetavad.
  • Responsiveness. Veebilehe mobiilsetele seadmetele optimeerimine on teisejärguline või siis unustatakse see üldse ära.
  • Visuaalne välimus pole oluline. Hügieen on oluline ning arvestama peab, et halb esmamulje võib sinu äri kahjustada.

Kas on olemas mingi kuldne kolmik või nimekiri asjadest, mis tuleks alati enne lehe avaldamist kasutusmugavuse pilguga üle vaadata?

  • Navigatsioon.
  • SEO ja kas üldse keegi sinu kodulehele kunagi jõudma hakkab? Pole kasutusmugavust, kui kasutaja sind ei leia. Paljud hästi disainitud veebilehed ei jõua kunagi klientideni, kuna neid ei leita lihtsalt üles.
  • Sisu loetavus nii lauaarvutis kui ka mobiilis.

Kas oskate väikese kirjeldusega välja tuua mõne Eesti lehe, kus on väga hea kasutusmugavus ja kus see on üsnagi jube?

Hea:

  • Balteco
    • Lihtne ja puhas kujundus koos väga mugava navigatsiooniga. Sisu presentatsioon on selge ja arusaadav ning pilt on teksti komplimendiks.
  • Ilusalong Tallinna kesklinnas – 5th Floor
    • Jällegi on peamiseks märksõnaks lihtne navigatsioon. Kena visuaalne ülesehitus ja mobiilile kohanduv disain. Lehel on kasutaja jaoks toodud välja ainult kõige olulisem.
  • Uwaga – Sisuturundus 22. sajandi ettevõttele
    • Paeluv lugu ja lihtne ülesehitus väärivad kindlasti tähelepanu. Lisaks küsitakse sisu keskel ka kasutaja käest, kas teda see teema huvitab või mitte.

Halb:

  • USS Security
    • Keeruline navigatsioon ja sisu kehv sisu ülesehitus. Mobiilse veebi puudumine.
  • Eeva majandustarkvara
    • Keeruline navigatsioon ja kehvasti liigendatud sisu. Katkine mobiilile kohandatud veeb.
  • Raamatupidamisteenused: aetika.ee
    • Veebilehte uuendati viimati aastal 2009. Sisu pole suure tõenäosusega asjakohane ja kasutaja pageb veebist kus see ja teine. Mobiilse veebi puudumine.

Algne artikkel avaldati Veebimajutuse blogis.