Mobile First Designs – tähtsus ja uusimad suundumused

Nagu nimigi viitab, eelistab mobiiliversioon veebilehe või rakenduse kujundamist enne töölauaversioonide kasutamist.

Mobile First Designs on arendusvaldkonna uusim trend. Kuna me kõik teame, et mobiiltelefonide kasutajate turg kasvab oluliselt, siis mobiilikasutaja vajadustele keskendunud arenduse esikohale seadmine annab meile parema ulatuse ja allalaadimiste.

Mis siis põhimõtteliselt on Mobile First?

Eeldatakse, et 2019. aastaks ulatub nutitelefonide kasutajate koguarv 2,7 miljardini, samas kui mobiiltelefonide kasutajate koguarv ületab viie miljardi piiri.

Seetõttu on mobiiltelefonide kasutajate arvu hüppelise kasvuga kogu maailmas suurenenud nõudlus mobiilisõbralike veebisaitide ja rakenduste järele.

Ajalooliselt keskendus iga kord, kui keegi soovis veebisaiti või rakendust luua, töölauaversiooni loomisele, jättes mobiilisõbraliku versiooni teisejärguliseks.

Uusim lähenemine, mis keskendus mobiilsetele esmalahendustele, ei loo mitte ainult ettevõttele rohkem võimalusi, vaid suurendab ka kasutajakogemust.

Esmalt väikeselt ekraanilt alustamist ja seejärel suuremale ekraanile jõudmist nimetatakse progressiivseks täiustamiseks. See tähendab keskendumist kompaktsele ekraanile, et pakkuda kasutajale kõige olulisemat sisu, ja seejärel täiustuste lisamist suuremale ekraanile.

Mobile First tähtsus

Tänapäeval kasutavad inimesed internetti pääsemiseks rohkem oma mobiiltelefone kui laua- või sülearvuteid. Ostlemisest lugemiseni, töölt mängude mängimiseni on mobiiltelefonide kasutamine viimase 5-10 aasta jooksul märkimisväärselt suurenenud ja eeldatavasti ületab see lauaarvutite kasutamise.

Seetõttu on enne töölaual või suuremal ekraanil töötamist väga oluline keskenduda veebisaidi või rakenduse mobiilipaigutamisele.

Mobiilne kujundus/paigutus ei anna palju võimalust panna väikesele ekraanile kõike, mida tahame, vaid ainult olulist sisu, mis peab kasutajani jõudma.

See suurendab kasutajakogemust ja suurendab tõenäosust, et kasutaja jääb teie veebisaidile, vähendades põrkemäära.

Mobile First loetakse ka sisuks esimeseks, kuna väike ekraan võimaldab pakkuda kasutajale ainult olulist ja olulist sisu, mis suurendab kasutajakogemust maksimaalselt. Mobiiltelefoni kasutaja eeldab, et veebisait või rakendus on kiire, kerge ja tasemel, pakkudes täpselt seda, mida ta soovib näha.

Kuidas Mobile First töötab?

Mobile First lähenemisviis on tugev alus, mis tugevdab suuremate ekraaniversioonide (nt lauaarvutid ja tahvelarvutid) disaini.

Mobiilne esimene lähenemine keskendub sisule, mitte navigeerimisele. Teisisõnu rõhutab see kasutajakogemust sisule ja teabele kiiremini juurde pääseda ilma palju kerimata.

Kui teave on kasutajale kättesaadavaks tehtud, suurendab see nii konversioonimäära kui ka allalaadimiste arvu, teenides teie ettevõttele kasumit.

Mobiilne esimene kujundus piirab disaineril kasutada ainult sisu, mida kasutaja kõige rohkem vajab, eemaldades täiendavad elemendid.

Lisaelemendid ei ole need, mis pole vajalikud, vaid need, mida ei pea mobiilikasutajatele näitama. Neid elemente saab kasutada töölaua/tahvelarvuti versioonides.

On arusaadav, et mobiilikasutaja nõuded on teistsugused kui lauaarvuti kasutajal. Mobiilikasutajad eelistavad kompaktset teavet ja piiratud, kuid olulisi funktsioone võrreldes lauaarvuti kasutajatega, kes vajavad põhjalikku teavet ja lisafunktsioone.

Silmapaistvad näited Mobile First disainilahendustest

1. YouTube – YouTube’i töölauaversioon on YouTube’i rakenduse laiendatud versioon. Lisaks on veebisaidil responsiivne disain, mis tähendab, et kui vähendate brauseri suurust või eraldusvõimet, kohandub see väiksema ekraaniga versiooniga.

   Mobiilisõbralik funktsioon – öörežiim, tekstiekraan

2. Apple’i mobiiliveebisait – Apple’i veebisaidi mobiiliversioon on hea näide sisupõhisest paigutusest. Navigeerimisnupu asemel võimaldab see kasutajal lihtsalt ekraani kerida, mis on üsna lihtne ja mugav. Kuvatakse vajalik ostukott, mis annab kasutajale esmapilgul teabe ja ostuvõimaluse.

   Mobiilisõbralik funktsioon – lihtne ja mugav kerimisnavigeerimine

