Mga halimbawa ng onboarding sa mobile app: mga pattern na dapat pag-aralan bago idisenyo ang susunod mong daloy

1. Hayaang manguna ang unang kapaki-pakinabang na sandali

Isipin ang isang meal-planning app na bubukas gamit ang isang starter plan at hinahayaan ang isang tao na magpalit ng isang pagkain, sa halip na manguna sa mga slide tungkol sa mga recipe at listahan. Ang pakikipag-ugnayan ay ginagawang kongkreto ang produkto. Panatilihin lamang ang isang panimula kapag niresolba nito ang isang tunay na kawalan ng katiyakan.

Inirerekomenda ng Mga Alituntunin ng Human Interface ng Apple ang onboarding na mabilis, opsyonal, at nakatuon. Ang NN/g ay nagpapayo laban sa pagtuturo na maaaring matuto ang mga tao sa pamamagitan ng paggamit, habang kinikilala ang pag-setup, mga iniangkop na karanasan, at hindi pamilyar na daloy ng trabaho bilang mga dahilan upang gabayan sila. Ang isang pamilyar na tala o timer app ay maaaring maging mas malinaw kapag direkta itong bumukas sa gawain.

Pag-aralan ang mga halimbawa sa screenKits onboarding library para sa mga ideya sa layout at sequencing. Basahin ang mga ito bilang mga visual na sanggunian: ang isang screenshot ay maaaring magmungkahi ng isang pattern, ngunit hindi nito matukoy kung paano ito naiintindihan ng mga tao o kung ito ay gumagana.

• Pangalanan ang unang makabuluhang kinalabasan sa isang pangungusap.
• Tanungin kung ang interface mismo ay magagawang maunawaan ang susunod na aksyon.
• Panatilihin lamang ang isang malugod na pahayag o halaga kung niresolba nito ang isang tunay na kawalan ng katiyakan.

2. Gumamit ng progresibong setup sa halip na isang questionnaire wall

Larawan ng tumatakbong app na gustong magkaroon ng layunin, mga unit, oras ng paalala, at lokasyon. Nag-aalok ang isang progresibong bersyon ng panimulang plano, humihingi ng layunin kapag may nag-adjust nito, at nag-iiwan ng mga unit at paalala sa mga setting. Kung ang isang partikular na sagot ay mahalaga, ipaliwanag kung bakit sa puntong ito ay kinakailangan.

Ang pattern na ito ay kapaki-pakinabang kapag ang pag-personalize ay nakasalalay sa isang maliit na bilang ng mga makabuluhang pagpipilian. Ito ay mas mahina kapag ang mga tanong ay parang isang pagsusulit na walang nakikitang kabayaran. Ipakita lamang ang pag-unlad kapag nilinaw nito ang natitirang pagsisikap; huwag magdagdag ng maraming screen para lang gawing malumanay ang maikling anyo. Magbigay ng mga makabuluhang default at hayaan ang mga tao na baguhin ang mga ito sa ibang pagkakataon.

Ang paggawa ng account ay kabilang sa parehong pag-uusap. Inirerekomenda ng Apple na humiling lamang ng isang account kapag nangangailangan ng isa ang pangunahing functionality, at antalahin ang pag-sign in kapag posible upang maunawaan muna ng mga tao ang app. Para sa isang daloy na nangangailangan ng pagpaparehistro, gawing malinaw ang benepisyo at kinakailangang impormasyon. Ang nauugnay na mobile login at gabay sa disenyo ng pag-signup ay makakatulong sa iyong suriin nang hiwalay ang bahaging iyon.

• Para sa bawat tanong, isulat kung anong desisyon ng produkto ang nakasalalay sa sagot nito.
• Ilipat ang mga opsyonal na kagustuhan sa sandaling maging kapaki-pakinabang ang mga ito o sa mga setting.
• Ipaliwanag ang mga kinakailangang hakbang sa account sa mga tuntunin ng gawain ng tao.

3. Ituro ang bagong aksyon sa tamang konteksto

Isaalang-alang ang isang app sa pagbabadyet na may hindi pamilyar na paraan upang hatiin ang isang transaksyon. Ang isang generic na carousel na tumuturo sa bawat tab ay nagpapaalala sa tao ng mga tagubilin bago sila magkaroon ng dahilan upang gamitin ang mga ito. Naghihintay ang isang pattern sa konteksto hanggang sa makita ang unang transaksyon, pagkatapos ay nag-aalok ng isang maikling pahiwatig sa tabi ng split control. Ang isang interactive na hakbang sa pagsasanay ay maaaring hayaan ang isang tao na subukan ang pagkilos sa sample na data bago mag-edit ng isang tunay na tala.

