Contoh-contoh format Login web yang bagus

Sekarang seluruh web modern, kita melihat sejumlah besar tempat untuk input pengguna. Ini termasuk shopping cart, game web interaktif, dan pasti bentuk pendaftaran situs. Tampaknya tidak hanya desainer harus bisa fokus pada desain halaman, tetapi estetika bentuk juga peran yang sama penting.

Pertimbangkan berapa banyak bentuk yang Anda mungkin telah mengisi selama sejarah Internet Anda. Ada banyak sekali contoh ini dari forum, papan pesan, blog, dan lebih banyak. Dalam artikel ini kita akan mengambil melihat beberapa trik yang bagus untuk merancang halaman Anda bentuk.

Adalah bijaksana untuk mempertimbangkan beberapa item di sini dari perspektif objektif. Meskipun banyak masuk dan formulir pendaftaran bekerja dengan baik dengan satu jenis situs, tidak ada panggilan penilaian akhir pada apa yang "terbaik" solusi. Gunakan intuisi desain Anda untuk menerapkan potongan-potongan dari bentuk Anda bercita-cita menuju.

Pertimbangkan Masukan Beberapa

TUntuk memulai hal-hal mempertimbangkan formulir kontak kecil dari Foundation Six Web Design. Ya ini bukan form login sehingga dapat mengarahkan sedikit off topic. Namun, desain halaman mereka sangat mengesankan dan itu menunjukkan Anda apa yang sedikit kreativitas dapat mencapai.
Masing-masing input menawarkan ruang bagi Anda untuk mengetik informasi kontak pribadi - nama, e-mail, dll gaya jauh melampaui biasa, menawarkan input pengguna dalam jenis kaligrafi tulisan tangan. Jenis format akan menjaga pengguna Anda dalam keadaan heran dan mencapai tujuan desain standar yang jauh lebih tinggi.

Anda akan ingin menerapkan gaya seperti ini mirip dengan semua halaman login Anda. Saya pasti tidak akan merekomendasikan menempel dengan gaya yang sama dari input teks dan pilihan / menu pilih. Ketika joging otak Anda untuk kreativitas, mempertimbangkan bagaimana setiap elemen harus diletakkan: banyak ruang antara lapisan, besar teks yang mudah dibaca-, dan link sidebar bahkan langsung garis mereka e-mail.

jQuery Login Boxes

Hal ini telah digunakan pada website yang tak terhitung jumlahnya di masa lalu dan pasti akan dilihat dalam era baru desain. Lama pergi adalah hari-hari di mana praktik standar akan membawa pengguna ke sebuah halaman baru untuk setiap langkah dari proses login. Biasanya ini berarti halaman untuk input data dan juga halaman baru untuk memproses informasi login.

Pixel2Life menawarkan beberapa wawasan yang fantastis ke dalam bidang baru input data. Dari situs mereka Anda dapat mengklik link login dan memunculkan kotak jQuery bertenaga masuk dinamis. Formulir ini berisi panggilan Ajax ke skrip PHP eksternal yang memeriksa mandat dari informasi login Anda dan, setelah diolah, baik hibah atau menolak akses.

Mungkin lebih cerdik akan melihat link pendaftaran langsung di bawah kotak login. Ini menawarkan pengalaman pengguna yang lebih halus bagi mereka yang ingin mendaftar untuk situs web tetapi tidak dapat menemukan link pendaftaran.

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

Registrasi Sederhana One-Page

Lain pergeseran paradigma kita lihat kurang rinci seperti untuk pendaftaran account baru. Hal ini tidak selalu statistik buruk dengan asumsi pengguna tidak sabar untuk mengisi data. Angka-angka benar-benar menyarankan situs web dengan halaman pendaftaran pendek mengumpulkan daftar berat dari pengguna baru setiap hari.

Sikbox menawarkan pilihan ringan bagi pengunjung untuk membuat kotak pencarian mereka sendiri untuk sebuah situs web. Satu-satunya persyaratan adalah domain kustom Anda sendiri yang memberikan hasil pencarian untuk. Field input besar, teks sangat sederhana untuk membaca dan sama sekali tidak ada iklan untuk mengalihkan perhatian pengguna dari tugas membangun bentuk pencarian mereka!

Sekarang ini bukan bentuk terbaik untuk membangun off saat membuat halaman pendaftaran Anda sendiri untuk forum atau blog arsip. Ini akan, menurut definisi standar, setidaknya memerlukan beberapa jenis e-mail / kombinasi username beserta password. Beberapa era baru aplikasi web akan menghasilkan password yang dinamis bagi pengguna hanya untuk membuat proses pendaftaran lebih cepat.
Tentu saja, trade-off di sini adalah kurang kontrol pada akhir pengguna untuk menghasilkan password mereka sendiri yang banyak orang terbiasa.

Membangun Efek Flashy off

Salah satu pengalaman signup terbesar yang pernah kumiliki adalah menciptakan akun Tumblr account. Home page situs mereka menawarkan login dan formulir pendaftaran ditempatkan langsung di bawah satu sama lain dengan baru CSS3 sorot / efek memudar.

Pendekatan sistematis serupa mengenai wilayah masuk jQuery Pixel2Life itu. Namun, bedanya dengan Tumblr adalah jaringan tidak dapat menawarkan konten apapun kepada mereka tanpa blog (selain dari browsing rekening orang lain). Manfaat nyata dari tumblr adalah menciptakan blog Anda sendiri dan orang lain mengikuti - sehingga tujuan utama Anda di halaman depan adalah baik untuk membuat akun atau login

Ada beberapa bug dengan sistem ini. Terutama dalam IE6/IE7 tidak mendukung CSS properti baru ini. Juga digunakan pada home page adalah sebuah sistem untuk menambahkan elemen label ke nilai masukan bentuk - pada dasarnya mengesampingkan "default" karakter yang digunakan untuk email / kotak sandi.

Label ini memudar pada fokus di browser modern seperti Chrome / Firefox. Tapi tidak beruntung dengan browser usang yang, karena Anda bisa bayangkan, cukup menjengkelkan mencoba untuk membaca kembali masukan Anda sendiri!

20+ Contoh Desain Form yang Indah

Di bawah ini adalah galeri Roundup cepat dari beberapa desain form login yang fantastis. Ini telah diambil dari seluruh web dan mencakup berbagai bentuk aplikasi web. Jika Anda memiliki saran untuk situs lain merasa bebas untuk berbagi di bagian komentar di bawah ini!

Snoggle News