Orientasi dan autentikasi pengguna adalah beberapa perjalanan pengguna yang paling umum dan sering kali paling ditinggalkan dan membuat frustrasi pengguna. Hal ini merupakan kesan pertama pengguna terhadap aplikasi Anda, jadi penting untuk membuatnya ramah dengan pengalaman yang nyaman dan tepercaya. Baik saat mendesain untuk login, pendaftaran pengguna, atau panduan orientasi, panduan berikut akan membantu Anda membuat pengalaman yang ideal.
Poin-poin penting
- Buat pengalaman orientasi yang luar biasa.
- Gunakan library yang tersedia, seperti kunci sandi, untuk kepercayaan, keakraban, dan kenyamanan pengguna.
- Kumpulkan hanya informasi pengguna yang penting.
- Gunakan bahasa yang jelas dan membantu.
- Atur dan jelaskan nilai fitur dan alasan izin.
Mulai
Kumpulkan: Pikirkan hal yang perlu disiapkan, dipelajari, dan diotorisasi pengguna.
Dalam aplikasi versus di awal: Pisahkan semuanya menjadi hal yang perlu diselesaikan sebelum menggunakan aplikasi dan hal yang perlu diselesaikan saat menggunakan aplikasi. Hindari membuat pengguna merasa kesulitan untuk mulai berinteraksi dengan konten aplikasi Anda. Pertimbangkan apakah konten dan interaksi lebih baik sebagai perintah atau sebagai momen edukasi.
Untuk elemen dalam konteks, berikan penjelasan dan tindakan jika berlaku.
Untuk langkah-langkah dan edukasi yang penting untuk diselesaikan sebelum menggunakan aplikasi Anda, atur ke dalam langkah-langkah logis. Biasanya, Anda perlu menunjukkan nilai aplikasi sebelum meminta izin perangkat atau membuat akun. Selalu ikuti proposisi nilai dengan tindakan.
Jika aplikasi Anda memerlukan akun tertentu, tentukan metode autentikasi. Kunci sandi dapat mengurangi kekhawatiran dan kesulitan pengguna terkait pengelolaan akun.
Sediakan metode pemulihan.
Tampilkan progres pengguna. Anda dapat menggunakan komponen seperti stepper, pager, atau indikator progres.
Perjalanan pengguna
Orientasi yang luar biasa menciptakan rasa pencapaian dan memiliki kepribadian yang berbeda. Hal ini membantu pengguna menemukan cara untuk menyiapkan pengalaman mereka, memberikan izin, dan merasakan progres mereka dengan pola penandaan yang jelas, sambil berinteraksi dengan konsep dan brand aplikasi Anda.
Penempatan titik entri
Penempatan selamat datang memuat semua edukasi pengguna dan penyiapan aplikasi di awal. Pendekatan ini ideal jika aplikasi Anda memerlukan pendaftaran pengguna untuk mendapatkan akses ke konten, jika pratinjau konten tidak memungkinkan, atau jika pembelajaran dalam konteks tidak sesuai. Keuntungan utamanya adalah pengguna langsung mengetahui cara menggunakan aplikasi dan mendapatkan akses penuh lebih cepat. Namun, kerugian yang signifikan adalah risiko kehilangan pengguna yang lebih tinggi sebelum mereka mencoba aplikasi, meskipun hal ini dapat dikurangi dengan memberikan kesadaran awal tentang konten seperti yang ditunjukkan pada gambar berikut.
Orientasi kontekstual, atau dalam aplikasi tepat waktu, memungkinkan fleksibilitas yang lebih besar terkait kesadaran konten, pendaftaran, dan pembelajaran. Hal ini memungkinkan pola seperti persiapan izin, dengan permintaan yang dibuat pada waktu kebutuhan tertentu. Hal ini paling baik digunakan jika Anda ingin memberikan pratinjau untuk menarik pendaftaran atau jika Anda lebih suka membagi pendaftaran dan edukasi menjadi langkah-langkah yang lebih kecil, lebih mudah diingat, dan dapat dikelola. Hal ini juga memungkinkan pengguna belajar sambil melakukan dan meningkatkan peluang retensi.
Pendaftaran / Daftar
Alur pendaftaran, atau daftar, membantu pengguna membuat akun untuk aplikasi Anda. Pertimbangkan apakah aplikasi Anda perlu mendaftarkan pengguna di awal untuk digunakan atau apakah mereka dapat mengakses tingkat konten dan fitur tertentu.
Untuk mengoptimalkan alur pendaftaran, kumpulkan hanya informasi minimum yang diperlukan di awal, seperti email dan sandi, atau gabungkan langkah-langkah untuk mengurangi kesulitan. Hanya mengambil properti penting seperti nama pengguna untuk verifikasi akan menghindari pengguna merasa kewalahan dengan opsi. Untuk proses yang lebih panjang, bagi menjadi beberapa layar, tetapi jangan berlebihan dengan hanya satu input per layar. Pastikan persyaratan sandi jelas dan logis.
Login
Pengguna yang kembali memerlukan cara untuk login kembali ke akun mereka. Login harus cepat dan tidak mengganggu. Jika aplikasi Anda hanya memerlukan autentikasi untuk akun, pertimbangkan untuk menggabungkan pendaftaran dan login melalui metode single sign on.
Perjalanan login yang efektif harus memprioritaskan kenyamanan pengguna dengan menerapkan pola autentikasi modern. Hal ini mencakup penawaran perintah biometrik dan kemampuan isi otomatis untuk mengurangi beban kognitif dan entri manual yang diperlukan dari pengguna.
Panduan dan penyesuaian orientasi
Sebelum menerapkan panduan lengkap, evaluasi secara kritis apakah aplikasi Anda benar-benar memerlukannya. Sering kali, fitur kompleks dapat diperkenalkan secara lebih alami melalui petunjuk gerakan halus atau tooltip dalam konteks yang tidak mengganggu alur awal pengguna.
Jika izin perangkat diperlukan, gunakan "persiapan izin" untuk menjelaskan nilai akses yang diminta. Hal ini paling efektif jika dilakukan pada saat kebutuhan tertentu, bukan sebagai permintaan massal di awal pengalaman aplikasi.
Anjuran
Larangan
Saat menawarkan fitur aplikasi untuk menarik pendaftaran, pertimbangkan apakah pratinjau konten sebenarnya akan lebih persuasif daripada serangkaian slide interstisial statis. Jika Anda menggunakan panduan, selalu pastikan ada opsi yang jelas dan persisten untuk melewati atau login segera.
Sediakan cara untuk melewati dan melanjutkan nanti, seperti progres caching. Menyediakan cara untuk menyimpan akan membuat titik pemeriksaan, sehingga pengguna lebih cenderung melanjutkan dari bagian terakhir yang mereka tinggalkan daripada berhenti sama sekali. Selalu komunikasikan dengan jelas apa yang akan terjadi dengan progres apa pun untuk meyakinkan pengguna.
Penandaan visual melalui penggunaan stepper dan indikator progres membantu menetapkan ekspektasi pengguna. Elemen ini memberikan gambaran yang jelas tentang jumlah langkah yang tersisa, sehingga mengurangi tingkat pengabaian selama proses orientasi atau penyiapan yang lebih panjang.
Anjuran
Larangan
Pemulihan
Alur pemulihan harus didesain dengan empati dan menghormati privasi pengguna. Jangan hanya mengasumsikan jalur yang lancar melalui alur akun apa pun. Pastikan pengguna memiliki jalur yang jelas untuk memperbaiki error tanpa frustrasi.
Anjuran
Larangan
Jika aplikasi Anda memerlukan nama pengguna tertentu, berikan metode untuk membantu pengguna mengingat atau meresetnya dengan mudah.
Anjuran
Larangan
Meskipun pengisian otomatis kolom tertentu seperti alamat email dapat memudahkan selama pendaftaran, informasi sensitif seperti sandi tidak boleh diisi otomatis selama proses pengambilan atau reset. Selalu tetapkan masking input sensitif secara default untuk melindungi privasi pengguna di ruang publik.
SSO / Kunci sandi
Integrasi dengan library yang sudah ada seperti Kunci Sandi dan penyedia Single Sign-On (SSO) meningkatkan kepercayaan dan memberikan pengalaman yang lancar dan familier. Sistem ini memungkinkan pengguna memanfaatkan hardware dan kredensial keamanan yang ada untuk masuk ke aplikasi Anda tanpa kesulitan.
Tata letak dan komponen
Saat mendesain formulir autentikasi, penting untuk menggunakan penampungan dengan mengelompokkan entri yang serupa dan terkait, seperti menempatkan kolom "nama depan" dan "nama belakang" berdekatan. Tindakan ini membantu mendesain tata letak fleksibel yang dapat diatur ulang.
Hindari membuat formulir panjang yang dapat di-scroll, yang merupakan sumber utama frustrasi pengguna.
Sebelum menyertakan kolom input apa pun, nilai secara kritis apakah informasi tersebut benar-benar diperlukan. Jika pengguna tidak sengaja keluar dari formulir yang panjang, mewajibkan mereka untuk memasukkan kembali informasi yang lengkap dapat menyebabkan tingkat pengabaian yang tinggi.
Anjuran
Larangan
Tata letak yang diperluas
Saat mengadaptasi tata letak untuk tampilan yang diperluas atau lanskap, desainer harus memastikan antarmuka pengguna tetap dapat digunakan dan estetis. Secara khusus, hindari merentangkan komponen interaktif seperti tombol di seluruh lebar layar, karena hal ini dapat terlihat tidak alami dan mengurangi kegunaan.
Sebagai gantinya, terus gunakan prinsip penampungan, tetapkan lebar maksimum yang wajar untuk elemen formulir dan blok konten guna mempertahankan keterbacaan dan keseimbangan visual di seluruh tampilan yang lebih besar.
Larangan
Komponen edukasi pengguna
Saat memperkenalkan pengguna ke fitur dan orientasi baru, beberapa komponen dapat digunakan. Tooltip dan dialog yang lengkap dapat membantu menyoroti penemuan fitur dan mengedukasi pengguna dalam aplikasi Anda. Sheet dapat memberikan status interstisial untuk menampilkan konten orientasi dan edukasi.
Bentuk lainnya
Orientasi dapat mencakup penyerahan perangkat untuk penggunaan aplikasi lintas bentuk dan diperluas.
Pengalaman aplikasi seluler dapat memberikan cara yang lebih ergonomis dan nyaman untuk mengelola autentikasi, sehingga orientasi dapat berasal dari bentuk lainnya. Misalnya, pengguna dapat menyelesaikan login di perangkat seluler yang dimulai di aplikasi Google TV.
Jika aplikasi Anda memiliki aktivitas yang diperluas pada bentuk lainnya, seperti Kacamata AI atau Wear OS, berikan perintah penemuan dan edukasi pengguna untuk mengorientasi pengguna. Pelajari lebih lanjut cara mendesain pengalaman orientasi kacamata AI.
Penulisan UX
Gunakan mekanisme masukan yang tidak mengganggu seperti Snackbars dan Toasts untuk mengonfirmasi tindakan pengguna atau memberikan update status singkat. Hal ini memastikan pengguna merasa mendapatkan informasi tentang status sistem tanpa mengharuskan mereka menutup dialog modal untuk masukan kecil.
Nada
Nada tulisan Anda selama error sangat penting; hindari bahasa yang mengejek atau membuat pengguna frustrasi. Gunakan teks yang jelas, membantu, dan mendorong yang berfokus pada solusi, bukan kesalahan, terutama selama momen yang penuh tekanan seperti pemulihan sandi.
Resource
Temukan template orientasi, alur pengguna, dan aset edukasi pengguna di Android Onboarding Figma Kit.