Gagasan Masuk / Formulir Pendaftaran dan Contoh Indah

Di seluruh web modern, kami melihat semakin banyak tempat untuk input pengguna. Ini termasuk keranjang belanja, permainan web interaktif, dan tentunya formulir pendaftaran situs web. Tampaknya tidak hanya desainer harus fokus pada desain halaman, tetapi bentuk estetika juga memiliki peran yang sama pentingnya.

Pertimbangkan berapa banyak formulir yang mungkin Anda isi selama sejarah Internet Anda. Ada banyak sekali contoh ini dari forum, papan pesan, blog, dan banyak lagi. Pada artikel ini kita akan melihat beberapa trik hebat untuk merancang formulir dalam halaman Anda.

Adalah bijaksana untuk mempertimbangkan beberapa item di sini dari perspektif objektif. Meskipun banyak formulir login dan registrasi berfungsi baik dengan satu jenis situs, tidak ada penilaian final tentang apa itu “terbaik” larutan. Gunakan intuisi desain Anda untuk menerapkan potongan-potongan dari bentuk yang Anda cita-citakan.

Pertimbangkan Beberapa Input

Untuk memulai, pertimbangkan formulir kontak kecil dari Foundation Six Web Design. Ya ini bukan formulir masuk sehingga bisa mengalihkan sedikit topik. Namun, desain halaman mereka sangat mengesankan dan menunjukkan kepada Anda apa yang dapat dicapai sedikit kreativitas.

Masing-masing bidang input menawarkan ruang bagi Anda untuk mengetik info kontak pribadi - nama, email, dll. Gaya tersebut jauh melampaui biasa, menawarkan input pengguna dalam jenis kaligrafi tulisan tangan. Pemformatan jenis ini akan membuat pengguna Anda dalam keajaiban dan mencapai tujuan standar desain yang jauh lebih tinggi.

Anda ingin menerapkan gaya seperti ini mirip dengan semua halaman login Anda. Saya tentu tidak akan merekomendasikan menempel dengan gaya input teks yang sama dan menu pilihan / pilih. Saat berlari otak Anda untuk kreativitas, pertimbangkan bagaimana setiap elemen harus ditata: banyak ruang di antara lapisan, teks besar yang mudah dibaca, dan bahkan tautan sidebar ke saluran email langsung mereka.

Kotak Masuk jQuery

Ini telah digunakan pada banyak situs web di masa lalu dan pasti akan terlihat dalam desain zaman baru. Lama berlalu adalah hari-hari di mana praktik standar akan membawa pengguna ke halaman baru untuk setiap langkah proses login. Biasanya ini berarti halaman untuk memasukkan data Anda dan juga halaman baru untuk memproses informasi login.

Pixel2Life menawarkan beberapa wawasan fantastis ke bidang input data baru. Dari beranda mereka, Anda dapat mengeklik tautan masuk dan memunculkan kotak masuk dinamis bertenaga jQuery. Formulir ini berisi panggilan Ajax ke skrip PHP eksternal yang memeriksa kredensial info login Anda dan, setelah diproses, baik memberikan atau menolak akses.

Melangkah lebih jauh, si cerdik dapat melihat tautan pendaftaran langsung di bawah kotak masuk. Ini menawarkan pengalaman pengguna yang jauh lebih lancar bagi mereka yang ingin mendaftar ke situs web tetapi tidak dapat menemukan tautan pendaftaran.

Jika pengguna tidak memiliki akun tetapi ingin membuatnya, ini membawa mereka ke halaman pendaftaran tanpa gangguan halaman kereta. Kotak login masih akan menjadi opsi yang layak untuk mengakses akun Anda sendiri, namun memungkinkan opsi memberi jalan bagi pengembalian yang lebih besar dan volume pendaftar baru yang lebih tinggi.

Pendaftaran Satu Halaman Sederhana

Paradigma pergeseran lain yang kita lihat adalah kurangnya detail untuk pendaftaran akun baru. Ini tidak selalu statistik yang buruk dengan asumsi pengguna semakin tidak sabar dalam mengisi data. Angka-angka itu sebenarnya menyarankan situs web dengan halaman pendaftaran yang lebih pendek lebih berat daftar pengguna baru setiap hari.

Sikbox menawarkan opsi ringan bagi pengunjung untuk membuat kotak pencarian sendiri untuk situs web. Satu-satunya persyaratan adalah domain khusus Anda sendiri untuk menyediakan hasil pencarian. Kolom input besar, teks sangat mudah dibaca dan ada sama sekali tidak ada iklan untuk mengalihkan pengguna dari tugas membangun formulir pencarian mereka!

Sekarang ini bukan formulir terbaik untuk membangun ketika membuat halaman pendaftaran Anda sendiri untuk forum atau arsip blog. Ini akan, menurut definisi standar, setidaknya memerlukan beberapa jenis kombinasi alamat email / nama pengguna bersama dengan kata sandi. Beberapa aplikasi web zaman baru akan menghasilkan kata sandi dinamis untuk pengguna hanya untuk mempercepat proses pendaftaran.

Tentu saja, trade-off di sini tidak memiliki kendali pada pengguna untuk menghasilkan kata sandi mereka sendiri yang banyak orang terbiasa.

Bangun Efek Mencolok

Salah satu pengalaman pendaftaran terbesar yang pernah saya miliki adalah membuat akun Tumblr pertama saya. Halaman beranda situs mereka menawarkan formulir masuk dan pendaftaran yang ditempatkan tepat di bawah satu sama lain dengan efek highlight / fade CSS3 baru.

Pendekatan sistematis ini mirip dengan area login jQuery Pixel2Life. Namun, perbedaannya dengan Tumblr adalah jaringan tidak dapat menawarkan konten apa pun kepada mereka yang tidak memiliki blog (selain menelusuri akun orang lain). Manfaat nyata dari tumblr adalah membuat blog Anda sendiri dan mengikuti orang lain - jadi tujuan utama Anda di halaman depan adalah membuat akun atau masuk.

Ada beberapa bug dengan sistem ini. Terutama dalam IE6 / IE7 tidak mendukung properti CSS baru ini. Juga digunakan pada halaman beranda adalah sistem untuk menambahkan elemen label ke dalam nilai input form - pada dasarnya mengesampingkan “standar” karakter yang digunakan untuk kotak email / kata sandi.

Label-label ini menghilang pada fokus di browser modern seperti Chrome / Firefox. Tetapi tidak ada keberuntungan dengan browser yang sudah usang yang, seperti yang dapat Anda bayangkan, cukup mengganggu mencoba membaca kembali input Anda sendiri!

20+ Contoh Desain Bentuk Cantik

Di bawah ini adalah galeri pengumpulan cepat beberapa desain formulir masuk yang fantastis. Ini telah dipilih dari seluruh web dan mencakup berbagai bentuk aplikasi web. Jika Anda memiliki saran untuk situs lain, jangan ragu untuk membagikannya di bagian komentar di bawah ini!

Berita Snoggle