Pengembangan sampel layar masuk teratas harus dipertimbangkan pada tahun 2022
Diterbitkan: 2022-09-07Halaman login mungkin tampak seperti renungan saat membuat aplikasi. Layar masuk jarang muncul, dan layar pendaftaran hanya muncul saat pengguna mendaftar. Berapa banyak fokus yang dibutuhkan satu layar? Sedikit, tepatnya.
Layar masuk aplikasi seluler bertindak sebagai pintu masuk. Setelah mengunduh aplikasi, kesan awal pengguna adalah antarmukanya. Untuk menghindari frustrasi pengguna pada kendala pertama, pastikan pengguna Anda dapat dengan mudah menavigasi dan mengisi halaman login. Untuk mencapai tujuan bisnis Anda, pekerjakan pengembang Flutter dari Flutter Agency ( www.flutteragency.com ) seperti perusahaan untuk memastikan layar masuk aplikasi Anda mengikuti struktur yang benar.
Kami telah memasang daftar beberapa layar masuk terbaik di luar sana untuk Anda gunakan sebagai inspirasi untuk proyek UI seluler Anda yang akan datang.
PayPal
PayPal memenangkan penghargaan untuk kesederhanaan. Jika bukan karena logo PayPal kecil di bagian atas login, Anda tidak akan tahu di mana Anda berada.
Halaman login ini memiliki fitur unik: terbagi menjadi dua bagian. Anda memasukkan alamat email Anda dan tekan tombol berikut untuk mengubah kata sandi Anda. Basis pengguna PayPal tumbuh lebih dari 13% dari tahun ke tahun pada kuartal keempat tahun 2021 , dibandingkan dengan periode yang sama pada tahun 2020.
Tidak ada gambar latar atau animasi di halaman login LinkedIn. Namun, halaman login tidak harus indah secara estetika dalam jangka panjang. Ini adalah jalur langsung menuju tujuan, ideal untuk halaman desain bebas gangguan.
Kesederhanaan desain halaman login LinkedIn mencerminkan hal ini. Ini mencentang semua kotak yang diperlukan dengan salinan ceria dan motivasi, kemampuan untuk masuk dengan nomor telepon Anda, dan opsi untuk menampilkan kata sandi.
Itu melakukan apa yang seharusnya dan memberi orang rasa penegasan jika mereka membutuhkannya. Selain formulir login, apa lagi yang kami butuhkan?
Uber
Halaman masuk Uber memiliki beberapa gambar kreatif pada merek. Halaman pendaftaran kemungkinan tidak akan terlihat untuk waktu yang lama, tetapi penambahan daya tarik visual dan sedikit kehidupan dapat membantu membuat pengguna tetap terlibat.
Geografis Nasional
Tidak ada kejutan mengenai proses masuk di National Geographic. Karena ini adalah contoh formulir login yang layak, tidak banyak yang bisa dikatakan tentangnya. Perusahaan di Amerika Serikat dan Kanada sering menggunakan kasus judul, dan National Geographic mengikutinya.
Contoh lain menunjukkan campuran kasus judul dan kalimat dalam judul. Menulis dengan gaya yang akrab bagi audiens yang dituju membantu pembaca membayangkan baris ini seolah-olah diucapkan oleh orang sungguhan.
Sedang
Media mungkin merupakan pemenang yang jelas untuk situs login yang ramah pengguna. Sebagai permulaan, pengguna tidak langsung diminta untuk memberikan alamat email, nama pengguna, atau kata sandi lainnya.
Anda dapat memperoleh akses ke platform berdasarkan penggunaan jaringan media sosial utama lainnya, seperti Facebook atau Twitter. Bagi mereka yang lebih menyukai metode login yang lebih tradisional, mereka dapat memilih opsi Masuk dengan Email.
Gaya dasar halaman masuk ditingkatkan dengan penggunaan warna putih sebagai warna utama. Namun, sesuai dengan identitasnya, Medium menyertakan beberapa grafik dinamis yang memberi kesan gerakan pada layar.
Spotify
Halaman login Spotify adalah sebuah karya seni. Tidak ada gambar atau elemen visual lainnya pada latar belakang putih yang terlihat oleh pengguna. Selain memungkinkan pengguna untuk masuk melalui Facebook, Spotify juga menawarkan opsi untuk tetap masuk.
Formulir login ini memiliki validasi sebaris di bagian nama pengguna dan kata sandi, yang menurut kami merupakan sentuhan yang bagus karena membantu membuat status lebih ramah pengguna. Setelah upaya login yang gagal, jenis validasi lain muncul di atas formulir login.
Tidak ada yang salah dengan menggunakan warna dan pembatalan sinyal visual lainnya. Selama tiga bulan pertama tahun 2022, Spotify memiliki 182 juta anggota premium di seluruh dunia.
Dropbox
Formulir login Dropbox muncul sebagai modal vertikal yang memanjang saat pengguna mencapai bagian atas halaman, tepat di beranda mereka. Ketika pengguna menggulir ke bawah beranda, itu kemudian runtuh. Dibutuhkan sebagian besar halaman, dan warna yang digunakan di dua bagian ini cukup berbeda.
Akibatnya, formulir login dibedakan dari halaman lainnya dengan kontras yang mencolok. Kami menikmati validasi email dan pilihan login media sosial.
MailChimp
Desain ulang diperlukan karena Mailchimp tumbuh menjadi platform pemasaran yang lengkap. Beberapa modifikasi telah dilakukan pada halaman login mereka sejak terakhir kali mereka mengubahnya.
Salah satunya adalah penambahan ciri karakter yang khas. Karya seni mereka aneh, digambar tangan, namun sangat cocok. Selain dapat masuk secara normal, halaman masuk ini memungkinkan Anda mempelajari cara lebih terhubung dengan audiens Anda, yang mungkin diminati oleh banyak pengguna Mailchimp untuk mempelajari cara mencapainya.
Meskipun kata-kata di layar login ini jarang, bagian kata sandi/nama pengguna yang terlupakan masih tetap jelas dan konsisten.
sephora
Halaman login di Sephora menggunakan jendela modal sebagai elemen antarmuka pengguna utamanya. Mereka memiliki kemampuan bahasa Inggris yang sangat baik. "Apakah kamu ingat kata sandimu?" hanya itu yang diperlukan untuk membedakan antara masuk dan mendaftar.
Selain itu, kami berterima kasih atas upaya tambahan yang dilakukan untuk memvalidasi alamat email yang dimasukkan ke dalam formulir. Alih-alih hanya memperingatkan pengguna tentang kesalahan dalam email mereka, ini juga menyediakan format yang benar untuk setiap email terpisah. Meskipun fiturnya kecil, itu dihargai oleh beberapa orang di dunia maya.
berbagi keterampilan
Konsumen dapat masuk ke layanan menggunakan akun media sosial mereka dengan satu klik. Tidak perlu memasukkan kata sandi atau informasi pribadi lainnya. Skillshare secara mencolok menampilkan opsi masuk sosial di bagian paling atas formulir masuk.
Namun, jika Anda memilih untuk tidak melakukannya, Anda dapat memasukkan alamat email dan kata sandi Anda langsung di bawah. Formulir login ini melakukan tugasnya.
Kesimpulan
Formulir login menguji seberapa sederhana Anda dapat membuat pengguna Anda login. Buat formulir login yang mudah digunakan dengan menyertakan login sosial, teks placeholder, dan pelabelan yang berbeda. Flutter Agency, perusahaan pengembangan aplikasi Flutter terkemuka, membantu Anda mendapatkan sumber daya Flutter terbaik dan akses ke alat terbaru.