Pagrindinis » Interneto svetainės dizainas » „Onboarding“ proceso, padedančio vartotojams išmokti, projektavimas

    „Onboarding“ proceso, padedančio vartotojams išmokti, projektavimas

    Šokinėja į naują programą paprastai būna sunku mokytis, kaip ji veikia. Jūs galite greitai jį pakabinti, bet visada yra mokymosi procesas. Tikslas „onboarding“ yra pristatyti naujus naudotojus tinklalapyje, programoje ar programoje. Turite mokyti apie onboarding individualios savybės, kaip jie veikia, ir kaip programa siūlo vertę vartotojui.

    Neseniai paskelbtame pranešime mobilieji ekranai kurie sutelkti dėmesį dizaino ir turinio stilių. Šiame pranešime noriu pasidalinti patarimais, susijusiais su vartotojo patirtimi ir rinkodaros procesu vadovauti vartotojui per onboarding procesą.

    Naudokite vaizdus ir diagramas

    Grafika ir vaizdiniai elementai gali paaiškinti naudotojo patirtį daug geriau nei žodžiai. Pasinaudokite vaizdais, kad padėtų vadovauti vartotojams per procesą prireikus. Tai yra vertinga strategija, nes ji atkreipia akis į „onboarding“ procesą ir paaiškina ketinimą. Su vizualizacija jūsų tikslas yra rodyti, o ne pasakyti.

    Tai galite padaryti įvairiais būdais visi ekrano vaizdai, mažos piktogramos arba iliustracijos / vektorinė grafika kad atitiktų dizaino darbo eigą. Paimkite, pavyzdžiui, dizainerio Salmano Shaho ekraną.

    Jis naudoja vektorines piktogramas vizualiai pažymėkite kiekvieną skaidrę. Piktogramos veikia kaip metaforos kiekvienam taškui, ir pagalba parduoti funkcijas vartotojui.

    Jei neturite įgūdžių kurti piktogramas nuo nulio, visada galite naudoti nemokamos piktogramos naudos. Daugelis dizainerių išlaisvina savo darbą nemokamai ir galite lengvai įtraukti šias piktogramas į savo ekrano ekranus.

    Galite pereiti nuo statiškų piktogramų į įtraukti animaciją taip pat. Pvz., Pvz., Iaroslav Zhmak sukurtas finansinis procesas.

    Jis naudoja daug piktogramų bet taip pat į kiekvieną skyrių patalpina animacijas. Jūs išmoksite, ką programa veikia per vizualinius užrašus kad animuoti atkreipti jūsų dėmesį.

    Atkreipkite dėmesį, kad kiekvienas stumdomasis langas taip pat turi teksto aprašymą. Tai tikra mėsos mėsa, nes ji pasakoja vartotojams, ką jie gali faktiškai su programa. Kartais gali būti tik teksto puslapis jaustis kaip užsikimšęs kolegijos vadovėlis nors. Naudokite vaizdus ir animacijas, kad pripildytumėte kiekvieną „onboarding“ proceso dalį.

    Rodyti veikiančias funkcijas

    Pabandyk venkite aiškių savybių arba verčia vartotojus įsiminti visas atskiras programos dalis. Taip pat pabandykite vengti pagrindinių pareiškimų kurie padeda vartotojams aplink app, kaip “tai yra pagrindinis meniu, tai yra draugų ekranas”, Vietoj to pabandykite sutelkti dėmesį į tai, ką šie dalykai gali padaryti, ir kaip vartotojas gali sąveikauti su šiomis sritimis.

    Ši strategija primena seną rinkodaros idėją “neparduodami kepsnių, parduokite šnypštimą”. Jūs norite parduoti programą naudą vartotojui, ne per savavališkas funkcijas ir meniu elementus.

    Pvz., Šis „Prakhar Sharma“ sukurtas dizainas padės jums pilnai dirbti savo banko sąskaitoje.

    Dizainas siūlo natūralų srautą kad padėtų jums pradėti darbą, ir padės jums kiekvieną žingsnį. Šis įjungimo procesas verčia vartotojus imtis veiksmų tai yra pagrindinis tikslas.

    Taip pat galite rodyti veikiančias funkcijas per demonstraciją arba galite padėti vartotojams imtis veiksmų per procesą. Bet kuris metodas skatina veiksmus, susijusius su vartojimu kuris paprastai sukelia daugiau įsitraukusių vartotojų.

    Radau dar vieną gražų „YouTube“ stiliaus app onboarding ekrano, kurį sukūrė Riko Sapto Dimo, pavyzdį. Jis naudoja vaizdo ir piktogramas pranešimui perduoti, bet taip pat padeda vartotojui imtis veiksmų prieš nardydami į programą.

    Po to, kai “Kaip tai veikia” ekranas, kurį galite pasirinkti nustatyti pranešimus paspaudus mygtuką. Tai yra puiki strategija nes daugelis vartotojų visiškai pamiršs apie programą, bet su pranešimai jie bus galiausiai naudokite jį dar kartą (arba išjungti pranešimus).

    Taip pat galite pridėti mygtukai įgalinti arba išjungti funkcijas bet kokio proceso metu. Šios funkcijos gali būti susijusios su naujienlaiškio registravimu, kitais paskyromis ar netgi prenumeruoja atnaujinimus. Tiesiog įtraukti naudotojus, ir padėti jiems pradėti imtis veiksmų. Iš ten lengviau laikykite juos užsikabinusius.

    Rodyti vieną funkciją vienu metu

    Dauguma ekrano ekranų rodo tam tikras funkcijas ir perkelia jus per procesą nuo pradžios iki pabaigos. Neskubėkite vartotojų, ir tikrai nedėkite informacijos krūva ant ekrano vienu metu.

    Svarbiausia, kad nauji vartotojai būtų suinteresuoti ir džiaugtųsi išlaikyti dėmesio ir vienu metu parodyti vieną funkciją. Jei pernelyg daug stumsite į ekraną, vartotojai gali jaučiatės priblokšti. Jei bėgimo procesas yra pernelyg nuobodu, žmonės nuobodu ir išeis.

    Kiekvienas ekranas turi turėti bent viena nauja informacija tai naudinga vartotojui. Taip pat galite tai padaryti žiniatinklyje su a modalinio lango / dialogo lango metodas. Tačiau vis tiek turėtumėte išlaikyti sutelkti dėmesį į vieną temą vienu metu atkreipti dėmesį, kur jis priklauso.

    „Dropbox“ komanda planuoja naują darbalaukio programą su „onboarding“ ir Wes O'Haire pasidalino šiuo pavyzdžiu savo „Dribbble“ paskyroje.

    Viskas apie šį ekraną jaučiasi labai natūralus. Rodoma mėlyna juosta kiek toli į onboarding procesą tu jau esi. Tada jūs taip pat turite aiškių nurodymų žingsnis po žingsnio per procesą. Taip pat yra atgal mygtukas tuo atveju, jei naudotojas pamirštų visus ankstesnius veiksmus arba tiesiog nori pakartoti.

    Dėmesys yra žaidimo pavadinimas, ir šis dizainas saugo vartotojus dėmesys sutelktas į veiksmus. Pasibaigus šiam procesui, nauji vartotojai turėtų galėti patogiai naudoti „Dropbox“ programa darbalaukyje, kad galėtumėte įkelti, atsisiųsti ir atlikti kitus reikalingus veiksmus.

    Ir prisimink tai naudos parduoda geriau nei savybės. Paaiškinkite ką vartotojas gauna iš programos vietoj to, kaip greitai jis veikia arba kiek profilių galite turėti.

    Pirmiau pateiktame pavyzdyje pateikiami pora ekranų iš sveikatos / gydytojo paskyrimo programos, vadinamos Qikwell. Kiekviena skaidrė rodo vieną pagrindinį bruožą nukreipta į vartotojo naudą (paskyrimo prieinamumas ir bendras # eilutė).

    Paskutinė skaidrė taip pat turi mažą “Pradėti” nuoroda į vadovauja vartotojams apie kitą žingsnį. Tai padidintų šios sąsajos matomumą, kad paskatintų įsitraukimą, bet tik turint puikią idėją.

    Nepamirškite išlaikyti visko paprasta ir paprasta. Kiekvienas proceso etapas turėtų turėti tikslą mokyti vartotoją arba padėti jiems judėti toliau į paraišką.

    Užverkite veiksmą

    Įjungimo proceso pabaigoje turėtumėte žinoti naudotojus ką siūlo programa, ką jie gali padaryti, ir kodėl jie turėtų jį naudoti. Tačiau jie gali reikia stumti iš tikrųjų imtis veiksmų ir daryti kažką.

    Visada uždarykite „onboarding“ su tam tikra nuoroda ar mygtuku vairuoja vartotoją, kad kažkur pradėtų. Tai gali būti nustatymų puslapis, profilio puslapis, vartotojo srauto ekranas arba kažkas panašaus.

    Geriausias rekomenduojami veiksmai skirsis remiantis jūsų programos tikslais. Mitybos programa gali paskatinti naujus vartotojus pradėti registruoti savo maisto produktus tą dieną, tačiau socialinio tinklo programa gali siųsti vartotojus į profilio ekraną arba rekomenduojamas vartotojų sąrašas Sekti.

    Šioje programoje „Oktafian Nugraha“ dizainą pastebėsite didelį apelsiną “Pradėkime!” mygtuko paskutinės skaidrės apačioje. Tai labai šviesus ir gana sunku praleisti.

    Šis galutinis veiksmo mygtukas gali sukelti bet kur tol, kol bus galutinis tikslas yra naudotojo išlaikymas. Laikykitės šio mygtuko į „onboarding“ procesą ir įsitikinkite, kad jis matomas. Jei vartotojai užpildo „onboarding“, ir nematote mygtuko, kad jie būtų apgaubti jaučiasi įstrigę ir tiesiog išeik.

    Tai gana sunku, kad tai netrukdytų suplanuokite tipišką naudotojo srautą, ir įsitikinkite, kad jūs nuoroda į tinkamą puslapį įjungimo proceso pabaigoje. Jei „onboarding“ darbas buvo atliktas, nauji vartotojai jau turėtų būti žinoti, ką daryti iš ten.

    Galutinis vaizdas

    Kiekvienas naujas projektas turėtų turėti tam tikrą pagalbos vadovą arba procesą naujiems vartotojams. Tai greičiausias būdas naujiems vartotojams, ir išlaikyti daugiau žmonių naudodamiesi savo mobiliojo ryšio programa, svetaine ar darbalaukio programa.

    Dizaino estetika yra svarbūs, tačiau vartotojo patirtis verčia viską. Atlikus teisingą procesą, įjungimo procesas turėtų būti švietimo ir tikiuosi šiek tiek įdomus!