Ang pagpili ng disenyo ay tungkol sa timing at stakes. Ituro ang natatanging pakikipag-ugnayan sa sandaling ito ay maging may kaugnayan, panatilihing malapit sa kontrol ang pagtuturo, at gawing malinaw ang susunod na pagkilos. Kung tatanggihan ng isang tao ang pahiwatig, panatilihin ang ruta ng tulong na mahahanap nila sa ibang pagkakataon. Iwasang ipaliwanag ang mga karaniwang kumbensyon sa pag-navigate na dapat makipag-usap nang mag-isa ang interface.

Para sa mga kumplikadong daloy, ang isang maliit na may gabay na gawain ay maaaring magturo ng higit pa sa paglilibot: gumawa ng sample board, mag-save ng item, o mag-preview ng workflow. Panatilihing nababaligtad ang ehersisyo at sabihin kung binabago nito ang totoong data. Inirerekomenda ng Apple ang interactive na pagtuturo kung saan dumadaloy ang praktikal at maikling kinakailangan.

• Tukuyin ang isang aksyon na bago o madaling hindi maintindihan.
• Ilagay ang pahiwatig sa tabi ng pagkilos na iyon at mag-alok ng try-it-now na landas kapag ligtas.
• Gawing diretso ang paglaktaw, pag-dismiss, at paghahanap muli ng paliwanag.

4. Humingi ng pahintulot kapag nakikita ang dahilan

Isipin ang isang photo journal na maaaring mag-attach ng isang lokasyon. Ang paghingi ng access sa lokasyon sa welcome screen ay ginagawang abstract ang kahilingan. Ang paghihintay hanggang sa may pumili ng Magdagdag ng lokasyon ay lumilikha ng malinaw na paliwanag: maaaring lagyan ng label ng lokasyon ang entry na ito, at gumagana ang feature nang wala ito. Iyon ay isang sandali ng pahintulot na konektado sa isang partikular na benepisyo, na may malinaw na alternatibo kung ang pag-access ay tinanggihan.

Nalalapat ang parehong pangangatwiran sa mga notification, camera, contact, at data ng kalusugan. Dapat na tumpak, maigsi, at partikular ang isang paliwanag bago ang pahintulot tungkol sa feature. Huwag ipahiwatig na mandatory ang pag-access kung gumagana pa rin ang pangunahing app nang wala ito. Pinapayuhan ng Apple ang paglalagay ng mga kahilingan sa onboarding lamang kapag ang pribadong pag-access ay isang paunang kinakailangan; kung hindi, itanong kung kailan unang ginamit ng tao ang function na nangangailangan nito.

• Itali ang bawat kahilingan sa isang aksyon na pinili ng tao o isang gawain na sinusubukan nilang tapusin.
• Sabihin kung ano ang pinapagana ng pahintulot at kung ano ang nananatiling available nang wala ito.
• Panatilihing naiiba ang prompt ng system sa sarili mong paliwanag ng benepisyo.

Isang praktikal na checklist ng pagsusuri

Bago i-polish ang mga transition, suriin ang bawat hakbang sa isang maliit na telepono. Bigyan ang isang hindi pamilyar na tao ng isang makatotohanang prompt sa unang gawain at obserbahan kung saan sila nag-aalangan. Ihambing ang mas magaan na bersyon kapag ligtas itong masuportahan ng produkto. Tratuhin ang mga natuklasan bilang katibayan ng kakayahang magamit, hindi garantisadong mga resulta ng negosyo.

• Maaari bang maabot ng isang tao ang isang makabuluhang unang gawain nang hindi sinasaulo ang isang paglilibot?
• May malinaw at agarang dahilan ba ang bawat tanong o hakbang sa pag-setup?
• Maaari bang laktawan ng mga tao ang opsyonal na pagtuturo at hanapin itong muli sa ibang pagkakataon?
• Hinihiling ba ang mga pahintulot sa tampok na nangangailangan ng mga ito, na may matapat na paliwanag?
• Hinahayaan ba ng mga default ang mga tao na magpatuloy nang walang kinakailangang pagsasaayos?
• Gumagana ba ang daloy sa mas mahabang text, mga pantulong na teknolohiya, at mga naantala na session?