Onboarding: membimbing pengguna semasa interaksi pertamanya dengan aplikasi

Apakah onboarding dan mengapa ia penting?

Kajian menunjukkan bahawa 22% daripada aplikasi yang dimuat turun hanya digunakan sekali sahaja (Localytics, 2012).

Inilah sebabnya mengapa pengalaman pengguna pertama yang baik adalah sangat penting untuk daya maju aplikasi atau tapak web. Ini semakin penting apabila aplikasi dan perkhidmatan menjadi lebih serba boleh dan kompleks. Hasilnya, kami telah melihat peningkatan dalam bilangan 'onboarding' dalam beberapa tahun kebelakangan ini.
Onboarding ialah proses membimbing pengguna melalui penemuan aplikasi mereka. Di bawah ini anda akan temui contoh-contoh yang baik tentang orientasi, masing-masing dengan pendekatan yang berbeza. "Pendekatan terbaik" tidak wujud kerana setiap aplikasi atau tapak web adalah berbeza, tetapi mengambil kira pengesyoran ini akan membolehkan anda mereka bentuk pengalaman pengguna yang lebih baik. Dan sudah tentu pendekatan yang diterangkan di bawah boleh digabungkan untuk mencapai orientasi yang ideal.

Contoh onboarding

1. Terangkan cadangan nilai

AirBnB, Nike + Running, Pocket, Feedly dan Path adalah antara apl yang menerangkan cadangan nilainya apabila membuka apl buat kali pertama. Mereka semua menggunakan urutan pembukaan seperti tayangan slaid dengan kandungan terhad setiap slaid, yang menjadikan maklumat itu mudah dihadam. Di samping itu, bilangan langkah ditunjukkan kepada pengguna supaya pengguna tahu apa yang diharapkan. Onboarding ialah cara yang mudah, mudah dan berkesan untuk menerangkan perkara yang boleh dilakukan oleh aplikasi dan cara ia boleh digunakan.

Benarkan untuk melangkau onboarding
Semasa lawatan pertama mereka ke aplikasi itu, sesetengah pengguna baharu akan menjangkakan untuk diambil dari A hingga Z, manakala yang lain akan memilih untuk meninggalkan onboarding dan memahami cara aplikasi itu berfungsi dengan sendirinya. Butang "langkau" mudah, seperti dalam pratonton AirBnB, boleh memenuhi keperluan semua pengguna.

8ce7812498e9322ec4360ef1a0c3e4c9-regular
Airbnb

Jangan paksa pendaftaran
500px menggunakan imej cantik yang menjadikan onboarding sangat menarik. Di samping itu, pendaftaran tidak diperlukan untuk mengakses kandungan ("butang Teroka Foto"). Oleh itu, pengguna boleh menemui aplikasi sebelum memilih untuk membuat akaun. Membenarkan penggunaan aplikasi sebelum pendaftaran akan meningkatkan peluang pengguna akan mendaftar dan menjadi pelanggan tetap.

2. Terangkan ciri-ciri

Apl seperti 500px, Clear dan Kobo menggunakan pendekatan yang berbeza. Mereka memberi tumpuan kepada menerangkan ciri. Pendekatan ini lebih relevan apabila aplikasi mempunyai banyak fungsi (khususnya yang tersembunyi) yang penting untuk pengendalian aplikasi.
500px juga membolehkan pengguna membuat akaun dengan profil sosial sedia ada seperti Facebook, Twitter atau Google. Jika pengguna tidak mempunyai satu atau tidak mahu menggunakan akaun sosial mereka, mereka boleh membuat akaun klasik dengan alamat e-mel dan kata laluan.

Pendekatan mesra pengguna
Masih pada 500px, frasa "Jika anda baru menggunakan 500px, kami akan membuat akaun untuk anda" adalah sangat mesra pengguna. Pengguna tidak perlu memilih antara "daftar" atau "log masuk". 500px adalah berdasarkan alamat e-mel, jika ia dilampirkan pada akaun maka ia menghubungkan pengguna jika tidak ia membuat akaun.

b7ddf11cc40ee615d4e1612b965d73c4-regular
500px
Penyertaan Clear adalah sangat jelas dan menerangkan ciri dengan baik. Malangnya, ia tidak menawarkan pilihan untuk melangkau proses onboarding, tetapi memaksa pengguna untuk meleret melalui kesemua tujuh skrin. Clear juga menggunakan Pendekatan 4 "Onboarding semasa penggunaan", yang anda akan dapati lebih jauh di bawah dalam artikel.
4fac4cd6d2c9dfab910129aee7653dc0-regular
Clear
3. Terangkan interaktiviti

