Sepuluh Langkah Menuju Bentuk Intuitif dalam Desain Situs Web

Formulir Anda adalah salah satu elemen terpenting di situs web Anda, baik untuk pengguna maupun perusahaan Anda. Yang terbaik, formulir berinteraksi dengan pengunjung dan ramah pengguna. Formulir yang baik mendorong pengunjung untuk mengisinya untuk umpan balik, langganan, pemesanan, dan pendaftaran.

Paling buruk, formulirnya kikuk, sulit dinavigasi, dan mengurangi kesan keseluruhan halaman Anda. Bagaimana kami membuat formulir situs web yang intuitif dan efisien, dan bagaimana mereka mendorong nilai bisnis?

Anda mungkin juga ingin membaca 10 Metode untuk Mengoptimalkan Formulir Anda untuk Perangkat Seluler.

Mengambil Isyarat dari Google

Mesin pencari favorit kami telah melihat banyak pembaruan algoritme selama beberapa tahun terakhir, semuanya demi memudahkan pengguna menemukan apa yang mereka cari dengan mudah.

Baru-baru ini, Google telah berusaha menjadikan pencarian lebih seperti berbicara dengan teman. Pengguna sekarang berharap mendapatkan apa yang mereka cari dengan menggunakan bahasa sehari-hari. Ini telah meluas ke desain web, dan pengunjung mengharapkan faktor manusia dalam pengkodean dan pembelajaran mesin.

Hal ini menyebabkan peningkatan antarmuka pengguna bahasa alami dan bentuk bahasa alami yang bertujuan untuk mendapatkan informasi pengguna dengan cara yang lebih manusiawi dan menarik. Perusahaan berusaha untuk mencerminkan proses mental pengguna, daripada presentasi tradisional (dan kaku) dari bentuk tradisional.

Template yang dapat disesuaikan dan plugin bawaan membuat ini lebih mudah dari sebelumnya. Sementara formulir intuitif mengambil banyak pekerjaan kasar dari desain formulir, praktik terbaik masih menentukan bagaimana, kapan, dan di mana pengguna melihat formulir di situs web Anda.

Praktik Terbaik untuk Penggunaan Formulir

Di mana dan bagaimana kami menampilkan formulir dengan cara yang paling berguna bagi pengguna (dan untuk perusahaan Anda)? Ikuti panduan ini:

1. Minta Informasi yang Diperlukan Saja dan Ikuti Format yang Logis

Bentuk terbaik bukanlah tuntutan akan informasi, tetapi percakapan, seperti yang diilustrasikan oleh pemrosesan bahasa alami. Seperti percakapan logis apa pun, ini harus mengikuti komunikasi antara pengguna dan aplikasi (atau situs web) Anda. Capai ini dengan:

• Mengajukan pertanyaan secara berurutan, dari sudut pandang pengguna. Ini termasuk menyajikan informasi dengan cara yang bermakna dan logis (seperti yang kita lakukan dalam percakapan). Jika tidak ada urutan yang berarti, urutkan opsi berdasarkan abjad.
• Saat membuat formulir, tanyakan mengapa Anda mengajukan setiap pertanyaan dan apa yang Anda rencanakan dengan informasi tersebut. Ini membantu menghilangkan pertanyaan yang tidak perlu dan meningkatkan kemungkinan mempertahankan perhatian pengguna. Mengurangi upaya pengguna adalah langkah terpenting dalam meningkatkan tingkat penyelesaian Anda.

2. Gunakan Format Kolom Tunggal

Formulir Anda harus berisi informasi yang diperlukan saja, yang membuatnya cukup singkat untuk menggunakan format satu kolom. Bidang yang berdekatan secara horizontal mengharuskan pengguna untuk memindai dalam bentuk "Z", yang memperlambat pemahaman dan menyebabkan kelambatan perhatian pengguna. Formulir terbaik memiliki jalur penyelesaian yang jelas – langsung ke bawah halaman.

Formulir Pemesanan oleh Wen Tong.

3. Minimalkan Upaya Mengetik

Lakukan segala upaya untuk meminimalkan jumlah bidang input dan upaya pengetikan yang diperlukan pengguna Anda, terutama di perangkat seluler. Menu tarik-turun, kotak centang, dan tombol radio tidak hanya meminimalkan upaya pengguna Anda, tetapi juga mengatasi jumlah kesalahan yang melekat dalam pengetikan, terutama di perangkat seluler.

4. Ukuran Bidang dan Data Input

Lakukan langkah-langkah untuk memastikan ukuran kolom proporsional dengan data yang Anda minta. Studi terbaru tentang toko eCommerce menemukan bahwa 79 persen dari semua pengguna meninggalkan keranjang mereka saat checkout.

Salah satu alasan? Kebingungan tentang ukuran bidang. Studi menunjukkan bahwa jika bidang terlalu panjang atau terlalu pendek untuk jumlah informasi yang diperlukan, pengguna bertanya-tanya apakah mereka mengisi formulir dengan benar. Ini terutama berlaku untuk bidang Kode Verifikasi Kartu. Pastikan informasi Anda dapat masuk dengan nyaman dalam bidang yang diberikan – tidak terlalu besar, tidak terlalu kecil.

