Veebilehti on seinast seina. Osad neist on objektiivselt head, paljud aga mitte. Iga koduleht koosneb väikestest juppidest ja kuigi veebilehe headuse valem ei ole nii lihtne, kui kõikide juppide summa, on neil ikkagi oma väärtus.
Disainimaailmas kutsutakse neid juppe disainimustriteks.
Näiteks...
Hea näide disainimustrist on "checkerboard" ehk malelaud. Selle mustri alusel, on disainis mitu sektsiooni, kus kõrvuti asetsevad pilt ja tekst, kuid nad on vahelduva järjekorraga.
Miks checkerboard?
See muster on laialt levinud ja seda põhjusega - ta muudab sisuteksti automaatselt hästi loetavaks, teda on lihtne arendada ja pilt annab võimaluse brändi ja emotsiooni edasi kanda.
Kõik elemendid pole loodud võrdselt
Ilmselgelt, kui kasutada ainult ühte mustrit muutub leht igavaks ja sisust saab hall mass, mida mitte keegi ei loe. Variatsioone valides on palju häid variante nagu näiteks kaardid, akordionid, bentod, modalid, erinevad menüüd ja palju muud, kuid on ka neid, mis tunduvad eos hea mõttena, kuid mis tegelikkuses külastaja minema peletavad.
1. Karusell, slaider
Karusell on element, kus sisu vahetub automaatselt, üldiselt ekraanil horisontaalselt libisedes.
Karusellidel on mitmeid probleeme, kõige suurem neist on info kättesaamatus. Uuringud on näidanud, et kõigest 16% inimestest näeb rohkem kui esimest slaidi.
Lisaks võtab slaider ära inimeselt vabaduse omas tempos lehte kasutada. Liiga kiire vahetus ja inimene ei jõua teksti süveneda, liiga aeglane ja enamus infot ei jõua nähtavalegi.
Staatiline karusell, kus sisu saab kasutaja ise vahetada ja automaatset vahetust ei toimu on veidike paremad, sest need ei aja kasutajat närvi, kuid pead arvestama, et esimene slaid on ainus, mis kasutaja tähelepanu saab.
2. Automaatselt avanev modaal
Modaal on väike aken, mis ülejäänud sisu peal hõljub.
Modaalaken iseenesest ei ole halb asi. Ta aitab ära peita asjad, mis ei ole igas kontekstis olulised ja mis aitavad tähtsatele asjadele tähelepanu tuua.
Kui modaali valesti kasutada on see tugevus on ka tema nõrkus.
Ta nõuab kliendilt tähelepanu, ja kui ta pole seda palunud, on see kõige lihtsam viis teda ärritada. Ehk siis palun tehke oma küpsise bännerid, emaili listi registreerimised jne muul moel. Selline käitumine on meeleheitlik ja ei jäta kellegile head muljet.
Lisaks. Euroopa nõuab veebilehtedelt, et nad oma külastajat teavitaksid küpsiste kasutamisest ja nende kohta andmete kogumisest ning et nad selleks nõusoleku annaks. Pahatihti käib see läbi eelnimetatud automaatsete modalite, mida ei saa ignoreerida. Kasutajale on see kohutavalt tüütu. Kui andmete kogumine pole sinu jaoks primaarne, siis ehk piisab ka väiksest ja tagasihoidlikust bännerist kuskil vähetähtsas nurgas, mida kasutaja ei pea klikkima. Ja enne, kui ta ei kliki tema andmeid ei koguta ja talle ebavajalikke küpsiseid ei salvestata. Jällegi, meeleheitlikult andmete kogumine jätab üsna mõru meki.
3. Tasuta pildipanga fotod
Kümme aastat tagasi ehk võiks veel nendega leppida, kuid nüüd kus igaühel on taskus kaamera kogu aeg kaasas ei ole see enam vabandatav. Pildipanga fotod (eriti need, kus on näitlejad) jätavad sinust pealiskaudse, laisa ja ebaprofessionaalse mulje. Lisaks ei paku need pildid absoluutselt mitte mingit väärtust ja raiskavad lihtsalt kasutaja andmemahtu.
Hea pildi tegemine muidugi ei ole kerge, kuid ka kodune, telefoniga tehtud ja ehk natuke kompositsioonist väljas pilt on etem, kui pildipanga igasugusest sisust tühi pilt.
Küsi mõnelt oma tuttavalt või uuri internetist fotograafia põhiteadmisi ja tee oma kodulehe pildid ise või kui see tundub sulle ikka liiga suur ettevõtmine siis telli endale fotograaf.
4. Tekstisein
Kasutajate tähelepanu muutub ajaga järjest lühemaks. Tekstisein ei tähenda, et teksti ei tohi üldse olla - muidugi tohib ja peabki olema! Lihtsalt tekst tuleb läbi töödelda kõigile sobivaks. Lõigud tuleb sööta kasutajale ette ampsu suuruste tükkidena. Lisaks, pealkirjastades iga tükk, muutub sisu kiiresti skänneeritavaks ja kasutajad, kes seda soovivad saavad kiire ülevaate ja need, kes soovivad saavad sügavamale sukelduda.
Kui tekstisein aga pole välditav, näiteks blogipostituses, siis tasuks loetavuse suurendamiseks jälgida fondi suurust, kontrasti, reavahet ja ka rea pikkust, et soodustada võimalikult mugavat lugemist.
5. Juturobotid, mis avanevad automaatselt
Pole mingi probleem anda kasutajale lihtne võimalus abi küsimiseks ja ühenduse loomiseks, kuid probleem kerkib, kui need avanevad automaatselt ja kõige hullem, kui nad teevad helisid.
Lihtne lahendus - jäta oma jutumull alla nurka alles, kuid ära sunni seda kasutajale peale. Kui ta tunneb vajadust abi järele, oskab ta sinna peale ise ka vajutada.
Kokkuvõtteks
Enamus tüütuid mustreid omab ühte läbivat joont: leht teeb asju, mida kasutaja ei ole küsinud. Kui annad kasutajale võimaluse asju teha omas tempos ja ta enda soovi järgi oled õigel teel.