Desain Pengalaman Pengguna
Pengalaman onboarding adalah salah satu pengalaman pengguna terpenting di aplikasi Anda. Pengalaman onboarding yang berkualitas tinggi dapat menghasilkan tingkat konversi di atas 90% dan mendorong orang menjadi lebih berinteraksi dan lebih menguntungkan.
Dengan Facebook Login, orang dapat mulai menggunakan aplikasi Anda dengan cepat dan mudah, dan menikmati pengalaman yang lebih dipersonalisasi dan lebih bermakna. Dalam dokumen ini, kami menawarkan tips dan pertimbangan untuk membuat pengalaman login pengguna yang hebat menggunakan Facebook Login.
1. Tampilkan manfaat sebelum mengajak orang untuk login
Ketika memutuskan bagian dalam pengalaman pengguna untuk mengajak orang login, tanyakan kepada diri Anda sendiri pada titik apa orang akan menghargai sesuatu yang ditawarkan oleh aplikasi Anda yang membuat mereka memercayakan informasi mereka pada aplikasi Anda.
Hal ini sering dipengaruhi oleh pengalaman orang sebelum mengunduh aplikasi tersebut, tetapi ada banyak hal yang dapat Anda lakukan untuk lebih memengaruhinya dengan menggunakan desain di dalam aplikasi.
Berikut ini beberapa pendekatan desain guna mendorong lebih banyak orang untuk login:
- Berikan pernyataan yang jelas dan ringkas tentang apa yang ditawarkan oleh aplikasi Anda
- Berikan informasi sekilas tentang konten yang akan mereka dapatkan setelah mereka login
- Berikan pengalaman baru bagi pengguna
- Izinkan orang mencoba aplikasi Anda tanpa harus membuat akun
Berikan pernyataan yang jelas dan ringkas tentang apa yang ditawarkan oleh aplikasi Anda
Berikan pernyataan yang jelas, ringkas, dan menarik tentang apa yang ditawarkan oleh aplikasi Anda. Mungkin sudah cukup lama berselang sejak mereka mengunduh aplikasi tersebut atau membaca tentang aplikasi tersebut di app store.
Berikan informasi sekilas tentang konten yang akan mereka dapatkan setelah login
Berikan informasi sekilas tentang konten yang tersedia untuk orang-orang sebelum login, seperti foto latar belakang dalam contoh ini. Ini tidak perlu detail, bahkan gambar kabur dari pinboard Pinterest akan mendorong lebih banyak orang untuk login ke Pinterest.
Berikan pengalaman baru bagi pengguna
Jika aplikasi Anda membutuhkan edukasi tambahan untuk memperoleh pengalaman terbaik, masukkan demo beberapa langkah di atas tombol Login Anda. Hal ini memberi orang pilihan untuk mempelajari selengkapnya atau langsung login jika sudah siap.
Izinkan orang mencoba aplikasi Anda sebelum login
Jika memungkinkan, izinkan orang merasakan aplikasi sebelum meminta mereka login. Misalnya, banyak aplikasi ecommerce seperti Zulily yang tidak mengharuskan orang untuk login kecuali mereka sudah siap melakukan proses pembayaran.
2. Hindari langkah yang tidak diperlukan
Salah satu cara paling efektif untuk meningkatkan tingkat konversi Anda adalah dengan mengurangi langkah yang tidak diperlukan.
Hindari meminta pengguna untuk terlebih dahulu mengetuk “Login” atau “Daftar” untuk membuka tombol Facebook login. Dengan Facebook Login, langkah ini tidak diperlukan. Orang tidak perlu berhenti dan berpikir apakah mereka mempunyai akun atau tidak.
Selain itu, setelah orang login dengan Facebook, jangan meminta mereka untuk membuat nama pengguna atau kata sandi. Salah satu alasan paling populer orang login dengan Facebook adalah karena “cepat dan mudah dan saya tidak perlu memasukkan kata sandi”. Setelah login dengan Facebook, pada umumnya orang tidak ingin membuat nama pengguna atau kata sandi.
3. Tombol Facebook Login
Tombol Facebook Login yang disertakan dengan SDK kami mudah diintegrasikan dan berisi panduan internal yang memastikan konsistensi desain dan pengalaman.
Untuk memungkinkan pembuatan akun dan untuk Facebook Login, label yang disarankan adalah "Lanjutkan dengan Facebook" atau "Login dengan Facebook" sesuai dengan konteksnya.
Penggunaan “Login dengan Facebook” yang disetujui
Penggunaan “Lanjutkan dengan Facebook” yang disetujui
Penggunaan “Lanjutkan sebagai [Nama]” yang disetujui
Desain login di atas disarankan dan akan disetujui oleh peninjau kami. Namun, jika Anda perlu membuat versi yang khusus untuk kebutuhan Anda, panduan di bawah ini harus diikuti.
Logo
Untuk membangun pengakuan dan kepercayaan, selalu gunakan Logo “f” yang disetujui, tersedia di Pusat Sumber Daya Merek Facebook.
Saat menggunakannya dalam desain tombol login, Logo "f" harus muncul sebelum ajakan bertindak. Jangan menggunakannya sebagai bagian dari ajakan bertindak dengan mengatakan 'Login dengan Logo "f"'.
Warna
Warna merupakan salah satu cara terbaik untuk mengenali sesuatu dengan cepat. Dari sudut pandang kegunaan, makin cepat orang mengenali tombol Anda dan kegunaannya, maka makin cepat mereka ingin mengetuk tombol tersebut dan makin lancar pula pengalamannya.
Warna tombol adalah putih dan biru Facebook: 5890FF. Di seluruh dunia, saat orang membahas Facebook Login, mereka sering menyebutnya sebagai "tombol warna biru". Jika Anda tidak dapat menggunakan biru Facebook, gunakan hitam dan putih.
NILAI WARNA BIRU FACEBOOK
- CMYK Berlapisan: 83 / 52 / 00 / 00
- CMYK Tanpa Lapisan: 77 / 36 / 00 / 00
- PMS 2727C
- PMS 2382U
- Hex #1877F2
- R = 24 G = 119 B = 242
Teks
Label yang disarankan adalah "Lanjutkan dengan Facebook" atau "Login dengan Facebook" sesuai dengan konteksnya. Saat menggunakan “f” Logo dengan ajakan bertindak, gunakan versi resmi yang tersedia untuk diunduh di Pusat Sumber Daya Merek Facebook.
Tempatkan teks ajakan bertindak di dalam tombol login, dan jangan di luar tombol.
Pilih jenis fon, ukuran fon, dan spasi yang terlihat bagus di aplikasi Anda, tetapi optimalkan agar mudah dibaca.
Penempatan
Tombol login Anda haruslah dapat dikenali dan diketuk secepat dan semudah mungkin. Pada perangkat seluler, ini berarti dekat dengan ibu jari dan cukup besar untuk diketuk dengan mudah. Sederhana tetapi benar; tombol yang besar mengonversi lebih baik dibandingkan dengan tombol kecil.
Logo "f" disediakan dalam berbagai ukuran agar sesuai dengan bermacam ukuran tombol, tetapi proporsi dan gaya tipografinya harus konsisten.
Saran dan Larangan
HARAP gunakan Logo “f” yang disetujui, tersedia di Pusat Sumber Daya Merek Facebook dan ikuti panduan penggunaannya.
HARAP gunakan label yang disarankan "Lanjutkan dengan Facebook" atau "Masuk dengan Facebook" pada tombol login sesuai konteksnya, dan pastikan teksnya berada di dalam desain tombol.
JANGAN ubah Logo "f" bagaimanapun, seperti dengan mengubah desain, skala, warna, atau variasi tertentu lainnya. Jika Anda tidak dapat menggunakan warna yang benar karena keterbatasan teknis, maka gunakan hitam dan putih.
JANGAN gunakan Logo "f" pada tombol tanpa ajakan bertindak yang sesuai, disarankan "Lanjutkan dengan Facebook" atau "Login dengan Facebook"
JANGAN tempatkan teks ajakan bertindak (contohnya: Lanjutkan dengan Facebook) di luar tombol login.
4. Izin
Mintalah hanya izin yang Anda perlukan
Makin sedikit izin yang Anda minta, maka makin mudah bagi orang untuk merasa nyaman dalam memberikannya. Kami melihat bahwa dengan meminta lebih sedikit izin biasanya menghasilkan konversi lebih besar.
Anda dapat selalu meminta izin tambahan nanti setelah orang memiliki kesempatan mencoba aplikasi Anda.
Keuntungan tambahan dari meminta lebih sedikit izin adalah Anda tidak perlu mengajukan aplikasi Anda untuk Tinjauan Login. Anda hanya perlu mengajukan permohonan Tinjauan Login jika meminta izin selain public_profile dan email.
Mintalah izin yang sesuai konteks dan jelaskan alasannya
Orang-orang kemungkinan besar akan menerima permintaan izin ketika mereka memahami alasan mengapa aplikasi Anda memerlukan informasi itu untuk menawarkan pengalaman yang lebih baik. Jadi, Anda harus memicu permintaan izin saat orang-orang mencoba menyelesaikan tindakan di aplikasi Anda yang memerlukan izin tertentu.
Contoh: aplikasi Facebook hanya meminta Layanan Lokasi saat orang-orang secara eksplisit mengetuk tombol lokasi saat memperbarui status mereka.
5. Sediakan cara untuk keluar
Setelah orang login, Anda juga harus memberikan cara untuk keluar, memutuskan sambungan akunnya, atau menghapus semuanya. Selain sebagai sopan santun, ini juga merupakan persyaratan Kebijakan Developer untuk Login kami.
Aplikasi jalan bareng Tinder, misalnya, memberi Anda pilihan untuk menyembunyikan kartu profil Anda sehingga orang tidak akan menemukan Anda, membuat Anda keluar, atau menghapus seluruh akun Anda.
6. Uji dan ukur
Bahkan desainer terbaik pun tidak mendapatkan alur onboarding yang tepat pada percobaan pertama. Pengalaman onboarding yang bagus biasanya hasil dari desain dan pengujian yang dipikirkan dengan baik, dengan banyak pengulangan.
Sebelum Anda meluncurkan aplikasi, lakukan uji kegunaan kualitatif untuk mengetahui bagaimana orang menanggapi sesuatu yang mereka lihat. Tidak harus formal agar bermanfaat, tetapi pastikan untuk melihat orang-orang merasakan pengalaman tersebut.
Selain pengujian kualitatif, gunakan analitik untuk mengetahui apakah orang menyelesaikan proses dan mengetahui tingkat konversi mereka secara keseluruhan. Aplikasi praktik terbaik dapat melihat tingkat konversi lebih dari 90%.