5 disaini nippi, kuidas muuta teie mobiilne UX särama
Kas olete viimasel ajal oma veebisaidi analüüsi vaadanud? Võimalik, et märkimisväärne osa - võib-olla isegi rohkem kui pool - teie kasutajatest tuleb teie veebisaidile mobiilseadme kaudu.
Sõltumata sellest, kas keskendute mobiilipüüdlustele veebisaidile või rakendusele, peate tagama, et kujundus loob stabiilse kasutajakogemuse kõigile nendele mobiilikasutajatele. Selle tegemiseks ei pea te ka nullist alustama. Mõeldes mobiilikasutajale ja sellele, kuidas nad kujundusega suhtlevad, saate kujundada teie liideste väljanägemist ja funktsiooni.
Siin on viis disaini nippi, mille abil saate muuta oma mobiilse UX sellise, mis kasutajatele meeldib.
Uurige Envato elemente
1. Sujuvamaks navigeerimine
Need vana kooli meganavigatsioonimenüüd ei eelista teile midagi - eriti kui tegemist on mobiiliga. Mobiilikasutajatel võib olla ükskõik millise kasutajarühma lühim tähelepanuulatus. Nad soovivad veebisaidi või rakenduse avada ja leiavad kohe vajaliku.
Kujundage navigeerimismenüüd vaid mõne valikuga - vaadake oma analüütikat, et näha, mida enamik kasutajaid otsib, või liikuge esimesena.
Vähem valikuvõimalusi võtab vähem ekraaniruumi, võimaldades teil kujundusse rohkem ruumi lisada, mis on ideaalne puutetundlikkuse ja loetavuse tagamiseks.
Ehkki me siin hamburgeriikooni eeliseid ei vaidlusta, on hüpiknaviga navigeerimine muster, millega kasutajad on harjunud. Lihtsalt veenduge, et kui plaanite navigeerimismenüü hüpata või libistada, on kasutajatel selge visuaalne identifikaator.
Rakendus Ebates kasutab kahte navigeerimistaset: üks on nende parimate pakkumiste loend ja teine on teie lemmikpoodide järjehoidjatega loend (hamburgeri / südameikoonil). Kumbki variant ei tundu raske. See näeb peaaegu välja ja toimib nagu sisu. Kogu kujundus on navigeerimine, tundmata sellest üleolevat.
2. Mõelge žestidele (ja haptikatele)
Mobiilikasutajad suhtlevad oma seadmetega üsna erinevalt kui lauaarvuti kasutajad. Teie kasutajaliides peaks seda arvestama.
Kujundus peaks teatud toimingute tegemiseks kasutama žeste. Liides, mis kasutab tavalisi ja intuitiivseid juhtnuppe, rõõmustab kasutajaid.
Need žestid hõlmavad järgmist:
- Koputage ja topeltpuudutage
- Vajutage
- Hoia
- Tõmba ja lase lahti
- Kerimine (ühe- ja kahe sõrmega)
- Suurendage ja vähendage
- Pühkige
- Nipsake
Kui tegemist on mobiilsete žestidega, on need uued klõpsud.
Ja kui mõtlete puutetundlikest interaktsioonidest, ärge unustage ka haptikat. See peen kandevõime või telefonist vibratsioon taskus on kahtlevad teated, mehaanilised puutetundlikud simulatsioonid vibratsiooni või liikumise abil.
Haptika trikk on see, et interaktsioonid on peened ja üsna märkamatud. Ehkki kasutaja võib teada saada, et on teatis, ei saa teised inimesed seda sageli. Puutetundlik liides muutub kogu aeg tavalisemaks ja näib, et see saab kasutajatelt positiivse vastuse.
Näiteks mäng Kaks punkti täpistab iga kord, kui punktid teatud viisil kustutatakse. Helitu häälestus võimaldab diskreetset mängu mängida ja pakub kasutajatele veetlevat kogemust.
3. Tehke sellest jutukas
Inimestele meeldib tunda, nagu räägiksid nad teiste inimestega ja suhtleksid nendega. Projekteerijate õnneks võib tehisintellekti ja vestlusprogrammide loomine aidata neid interaktsioone luua, nii et te ei pea ööpäev läbi elavate vestluste ajal ooterežiimis olema.
Jutukas kasutajaliidese loomiseks on kolm viisi:
- Kirjutage koopia kogu oma liidesesse, mis on isikupärasem. Pikkadest tekstiplokkidest kuni pisikeste mikrokoopia bittideni peaks tekst olema isikupärane, nagu ülalpool WTFWeatheri rakenduses. Seda tuleks lugeda nii, nagu inimesed räägivad. Olge ettevaatlik, kui teie sõnumside kõlab liiga formaalselt või robotlikult.
- Kasutage kasutajatega vahetu suhtluse loomiseks sõnumside funktsioone või vestlusprogramme. See võib olla suurepärane klienditeeninduse tööriist ja aidata luua ka klientide lojaalsust, kui keegi on alati probleemide lahendamisel abiks.
- Integreerige häälkasutaja liides disaini. Siri ja Alexa on kodused nimed tänu hääleliidestele. Häälkäskluste integreerimise teine boonus? See muudab teie veebisaidi või rakenduse juurdepääsetavamaks.
4. Animeerige see
Näib, et peaaegu igal külastatud veebisaidil on animeeritud elemente. Ja see on kavandatud. Animatsioon võib kujunduse ellu viia.
Animeeritud elemendid on väga köitvad, kuna need köidavad kasutaja tähelepanu ja võivad aidata kasutajatel näidata, kuidas kujundusega paremini suhelda. (See ulatub tagasi disaini loomisel klassikalise idee juurde "näita, ära ütle".)
Näiteks Google Maps on pakitud väikeste animatsioonidega. Pöörake tähelepanu järgmine kord, kui seda kasutate.
Nick Babichil (UX Planet) on suurepärane eeldus mobiilse kasutajaliidese disaini animatsioonide kasutamisel. Ta tõi välja kolm peamist kasutusviisi, kuidas liikumist hästi kasutada.
- Süsteemi oleku jaoks: laadimisoleku kuvamiseks, sisu värskendamiseks ja teatiste saamiseks kasutage animatsiooni.
- Navigeerimine ja üleminekud: kasutage animatsiooni, et aidata kasutajatel liikuda erinevat tüüpi sisu vahel, luua elementide vahel visuaalne hierarhia ja näidata oleku muutust.
- Visuaalse tagasiside saamiseks kasutage animatsiooni, et näidata toimingu kinnitust või aidata toimingu tulemust visualiseerida.
5. Pardal olev kaev ja kasutage vorme korrektselt
Eriti rakenduse puhul on pardale sisenemine kasutajate lojaalsuse jaoks ülitähtis.
Mõelge viimasele allalaaditud mängule. Kas hüppasid kohe sisse? Või vajasite edu tagamiseks kiiret õpetust?
Rakenduste interaktiivne sisseelamiskogemus aitab kasutajatel õppida, kuidas kasutada maksimaalselt ära kasutajakogemuses sisalduvaid funktsioone. Lõbus võimalus aitab neil liikuda ka lojaalsetele kasutajatele. Hoidke pardalemineku õpetus lühikeseks ja lisage kindlasti korduma kippuvad küsimused või abiosa, et kasutajad saaksid probleemide korral selle juurde tagasi pöörduda.
Mobiilsete veebisaitide puhul on pardalevõtmine vähem murettekitav, kuid probleemiks võivad olla registreerumine või registreerimisvormid. Vormid mobiilseadmetes peavad olema lihtsad ja hõlpsad. Kasutajatele ei meeldi mahukad keerulised vormid.
Konversioonide suurendamiseks täiustage mobiilivorme. (Lisateavet saate alati hiljem küsida.)
Vaadake ülaltoodud lihtsat GoodRxi lähtepunkti. See küsib ainult seda ravimit, millest soovite rohkem teada saada. Fookuses on vorm ja see on ülilihtne.
Küsige vaid natuke teavet - e-posti aadress. See on kõik, mida vajate kasutajaga suhte alustamiseks. Kui teie sait või rakendus nõuab sisselogimist, pidage kinni e-posti aadressist ja paroolist.
Kujundage vorm nii, et kaste oleks lihtne täita (suuruse seisukohast), ja kaaluge mis tahes automaatsete lõpuleviimise funktsioonide kaevamist, et vähendada valesti kirjutatud e-posti aadresside tõenäosust. Veel üks trikk? Kui soovite protsessi veelgi lihtsamaks muuta, kasutage sotsiaalset sisselogimisvormi. Kasutajad on selle protsessiga harjunud ja see on neile lihtne ... ning vähem tõenäoline, et teie jaoks vigu tehakse.
Järeldus
Mobiilikasutaja kogemus on üks olulisemaid asju, millele peate oma veebisaidi või rakenduse loomisel mõtlema. Ja mobiilikasutaja peab kogu aeg muutuma.
Looge liides, mida on lihtne kasutada ja mis kasutab ära tänapäevaseid tehnoloogiaid ja funktsioone, et luua midagi, mida kasutajad soovivad ikka ja jälle suhelda.