3. Facebook – Facebook keskendub täielikult kasutajakogemusele. Facebooki veebisaidi pakutavad animatsioonid on rakendatud Facebooki rakenduses ja isegi rakenduses Facebook Lite, mis on Facebooki rakendusest palju kergem. Facebooki rakenduse lihtversioon pakub Facebooki vajalikke funktsioone, võttes teie telefonis vähem ruumi ja see on kiirem, mis muudab selle kasutamise lihtsamaks isegi väikese kiirusega Internetis. Isegi Facebooki mobiiliveebisait toetab nüüd emotikonide animatsioone, mis hõlbustavad nende kaudu inimeste emotsioonide edastamist, olenemata sellest, millises versioonis me parajasti oleme.

   Mobiilisõbralik funktsioon – tõhus animatsioon, vähem ruumi, kerge ja kiire

4. Evernote – Evernote pakub põhimõtteliselt dokumentide salvestamise teenust kõigil platvormidel. Evernote’i mobiiliversioon on üsna sarnane selge kasutajaliidese töölauaversiooniga. Just Evernote’i värske ja puhas kasutajaliides teeb sellest mobiilis kõige soodsama märkmesalvestusteenuse.

   Mobiilisõbralik funktsioon – puhas ja värske mobiililiides

Mobiilse esmase disaini uusimad suundumused

1. Kasutajakogemuse lihtsustamine ühega järgmistest :

   Lineaarne voog – lubab kasutajal ühe sammu korraga lõpule viia, pakkudes neile konkreetse alguse, keskpaiga ja lõpu. Näiteks takso broneerimise rakendused nagu Uber.

   Järkjärguline avalikustamine – teabe avaldamine ainult siis, kui kasutaja seda vajab. Näiteks mängurakendused, mis võimaldavad kasutajal teabe nägemiseks klõpsata või puudutada.

2. Žestipõhised animatsioonid

   Animatsioonid tekstijuhiste, üleminekute ja žestide tagasisidega. Näiteks Tinderis pühkimine, slaidiseansid galeriis jne.

3. Sisukeskne kogemus

   Kergesti juurdepääsetav sisu koos kõige asjakohasema ja vajaliku teabega muudab mobiilirakenduse kasutajatele atraktiivseks. Seda saab teha kahel viisil:

   Tühjendamine – ebaolulise teabe eemaldamine ja asjakohase sisu tähtsuse järjekorda seadmine on see, mis suurendab kasutajakogemust. Visuaalse segaduse eemaldamine ja sisu esikohale seadmine muudab sõnumi parimal võimalikul viisil edastamise lihtsamaks.

   Selge visuaalne hierarhia – puhtad ja selged visuaalsed elemendid muudavad kasutajaliidese esinduslikumaks ja hõlpsasti mõistetavaks. Visuaalsed tähistajad, nagu tegevusele kutsuvate nuppude kontrastsed värvid, suunavad kasutajat leidma olulist teavet.

4. Täisekraani kogemused

   Tänapäeval on nutitelefonide ekraanisuuruse uusim trend Infinity Display. Telefonidega nagu Samsung Galaxy S8 ja iPhone X on kasutaja jaoks rohkem ekraaniruumi ja nad ootavad sellest maksimaalset kogemust. Seega suurendab HD-piltide ja videote pakkumine, mis mobiiliekraanil ei piksleeru, kasutajakogemust.

5. Isikupärastatud kasutajakogemus

   Kasutajakogemuse isikupärastamine on rakenduse kujundamisel kohustuslik tegevus, kuna kõik kasutajad on erinevad. Seega peaks kasutajaliides olema igaühe jaoks erinev või vähemalt võimaldama kasutajal seda vastavalt oma eelistustele ja nõudmistele kohandada. Funktsioonide, nagu GPS-i kasutamine asukohapõhise sisu jaoks, öörežiim, fondi suuruse muutmine ja rakenduse mõõtmete muutmine, on mõned näited rakenduse isikupärastamisest.

Järeldus

Esmalt veebidisaini eelistamine ja seejärel mobiilidisainile üleminek ei ole tänapäeva maailmas enam kasutatav. Meeldiv kasutajakogemus on see, millele peaksime keskenduma ja see toob meile kasumit. Mobiilse esmase lähenemisviisi kasutamine on ise uusim trend disaini ja arenduse valdkonnas, kuid kindlasti on see Interneti-tööstuses levinum lähenemisviis. Mobiiliveebisait peaks olema lihtne, kiire ja kerge, samas kui töölauaveebisait peab olema täis kogu vajalikku teavet koos suurepärase disainiga liidesega suuremate ekraanide jaoks. Mobiilipõhine lähenemine mitte ainult ei muuda tulevikus töölauaversiooni väljatöötamist lihtsamaks, vaid pakub ka suuremat võimalikku kasutuskogemust enamikule elanikkonnast, kes kasutab mobiiltelefone peaaegu kõige jaoks ühtse lahendusena.