Beranda » Desain web » Merancang Proses Onboarding Yang Sebenarnya Membantu Pengguna Belajar

    Merancang Proses Onboarding Yang Sebenarnya Membantu Pengguna Belajar

    Melompat ke aplikasi baru biasanya disertai dengan perjuangan mempelajari cara kerjanya. Anda mungkin bisa menguasainya dengan cepat, tetapi selalu ada proses pembelajaran. Tujuan dari orientasi adalah untuk perkenalkan pengguna baru ke situs web, program, atau aplikasi. Dengan orientasi, Anda harus mengajar fitur individu, cara kerjanya, dan bagaimana aplikasi menawarkan nilai kepada pengguna.

    Dalam posting terbaru yang kami bahas layar orientasi seluler yang fokus pada desain dan gaya konten. Dalam posting ini, saya ingin berbagi kiat untuk pengalaman pengguna dan proses pemasaran membimbing pengguna melalui proses orientasi.

    Gunakan gambar & diagram

    Grafis dan elemen visual dapat menjelaskan pengalaman pengguna yang jauh lebih baik daripada kata-kata. Andalkan visual untuk membantu memandu pengguna melalui proses sesuai kebutuhan. Ini adalah strategi yang berharga karena menarik perhatian ke proses orientasi dan menjelaskan maksud. Dengan visual, tujuan Anda adalah untuk perlihatkan daripada memberi tahu.

    Anda dapat melakukan ini dengan berbagai cara tangkapan layar penuh, ikon kecil, atau ilustrasi / grafik vektor yang sesuai dengan alur kerja desain. Ambil contoh layar onboarding ini dari desainer Salman Shah.

    Dia menggunakan ikon vektor untuk isyarat secara visual setiap slide. Ikon berfungsi sebagai metafora untuk setiap poin, dan bantuan menjual fitur kepada pengguna.

    Jika Anda tidak memiliki keterampilan merancang ikon dari awal, Anda selalu dapat menggunakannya paket ikon gratis untuk keuntungan Anda. Banyak desainer merilis karya mereka secara gratis, dan Anda dapat dengan mudah menggabungkan ikon-ikon ini ke dalam layar orientasi Anda.

    Anda dapat beralih dari ikon statis ke termasuk animasi demikian juga. Ambil contoh proses orientasi berbasis keuangan yang dibuat oleh Iaroslav Zhmak.

    Dia menggunakan banyak ikon tetapi juga menempatkan animasi ke setiap bagian. Anda belajar apa yang dilakukan aplikasi melalui isyarat visual yang hidup untuk menarik perhatian Anda.

    Perhatikan bahwa setiap slide orientasi memang memiliki deskripsi teks juga. Ini adalah daging pesan yang sebenarnya karena memberi tahu pengguna apa yang mereka bisa sebenarnya dilakukan dengan aplikasi. Terkadang halaman hanya teks bisa merasa seperti buku teks perguruan tinggi pengap meskipun. Gunakan visual dan animasi untuk membumbui setiap bagian dari proses orientasi.

    Tampilkan fitur dalam aksi

    Mencoba untuk hindari menyebutkan fitur yang jelas atau memaksa pengguna untuk menghafal semua bagian aplikasi. Coba juga hindari pernyataan dasar yang memandu pengguna di sekitar aplikasi suka “ini adalah menu utama, ini adalah layar teman”, dll. Alih-alih mencoba untuk fokus pada hal-hal ini bisa lakukan, dan bagaimana penggunanya dapat berinteraksi dengan bidang-bidang ini.

    Strategi ini mengingatkan pada pepatah pemasaran lama “jangan jual steak, jual sizzle”. Anda ingin menjual aplikasi melalui manfaatnya bagi pengguna, tidak melalui fitur dan item menu yang berubah-ubah.

    Misalnya, desain ini dibuat oleh Prakhar Sharma memandu Anda melalui proses kerja penuh di rekening bank Anda.

    Desain menawarkan aliran alami untuk membantu Anda memulai, dan membimbing Anda setiap langkah. Proses orientasi ini memaksa pengguna untuk mengambil tindakan yang pada akhirnya adalah tujuan utama.

    Anda juga bisa perlihatkan fitur yang sedang beraksi melalui demo, atau Anda dapat membantu pengguna mengambil tindakan melalui proses orientasi. Baik metode mendorong tindakan atas konsumsi yang biasanya mengarah ke lebih banyak pengguna yang terlibat.

    Saya menemukan contoh bagus lain dari layar onboarding aplikasi bergaya YouTube yang dibuat oleh Riko Sapto Dimo. Ini menggunakan visual dan ikon untuk menyampaikan pesan, tetapi juga membantu pengguna mengambil tindakan sebelum menyelam ke dalam aplikasi.

    Setelah “Bagaimana itu bekerja” layar yang dapat Anda pilih mengatur notifikasi dengan mengklik tombol. Ini adalah sebuah strategi yang hebat karena banyak pengguna akan sepenuhnya melupakan aplikasi, tetapi dengan pemberitahuan muncul mereka akan akhirnya gunakan lagi (atau nonaktifkan notifikasi).

    Anda juga bisa menambahkan tombol untuk mengaktifkan atau menonaktifkan fitur kapan saja dalam proses orientasi. Fitur-fitur ini dapat berhubungan dengan pendaftaran buletin, mengikuti akun lain, atau bahkan berlangganan pembaruan. Hanya membuat pengguna terlibat, dan bantu mereka mulai mengambil tindakan. Dari sana, semakin mudah biarkan mereka ketagihan.

    Tampilkan satu fitur setiap kali

    Sebagian besar layar menampilkan fitur-fitur tertentu, dan menggerakkan Anda melalui proses dari awal hingga selesai. Jangan buru-buru pengguna, dan tentu saja jangan mendorong banyak informasi ke layar sekaligus.

    Kunci untuk membuat pengguna baru tertarik dan bersemangat adalah dengan pertahankan fokus dan memamerkan satu fitur pada suatu waktu. Jika Anda mendorong terlalu banyak ke layar maka pengguna bisa merasa kewalahan. Jika proses orientasi terlalu membosankan maka orang akan bosan dan berhenti.

    Setiap layar setidaknya harus memiliki satu informasi baru itu berharga bagi pengguna. Anda juga dapat melakukan ini di web dengan modal window / pendekatan kotak dialog. Namun Anda harus tetap menyimpannya fokus pada satu topik pada satu waktu untuk menarik perhatian di tempatnya.

    Tim Dropbox sedang merencanakan aplikasi desktop baru dengan orientasi, dan Wes O'Haire membagikan contoh ini di akun Dribbble-nya.

    Segala sesuatu tentang layar orientasi ini terasa sangat alami. Anda memiliki bilah biru yang menunjukkan seberapa jauh ke dalam proses orientasi kamu sudah pergi. Kemudian Anda juga memiliki petunjuk arah yang jelas bergerak secara bertahap melalui proses. Ada juga a tombol kembali seandainya pengguna lupa langkah-langkah sebelumnya, atau hanya ingin rekap.

    Fokus adalah nama permainannya, dan desain ini membuat penggunanya bertahan berfokus pada tindakan. Pada akhir proses orientasi ini, pengguna baru seharusnya bisa nyaman digunakan aplikasi Dropbox di desktop untuk mengunggah, mengunduh, dan melakukan tindakan apa pun yang mereka butuhkan.

    Dan ingat itu keuntungan menjual lebih baik daripada fitur. Menjelaskan apa yang didapat pengguna dari aplikasi daripada seberapa cepat menjalankannya atau berapa banyak profil yang dapat Anda miliki.

    Contoh di atas menampilkan beberapa layar dari aplikasi janji temu kesehatan / dokter bernama Qikwell. Setiap slide menunjukkan satu fitur utama ditargetkan untuk keuntungan pengguna (ketersediaan janji temu dan total # dalam baris).

    Slide terakhir juga memiliki yang kecil “Memulai” tautan ke memandu pengguna tentang langkah selanjutnya. Ini akan meningkatkan visibilitas tautan itu untuk mendorong keterlibatan, tetapi hanya dengan memilikinya ada ide bagus.

    Ingatlah untuk menyimpan semuanya sederhana dan mudah. Setiap langkah dari proses harus memiliki tujuan baik untuk mengajar pengguna atau membantu mereka bergerak lebih jauh ke dalam aplikasi.

    Bungkus dengan sebuah aksi

    Pada akhir proses orientasi, Anda harus memiliki pengguna yang tahu apa yang ditawarkan aplikasi, apa yang bisa mereka lakukan, dan mengapa mereka harus menggunakannya. Namun mereka mungkin butuh dorongan untuk benar-benar mengambil tindakan dan melakukan sesuatu.

    Akhiri selalu orientasi Anda dengan beberapa jenis tautan atau tombol itu mendorong pengguna untuk memulai suatu tempat. Ini bisa berupa halaman pengaturan, halaman profil, layar aliran pengguna, atau yang serupa.

    Terbaik tindakan yang disarankan akan bervariasi berdasarkan pada tujuan aplikasi Anda. Aplikasi nutrisi mungkin mendorong pengguna baru untuk mulai mencatat makanan mereka pada hari itu, tetapi aplikasi jejaring sosial mungkin mengirim pengguna ke layar profil, atau ke daftar pengguna yang direkomendasikan mengikuti.

    Dalam desain aplikasi ini oleh Oktafian Nugraha Anda akan melihat oranye besar “Ayo mulai!” tombol di bagian bawah slide terakhir. Ini sangat cerah dan sangat sulit untuk dilewatkan.

    Tombol tindakan akhir ini dapat mengarah ke mana saja selama tujuan akhir adalah retensi pengguna. Tempel tombol ini ke dalam proses orientasi Anda, dan pastikan itu terlihat. Jika pengguna menyelesaikan orientasi, dan tidak melihat tombol untuk menyelesaikannya mereka mungkin merasa terjebak dan pergi begitu saja.

    Cukup sulit untuk mengacaukan ini, jadi adil merencanakan aliran pengguna yang khas, dan pastikan kamu tautan ke halaman yang sesuai pada akhir proses orientasi. Jika orientasi melakukan tugasnya maka pengguna baru seharusnya sudah tahu apa yang harus dilakukan dari sana.

    Pandangan Terakhir

    Setiap proyek baru harus memiliki beberapa jenis panduan bantuan atau proses orientasi untuk pengguna baru. Ini cara tercepat untuk melakukannya memandu pengguna baru, dan untuk pertahankan lebih banyak orang terlibat dengan aplikasi seluler, situs web, atau program desktop Anda.

    Estetika desain itu penting tetapi pengalaman pengguna mengalahkan segalanya. Ketika dilakukan dengan benar, proses orientasi harus mendidik dan semoga sedikit menyenangkan!