Eesti veebitegija annab nõu, kuidas teha mobiilset lehte ja jagab linke kasulikele tööriistadele

Sel nädalal avaldamise artikli, kus kirjutasime, et veebilehe loomisel ei tohi unustada mobiilseadmeid. Mobiilversioonide loomisel tuleb aga tähele panna erinevaid aspekte. Seda, mida tuleb tähele panna, rääkis Convert OÜ juhataja, Veebimajutuse partner Feliks Stavitski.

Mis teeb veebilehtede mobiilversioonid eriliseks?

Kuna mobiilsetel seadmetel on palju vähem ekraanipinda ning neid kasutatakse niiöelda käigu pealt, siis veebilehe mobiiliversioonid peaks olema igal juhul rohkem fokuseeritud, kui arvutiversioonid samast lehest.

Mis on suurimad vead, mida mobiilversioonide loomisel tehakse?

Tihtilugu tahetakse lehele võimalikult palju infot paigutada. Kuskilt on vist kõrva jäänud, et oluline info peaks olema kättesaadav ilma kerimata. See tekitab tavaliselt info kuhjumise ja fookuse puudumise. Ka arvutiversioonides. Erilise segaduse aga tekitab selline soov just mobiiliversioonide puhul.

Mida tuleb mobiiliversiooni loomise juures kindlasti tähele panna?

Üks punkt, mida jälgida mobiilile mõeldud veebilehe puhul, on kindlasti ruumi jätmine igale elemendile. Kui telefoniekraanil on elemendid tihedalt üksteise kõrval, siis on raske neid näpuga "juhtida". Eriti oluline on see just klikitavate elementide puhul.

Lisaks piisavale ruumile peaks kõik elemendid olema loetavad ilma neid suurendamata. Eriti ebamugav on lugeda tekstiblokke, mida peab esmalt suumima ja siis lohistama hakkama.

Mis on suurimad vead, mida mobiilversiooni loomise juures tehakse?

Kõige sagedasem viga, mida mobiiliversioonide puhul tehakse, ongi just info kuhjamine. Kui seda vältida, peaks veebileht tulema selge, loogiline ja kasutajale mugav.

Mobiiliversioonide puhul kehtib sajaprotsendiliselt väljend less is more.

Mida tuleks planeerides tähele panna?

Mobiiliversiooni planeerides võiks kõigepealt ära unustada oma veebilehe tavaversiooni ja alustada puhtalt lehelt, välja selgitades selle ühe kõige olulisema punkti, mida su lehe külastaja tegema peaks. Mis on see üks asi, milleta sa teda minna lasta ei taha? Paiguta see lehe esimeseks elemendiks. Kui nüüd veel soovitusi jagada, siis sama põhimõte peaks kehtima ka veebi tavaversiooni puhul.

Millal aga teha veebileht lihtsalt kohanduva disainiga ja millal valmistada mobiilne versioon?

Vastuse sellele küsimusele saad, kui vaatad üle oma ressursid. Kuna veebilehe mobiiliversioon on eraldiseisev lahendus, siis kas sul on piisavalt aega tegeleda kahe eraldiseisva lehega? Kas sul on piisavalt raha, et välja töötada kaks erinevat lehte ning neid hiljem ka käigus hoida?

Lihtne kohanduv disain, mis lähtub mobiilse kasutaja vajadustest, on enamikel juhtudel täiesti piisav lahendus.

Kuidas siis teada saada, kas sinu olemasolev leht on kasutatav kõigis neis sadades erinevates ekraanides?

Esimese asjana võiks kasutada näiteks Google'i mobiilisõbralikkuse testi. See annab kiire vastuse, kas su leht on mobiilisõbralik.

Edasi võib juba lähemalt uurida, kuidas leht paistab erinevatel seadmetel. Selleks võib kasutada ka seda tööriista.

Kui aga on huvi tehnilist laadi info vastu, siis see test.

Kui vajad inspiratsiooni oma mobiiliversiooni loomiseks, vaata näiteks Awwwardsi lehelt nomineeritud lehti.

Foto: erakogu

Algne artikkel avaldati Geenius.ee lehel meie blogis.

Jaga