Mobiilseadmetes kasutamiseks optimeeritud veebilehed erinevad laua- ja sülearvutites kuvatavatest veebilehtedest. Viimased on mõeldud suurte ekraanide ja täpse hiireklõpsu jaoks, samas kui mobiiliveebilehed on mõeldud väiksemate ekraanide ja ebatäpse sõrmega koputamise jaoks.
- Loodud väiksemate ekraanide ja ebatäpse sõrmega koputamise jaoks.
- Mõeldud suurte ekraanide jaoks koos täpse hiireklõpsuga.
Arvestades, et enamik veebisaitide külastusi tuleb mobiilseadmetest, on saidi kujundajate ülesandeks pakkuda versioone, mis töötavad nii mobiilseadmete kui ka lauaarvutitega. Kõige tavalisem on kasutada tundliku veebidisaini, mis esitab automaatselt õige versiooni, mis põhineb kasutaja seadmel ja ekraani suurusel, nagu brauser tuvastas.
Igal juhul erinevad mobiilisõbralikud veebilehed töölauaversioonidest mitmel viisil.
Lehekülje kujundus: mobiiliekraanidel on vähem ruumi
- Nutitelefonide ja tahvelarvutite ekraanid on diagonaalselt 4–10 tolli.
- Kokkupandavad või laiendatavad menüüvidinad asendavad tavaliselt külgribad ja mahukad päisemenüüd.
-
Täislaiuses graafika tekstivahelise ruumi mõistliku kasutamisega.
- Enamik lauaarvuti monitore on diagonaalselt 19–24 tolli.
- Sponsoreeritud lingid ja suured bännerreklaamid on tavalisemad.
- Tihedam tekst suurema mänguruumiga graafika jaoks.
Kõige ilmsem erinevus lauaarvutite ja mobiiliveebilehtede vahel on ekraani kinnisvara. Kui enamiku lauaarvutimonitoride diagonaal on vähem alt 19-24 tolli, siis tahvelarvutite diagonaal on tavaliselt umbes 10 tolli. Nutitelefonid on diagonaalselt umbes 4 tolli. Lihts alt välja suumimine ei muuda veebilehte mobiilisõbralikuks versiooniks, kuna see muudab teksti loetamatuks ja nõuab saidi külastaj alt täiendavat sammu. Samuti muutub võimatuks pisikeste elementide täpne koputamine.
Probleemi lahendamiseks võivad kujundajad eemaldada külgribad ja graafika, mis pole tingimata vajalik. Selle asemel kasutavad nad väiksemat graafikat, suurendavad fondi suurust ja ahendavad sisu laiendatavateks vidinateks. See kinnisvarapiirang on ajendanud veebidisainerite seas täiesti teistsuguse mõtteviisi.
Samuti asendavad kokkupandavad või laiendatavad menüüvidinad tavaliselt külgribasid ja mahukaid päisemenüüd. Püüdes muuta iga millimeeter ekraaniruumist oluliseks, eemaldavad disainerid üleliigse tühja ruumi, jälgides samal ajal hoolik alt loetavust.
Suur hulk sponsoreeritud linke ja suuri bännerreklaame lihts alt ei tööta telefonis ega väikeses tahvelarvutis. Selle asemel on mobiiliveebilehtedel tavalisemad väikesed hüpikreklaamid.
Graafika ümber mähitud tekstiga paigutusi ei esitata mobiilseadmetes hästi. Selle asemel annavad disainerid sageli sellele graafikale kogu ekraani laiuse ja käivitavad teksti allpool või üleval. Samamoodi jagab hea veebikujundus teksti loetavuse huvides tükkideks; keegi ei taha lugeda kindlaid tekstiseinu. See muutub väikestel ekraanidel veelgi olulisemaks. Tühjade mõistlik kasutamine on ülioluline.
Lehe juhtelemendid: töölaua täpsus vs. mobiilsed plekid
- Suured puutealad või levialad täpsemaks navigeerimiseks.
-
Erinevad URL: lisab tähe "m". Sageli on võimalus vaadata saidi töölauaversiooni.
- Sisselogimismandaatidel on sageli spetsiaalne ruum, mõnikord ka sõrmejäljega juurdepääsetavuse võimalus.
- Täpsemad kursoripõhised lingid ja nupud.
Erinev alt töölaual olevast täpsest hiirekursorist on inimese sõrm laik ja koputamiseks on vaja hüperlinkide jaoks ekraanil suuri sihtmärke. Mobiilisõbralikud saidid pakuvad täpse navigeerimise hõlbustamiseks suuri puutealasid (või levialasid).
Mobiilisõbralike veebilehtede aadressid sisaldavad tavaliselt ka m-tähte; näiteks Facebooki mobiiliaadress on m.facebook.com. Mobiili URL valitakse tavaliselt teie jaoks automaatselt, kui surfate mobiili tahvelarvuti või nutitelefoniga. Mõnel juhul näete puudutatavat linki, mis võimaldab teil lülituda lehe tavalisele töölauaversioonile.
Laua- ja sülearvutitele mõeldud sisselogimis- ja parooliväljad muutuvad telefonis pisikeseks ja kasutuskõlbmatuks, nii et veebiavaldajad muudavad need suuremaks, andes neile kasutamise hõlbustamiseks mõnikord oma lehed. Sõrmejälje või mõne muu kontoga (nt Google'i või Facebooki) sisselogimine muutub seadme ja teenuse võimaluste arenedes üha tavalisemaks.
Miks see oluline on?
Mobiilsed veebilehed on mõeldud pihuarvutite jaoks ja erinevad üsna palju töölaual lugemiseks mõeldud lehtedest. Kuigi tavaliselt saate vaadata veebilehe töölauaversiooni mobiilseadmes ja vastupidi, on need loodud erinev alt, et hõlbustada sisu vaatamist, lugemist ja navigeerimist.