Peti Mel dan Weathercube ialah dua contoh hebat untuk menerangkan ciri interaktif. Pendekatan ini berfungsi dengan baik kerana ia meletakkan pembelajaran dalam konteks dan memberikan maklum balas kepada pengguna semasa mereka berinteraksi dengan item. Dengan cara ini, pengguna akan dapat memahami dengan lebih baik dan mengingati cara sesuatu berfungsi. Tetapi dari perspektif reka bentuk dan pembangunan, ini sudah tentu pendekatan intensif buruh.

Motivasi
Peti mel memotivasikan pengguna dengan memberi maklum balas positif seperti "Good job!" ". Ia menjadikan pengalaman pembelajaran menyeronokkan dan emosi.

4121b3186b9bfcb8aa378f504c6de0d3-regular
Peti mel

Ketahui tempat untuk mencari onboarding
Weathercube memberitahu pengguna cara mencari onboarding selepas melengkapkan atau melangkaunya. Dengan cara ini, pengguna boleh memilih sama ada dan bila mereka mahu onboarding dimainkan semula.

06b480fb925d99c2066e66b62645c0e5-regular
weathercube
4. Onboarding semasa penggunaan

Satu lagi pendekatan yang sangat menarik untuk menerangkan ciri semasa penggunaan. Ia mempunyai kelebihan yang besar kerana pengguna tidak perlu melalui senarai maklumat sebelum menggunakan aplikasi itu sendiri.
Cut the Rope, permainan di mana anda perlu menawarkan gula-gula kepada Om Nom, adalah salah satu contoh hebat yang pertama. Gerak isyarat mudah menerangkan cara permainan ini berfungsi. Banyak apl hari ini, seperti Spotify, Flipboard, iMovie dan Feedly menggunakan pendekatan yang sama untuk membimbing pengguna melalui apl tersebut.

c5cb00b350dafa1813b2c0855d0a6b23-regular
Potong tali
534fdf65f3fb3dbd8890c0da939d33f2-regular
Spotify & Flipboard
45af15ae3374c11450c921e692a3f9b5-regular
iMovie & Feedly

Arahan pada langkah seterusnya
Selepas onboarding, Clear menyediakan pengguna dengan beberapa arahan tentang langkah seterusnya. Beberapa contoh tindakan untuk melaksanakan dengan jelas menerangkan cara aplikasi itu harus digunakan.

d71a7eda646baf18480d67390a5747ef-regular
Clear
5. Halaman kosong

Selalunya diabaikan tetapi sangat penting ialah "halaman kosong". Ambil contoh Dropbox. Jika pengguna belum lagi memasukkan mana-mana kegemaran, aplikasi tidak menunjukkan halaman kosong, tetapi menerangkan perkara yang akan berlaku apabila pengguna telah menambah fail ke kegemaran. Penjelasan ringkas yang memberikan sentuhan akhir.

4b9f7a17978b123d23aa84194667c1b1-regular
dropbox
iMovie menggunakan halaman kosong untuk menerangkan perkara yang perlu dilakukan oleh pengguna: "Klik untuk memulakan filem atau treler baharu". Vine secara lucu memaparkan pengguna yang belum mempunyai aktiviti, tetapi malangnya tidak menjelaskan perkara yang perlu dilakukan.
6b71fd295fb5a35781d938bd841bab8c-regular
iMovie & Vine

Cadangan untuk onboarding

Untuk membuat kesimpulan, kami menasihatkan anda untuk mempertimbangkan 11 pengesyoran ini untuk reka bentuk proses onboarding. Setiap apl atau tapak web adalah berbeza dan memerlukan pendekatan tersendiri, tetapi mempertimbangkan pengesyoran ini akan membantu anda mereka bentuk pengalaman pengguna yang lebih baik.

  • Terangkan cadangan - apakah nilai tambah untuk pengguna?
  • Terangkan ciri tersembunyi dan penting - bagaimana apl berfungsi?
  • Terangkan secara interaktif – ini meletakkan pembelajaran dalam konteks dan memberikan maklum balas kepada pengguna
  • Pastikan ia bermaklumat – jangan terangkan ciri yang jelas
  • Cuba selitkan elemen yang menyeronokkan dan emosi
  • Hadkan kandungan setiap panel, menjadikan maklumat mudah dihadam
  • Sediakan cara untuk melangkau onboarding
  • Beritahu pengguna di mana onboarding boleh ditemui selepas lulus atau melengkapkannya
  • Sampaikan bilangan langkah supaya pengguna tahu apa yang diharapkan
  • Jangan paksa pengguna untuk log masuk atau mendaftar untuk melihat kandungan atau fungsi
  • Pastikan pengguna tahu perkara yang perlu dilakukan selepas masuk dan beri arahan tentang langkah seterusnya jika perlu

Diterjemahkan daripada laman web: http://www.sodastudio.nl/kennis-ideeen/great-examples-of-user-onboarding-in-app-design