5 UX-mustrit, mis aitavad kasutajatel liikuda

Võib-olla on kõige olulisem mobiilirakenduse kujundamisel meeles pidada, et see oleks nii kasulik kui ka intuitiivne. Kui rakendus pole kasulik, pole sellel lisaväärtust ja kellelgi pole põhjust seda kasutada. Kui see on kasulik, kui see hõlmab järsku õppimiskõverat, siis ei viitsi inimesed selle kasutamist õppida. Hea kasutajaliidese disain lahendab mõlemad nimetatud disainiprobleemid, levinumate disainiprobleemide lahendamise ametlikke parimaid tavasid tuntakse kujundusmustritena. Tänapäeva kõige uuemate ja trendikaimate kujundusmustrite mõistmine ja äratundmine võib teile pakkuda mobiilirakenduste disaini valdkonnas tohutult eeliseid, nii et teie järgmine rakendus on värske ja konkurentsivõimeline.

See postitus keskendub kujundusmustritele, mida kasutatakse mobiilirakenduses navigeerimiseks. Sõltumata sellest, millist rakendust te kavandate, peate kasutajatel rakenduse erinevates funktsioonides tõhusalt ja tõhusalt navigeerima - kuidas kasutajad teie rakenduses navigeerida võivad otsustada, kas neile meeldib see selle kasutamise jätkamiseks piisavalt.

Näited sellest, kuidas erinevad rakendused rakendavad läbilõikeid

1. Läbikäigud ja treenerimärgid

Kasulikkus on eduka rakenduse võti. Kuid mõnikord tähendab see üsna keerulist rakendust, millel on palju erinevaid tööriistu ja sisu. Hea viis selle probleemiga tegelemiseks on läbi viia esimene tutvustus või juhendaja, et näidata, kuidas iga funktsioon töötab. Salajane ja Youtube tõstavad esile olulised kasutajaliidese lõigud koos treenerite märkidega, mis selgitavad, mida nad teevad, samal ajal kui Carousel ja Duolingo näitavad slaidiseanssi, mis viib kasutajad läbi tüüpilise kasutajakogemuse. Seda kujundusmustrit saab kasutada ka kasutajalt lisateabe kogumiseks, mis võimaldab lihtsamat esmase registreerimise / registreerumise kogemust ja intuitiivsemat rakendusse integreerimist.
Kui teie rakenduse erinevad funktsioonid pole kasutajale kohe ilmsed, on läbilõiked ja treeneri märgid suurepärased kujundusmustrid, mis lihtsustavad kasutajakogemust ja rakenduse keerukust.

2. Sisupõhine navigeerimine

Pole tähtis, millist sisu soovite oma rakenduse kujundusse kaasata, soovite alati muuta selle sisu kasutajakogemus ja voog võimalikult sujuvaks. Sisupõhine navigeerimine on kujundusmuster, mida kasutatakse sujuvate üleminekute lülitamiseks ülevaate ja üksikasjalike olekute vahel. Tinder pakub selle mustri suurepärase näite: saate kasutajaprofiilis lülituda kahe oleku vahel - peamise ülevaate oleku, mis on sisuliselt pilt, mis täidab suurema osa ekraanist, ja üksikasjaliku vaate, mis muudab pildi vaid pisut väiksemaks ja sisaldab mõnda faktiline informatsioon. Mõlema oleku vahel saate liikuda, klõpsates lihtsalt mõlemal ekraanil ekraanil, ja libistades pilte ka ükskõik millises olekus, mille valite.

3. Liugurid

Uberis näete, et ratsutamisteenuseid on nelja tüüpi ja selle asemel, et vajaliku teabe edastamiseks nõuda nelja eraldi ekraani, kasutab Uber liuguri kujundusmustrit, mis võimaldab hõlpsalt vahetada iga sõiduteenuse vahel. See loob sujuva ülemineku valikute vahel sõrmega libistades, muutes nende funktsioonide kuvamise kasutaja jaoks väga intuitiivseks.

4. Popovers

Mõnikord võivad rakenduse kasutamise keskel olevad teatised või lisateave aidata kasutajatel paremini rakendusega suhelda. Sel juhul võivad kasutajad soovida asjakohast teavet vaadata, kaotamata oma praegust kohta kasutajaliideses. Popoveri kujundusmuster võib selle probleemi lahendada mitmel viisil:
 Hüpikaknad on hüpikaknad, kui kasutaja teeb teatud toimingu või jõuab rakenduse konkreetsesse kohta, kuvades kasutajaliideses selle konkreetse toimingu / kohaga seotud asjakohast teavet / juhtelemente.

Rakenduse algne sisu või koht on endiselt taustal nähtav, kuid hüpikaken annab teile võimaluse näpistada teatud asju või õppida, mis saab järgmisena. Hüpikaken pöörab kasutaja tähelepanu ja annab vajaduse korral olulisi märguandeid. Kuid samal ajal saavad kasutajad hõlpsalt hüpikmenüüst loobuda ja tagasi pöörduda tagasi selle juurde, mida nad algselt tegid, lihtsalt ekraani koputades või pühkides

Popoverside näidet võib leida ametlikust TED-i rakendusest, millel on popoveri taasesituse juhtelement, mis hajutab tausta, võimaldades kasutajatel selle juhtimisseadmega suhelda, kaotamata oma kohta sisusirvijas. Saladus ja sülem kasutavad popovereid, et selgitada, mis juhtub järgmisena, kui kasutajad jätkavad teatud toimingut.

5. Slaidid, külgribad ja sahtlid

Võrreldes arvutite ja teleritega, on mobiiltelefonidel suhteliselt väikesed ekraanid, mis tähendab, et mobiilidisaini üks väljakutseid on mahutada palju teavet väikesele kasutajaliidesele. Rakenduse eri osade vahel navigeerimiseks võite kasutada libisemisi, külgriba ja sahtleid, et korraga ei tekiks suurel hulgal teavet korraga ekraanil. Need mustrid on rakenduse teisesed lõigud, näiteks kaardid, vestlus, kasutajaprofiilid jms. Need on paigutatud kokkupandavatesse hamburgerimenüüdesse, välja libisevate nooleklahvide või külgsahtlitesse. Sel viisil saavad kasutajad suhelda igal ekraanil oleva kõige olulisema teabega, valides nende peidetud paneelide alt fookuse sektsiooni.

Kas olete kasutanud mõnda ülalpool mainitud mustrit ja kas need on aidanud suurendada teie aktiivsete kasutajate igapäevast arvu? Anna meile teada.

Võite meid jälgida Facebookis / LinkedIn / Twitter

Algselt avaldati saidil monsoonfish.com.

See lugu on avaldatud Mediumi suurimas ettevõtlusväljaandes The Startup, millele järgneb 277 994 inimest.

Liituge, et saada meie parimaid lugusid siit.