Formulir Pembayaran Pembayaran oleh Black Flag Creative.

5. Format dengan Fleksibilitas

Beberapa formulir memerlukan data dengan presentasi yang benar berbeda. Misalnya, nomor telepon bisa 123-456-7890, atau (123) 456-7890. Jadikan pemformatan Anda menerima presentasi apa pun dari nomor telepon.

Hal yang sama berlaku untuk ulang tahun dan tanggal pemesanan (yang dapat Anda tampilkan sebagai kalender menu drop-down). Tujuannya adalah untuk memberikan opsi fleksibel sebanyak mungkin untuk kenyamanan pengguna Anda.

Bentuk Bidang oleh Lacey Ankenman.

6. Bidang Opsional Versus Wajib

Idealnya, setiap masukan data pada formulir Anda akan diperlukan (karena Anda hanya meminta informasi yang diperlukan). Jika Anda harus memasukkan input opsional (contohnya mungkin unit gedung atau nomor apartemen dalam formulir alamat), pastikan untuk memberi label seperti itu.

Tanda bintang merah di sebelah informasi yang diperlukan adalah praktik umum. Jika Anda menyertakan bidang opsional, batasi menjadi satu atau dua.

8. Singkirkan Kesalahan Reset

Dulu ada konvensi untuk menambahkan tombol setel ulang ke formulir, tetapi kami tidak menyarankan praktik ini. Bayangkan frustrasinya mengisi formulir, hanya untuk secara tidak sengaja menekan ulang dan kehilangan semua pekerjaan Anda!

Apakah Anda akan mengisi formulir lagi atau menutup jendela saja? Kami pikir begitu. Hindari skenario ini dengan membiarkan tombol setel ulang dari formulir Anda – ini lebih berbahaya daripada kebaikan.

9. Pikat Pengguna Anda untuk Mengisi Formulir

Salah satu kunci untuk membuat pengguna Anda mengisi formulir adalah membuat mereka ingin melakukannya. Berikut adalah beberapa contoh bagaimana situs web Anda dapat memikat pengguna untuk mengisi formulir Anda:

• Berikan daftar manfaat pengguna untuk pengisian formulir. Ini mungkin daftar manfaat, fitur, atau cara Anda membantu pelanggan. Bahkan mungkin kode promo untuk pembelian di masa mendatang setelah selesai.
• Bangun kredibilitas merek Anda dengan memberikan bukti sosial, misalnya, testimonial klien atau tampilan di sekitar formulir Anda. Ini menunjukkan bahwa orang mengandalkan Anda untuk menyediakan produk atau layanan penting. Ini juga membantu menciptakan hubungan manusia dengan merek – sertakan gambar untuk membawanya pulang.
• Beri tahu pengguna secara eksplisit bahwa Anda menghargai privasi mereka dan mereka tidak akan menerima spam apa pun.

Formulir Multi Langkah oleh Michael But.

10. Buat CTA yang Menarik

Pentingnya ajakan bertindak Anda tidak dapat diremehkan, karena ini adalah langkah pertama dalam proses konversi dan akan memaksa pengguna untuk menekan tombol pendaftaran tersebut. Beri tahu pengguna apa yang Anda lakukan, mengapa mereka membutuhkan Anda, dan apa yang membedakan Anda – dan lakukan dengan cepat. Kedengarannya sulit, tetapi tip berikut akan membantu:

• Tempatkan diri Anda pada posisi pelanggan Anda. Ubah satu kata dalam konten CTA Anda: Ambil "Anda" dan ubah menjadi "Saya". Studi terbaru menemukan bahwa peralihan sederhana ini meningkatkan konversi sebesar 90 persen.
• Berani. Gunakan warna, bentuk, font, kata, dan penempatan yang menarik perhatian pengguna dan menarik perhatian mereka. Pilih warna yang berani dan kontras yang mengomunikasikan tindakan dengan jelas kepada pengunjung Anda.
• Pertimbangkan untuk menempatkan CTA Anda di navigasi utama atau footer, sehingga terlihat di seluruh situs Anda.

Bentuk Intuitif Menciptakan Nilai Bisnis

Formulir yang dapat memikat pengunjung Anda dan mudah diisi membuat peningkatan waktu yang dihabiskan di halaman web Anda dan pada akhirnya mendorong lebih banyak pelanggan ke produk atau layanan Anda. Pentingnya bentuk yang baik tidak mungkin dilebih-lebihkan.

Tarik pengguna Anda ke formulir Anda dengan CTA yang menarik dan buat formulir Anda mudah dinavigasi, dengan bahasa alami. Ini akan menarik pengguna Anda untuk melengkapi formulir Anda, yang akan menghasilkan lebih banyak bisnis di masa mendatang.