Cara Mendesain & Membuat Formulir untuk Meningkatkan UX Di WordPress
Diterbitkan: 2019-04-08Meskipun menjadi aspek penting di setiap situs web, sudah menjadi rahasia umum bahwa semua orang benci mengisi formulir di web.
Tapi muncul pertanyaan…
Mengapa formulir online ini dibenci? Apa yang membuat mereka begitu menjengkelkan?
Jawabannya agak cukup sederhana dan lugas. Singkatnya, ini adalah hasil dari desain yang buruk dan penempatan yang tidak tepat; singkatnya, bentuk buruk UX adalah penyebab utama. Hari ini, dalam artikel ini, Anda akan mempelajari cara mendesain formulir yang lebih baik dan kemudian membuatnya sesuai untuk memastikan pengalaman pengguna yang luar biasa.
Bagaimana Mendesain Formulir yang Lebih Baik dan Membuatnya dengan UX yang Baik?
Sebagian besar interaksi online telah terjadi dengan formulir online dan menjadi sangat diperlukan untuk segala jenis bisnis online. Oleh karena itu, jika Anda memiliki bisnis online, Anda perlu berhati-hati dalam merancang dan menyadari penggunaan formulir yang terbaik.
Sebelum masuk ke dalam, mari kita buat daftar dalam format tabel:
1. Bentuk Desain-Otentik |
2. Tata Letak Kolom & Perataan Bagian |
3. Jaga agar Formulir Anda Sederhana dan Mudah |
4. Ajukan Pertanyaan yang Paling Relevan |
5. Berikan Opsi Alternatif |
6. Membuat Formulir Multi-Langkah |
7. Validasi Formulir Sebaris |
8. Menempatkan Formulir Sesuai |
9. Tetapkan Ajakan Bertindak yang Kuat |
10. Penempatan Label |
11. Menambahkan IsiOtomatis |
12. Tata Letak Kolom & Perataan Bagian |
13. Formulir Ramah GDPR |
14. Lain-lain |
Sekarang, lihat taktiknya
Rancang Formulir Otentik
Sebagian besar waktu formulir tampak membosankan dan kurang keasliannya karena dirancang dengan cara yang ceroboh dan tidak profesional. Penting bagi Anda untuk membuat pengguna Anda mengetahui tujuan formulir.
Langkah pertama untuk membuat pengguna mengisi formulir adalah untuk mendapatkan kepercayaan mereka dan memberikan tujuan!
Pengguna cenderung tidak memberikan informasi tentang diri mereka sendiri. Dan mengapa seseorang mempercayai data berharga mereka dengan orang asing yang gagal membangun rasa percaya? Dalam hal ini, Anda perlu memastikan bahwa informasi yang mereka berikan ada di tangan yang aman dan bagaimana informasi itu akan digunakan oleh Anda.
Saat Anda mendesain formulir yang lebih baik, Anda dapat menerapkan Google Captcha atau Goggle reCAPTCHA karena mereka mencegah formulir web dimanipulasi oleh spam. Anda akan melihat bahwa hasil dari spam akan dihapus dan yang terpenting pengguna akan merasa nyaman mengisi formulir.
Kembali ke Indeks
Tata Letak Kolom & Perataan Bagian
Studi tentang pelacakan mata telah menunjukkan bahwa formulir satu kolom lebih baik daripada formulir multi-kolom. Umumnya, kami cenderung mengisi formulir saat kami menggulir ke bawah situs web: bergerak dari atas ke bawah, dan ini adalah cara kami fokus pada konten yang kami buka

Dalam hal ini, formulir dengan banyak kolom dapat menyesatkan pengguna dan membuat mereka teralihkan dari isinya. Formulir dengan kolom paralel dapat memutus aliran dan mengganggu tetapi mempertahankannya dengan tata letak tunggal mungkin lebih mudah. Selain itu, formulir satu kolom lebih cepat diselesaikan dan meningkatkan tingkat kepercayaan hingga 95%.
Kembali ke Indeks
Jaga agar Formulir Anda Sederhana dan Mudah
Kesederhanaan memiliki kekuatan bawaan untuk membuat apa pun terasa otentik dan ramah. Hal yang sama berlaku untuk mendesain formulir web. Cobalah untuk menyederhanakan formulir web dan membuat cara komunikasi yang mudah dan sederhana. Lakukan penelitian dan jika perlu lakukan penelitian singkat tentang apa yang membuat formulir menjadi penghalang bagi penggunanya.
Ada penelitian yang menunjukkan sikap apatis pengguna untuk mengirimkan informasi ke dalam formulir. Ini berarti Anda mungkin memiliki risiko kehilangan konversi jika formulir tidak dirancang dan dikelola dengan benar. Itulah mengapa akan bijaksana untuk menjaga agar formulir terlihat sederhana dan mudah diisi.
Kembali ke Indeks
Ajukan Pertanyaan yang Paling Relevan
Untuk memastikan minat pengguna dalam mengisi formulir, tanyakan hanya apa yang benar-benar Anda butuhkan agar mereka tidak bosan. Ini harus segera diterapkan untuk memastikan UX yang lebih baik. Buatlah seminimal mungkin untuk mendapatkan hasil yang maksimal.

Satu hal, Anda harus ingat saat mendesain formulir, panjang dan jumlah kolom input dalam formulir adalah beberapa komponen utama yang perlu dipertimbangkan. Karena panjang formulir sebanding dengan tingkat drop-off. Itu berarti semakin lama formulir Anda tetap di situs Anda, semakin tinggi tingkat drop-off yang dapat Anda harapkan.
Suatu ketika, Neil Patel mengungkapkan dalam salah satu artikelnya di mana dia mengatakan bahwa dia dapat meningkatkan konversi sebesar 26% dengan hanya menghapus satu bidang formulir dari formulir kontaknya. Jadi, pastikan formulir kontak Anda berisi pertanyaan yang paling relevan.
Membuat Formulir Multi-Langkah
Merancang formulir web untuk membuat formulir multi-langkah bisa menjadi cara hebat lainnya untuk meningkatkan keterlibatan pengguna dan membuat formulir tidak terlalu mengganggu. Ini berarti membagi formulir menjadi beberapa langkah memastikan lebih sedikit kelelahan saat mengisi formulir.
Saat mendesain untuk membuat formulir multi-langkah, cobalah untuk menyimpan tidak lebih dari 2-3 bidang di langkah pertama. Selain itu, bilah kemajuan formulir memotivasi pengguna untuk menyelesaikan seluruh proses pengisian formulir juga. Ini tidak akan menimbulkan gangguan saat mengisi formulir.
Kembali ke Indeks
Validasi Formulir Sebaris
Formulir online Anda harus dirancang sedemikian rupa sehingga memastikan untuk mengumpulkan informasi yang paling valid dari pengguna. Misalnya, jika seseorang memberikan informasi yang tidak valid, formulir akan menunjukkan sinyal merah atas kesalahan tersebut. Acara ini pada akhirnya membantu pengguna saat mengisi formulir.
Ada sejumlah manfaat jika Anda menempatkan validasi di dalam formulir. Beberapa di antaranya diberikan di bawah ini:
- Validasi membantu pengguna memahami kesalahan saat mengisi formulir. Ini memastikan keakuratan data yang mereka berikan menggunakan formulir.
- Ini juga memberikan rasa percaya diri di antara pengguna. Pengisian formulir yang berhasil diselesaikan memberikan acungan jempol dengan umpan balik visual yang menggembirakan.
- Pengguna memberikan informasi yang akurat dan valid, pada saat yang sama, penerima juga mendapatkan data yang otentik.
Berikan Opsi Alternatif
Meskipun Anda memberikan cara kepada pengguna untuk mendaftar di situs Anda, pertahankan satu atau beberapa cara alternatif untuk mewujudkannya. Ini pasti akan meningkatkan minat pengguna Anda untuk mengisi formulir masing-masing.

Cara terbaik untuk memberikan opsi alternatif adalah dengan mengizinkan pengguna Anda untuk login melalui Google, Facebook, Twitter, atau bisa juga media lain. Secara keseluruhan, Anda dapat mendefinisikan ide sebagai filosofi "kurang lebih" yang perlu Anda praktikkan saat mendesain formulir.
Kembali ke Indeks
Menempatkan Formulir Sesuai
Setelah mendesain formulir web, saatnya menempatkannya di posisi yang tepat. Ini akan meningkatkan keterlibatan pengguna dan membantu membuat orang yang tepat memercayai layanan yang Anda berikan.
Beberapa statistik menunjukkan bahwa waktu keterlibatan biasanya memuncak ketika Anda menempatkan formulir di posisi teratas. Ini menarik perhatian pengguna Anda di tempat pertama ketika mereka mengunjungi situs web Anda.
Tetapi sekali lagi, menempatkan formulir berlangganan sebelum pengguna dapat melihat konten halaman Anda bisa terlalu memaksa, dan mengganggu pengguna. Singkatnya, tidak ada aturan yang ditetapkan di mana Anda harus menempatkan formulir Anda di halaman. Itu tergantung pada beberapa variabel seperti tujuan halaman tertentu, tujuan bisnis Anda, perilaku umum audiens, dll.
Pada dasarnya, Anda harus menyeimbangkan antara tujuan Anda dan apa yang mungkin dibutuhkan pengguna Anda; dan tempatkan formulir yang sesuai.
Kembali ke Indeks
Tetapkan Ajakan Bertindak yang Kuat
Statistik menunjukkan satu fakta mengejutkan bahwa 72% pemasar B2B tidak memiliki ajakan untuk bertindak di halaman interior mereka. Pastikan Anda memiliki ajakan bertindak yang kuat dan menarik. Ingatlah saat mendesain formulir bahwa CTA adalah titik kritis di antara konversi dan rasio pentalan.

CTA yang cocok berakhir dengan banyak klik karena memaksa pengguna untuk bertindak positif. Selain itu, terlalu banyak CTA juga membuat orang bingung dan Anda harus yakin tentang apa yang Anda tawarkan dan salinan CTA harus menunjukkannya.
Secara keseluruhan, ukuran, warna, dan teks CTA harus signifikan agar dapat menciptakan dampak. Anda dapat menyelaraskan CTA dengan suara dan nada merek Anda. Cobalah untuk menciptakan rasa urgensi yang dapat berdampak pada pengguna kasar.
Kembali ke Indeks
Penempatan Label
Label memberi tahu pengguna tentang informasi yang mereka butuhkan untuk dimasukkan ke dalam kolom input. Pada dasarnya, mereka diposisikan di luar bidang formulir. Sama seperti penempatan formulir itu sendiri, penempatan label tidak memiliki panduan pasti tentang di mana dan bagaimana menyelaraskan dan menempatkannya. Itu sebagian besar tergantung pada situasi dan persyaratan.
Desainer formulir bisa menyembunyikan label untuk menganimasikan formulir alih-alih menggunakan placeholder. Tetapi yang paling umum adalah memposisikan di luar bidang formulir. Anda juga dapat menyelaraskan label untuk mendapatkan lebih banyak perhatian dari pengguna. Label kiri-kanan biasanya mendapat lebih banyak perhatian dari pengguna. Jadi, pastikan Anda telah mendesain label formulir yang sesuai.
Kembali ke Indeks
Menambahkan IsiOtomatis
Pertimbangkan pengisian otomatis jika pengguna sudah terdaftar dengan layanan Anda di bidang yang relevan. Ini akan menghemat waktu dan beban yang tidak perlu yang mungkin Anda hadapi saat mengisi formulir tertentu.
Anda juga dapat mengisi otomatis beberapa bidang input menggunakan geolokasi. Ini akan membantu mereka mengisi formulir dengan cepat. Dalam hal ini, pastikan semua bidang input tersedia untuk penyesuaian dan berikan mereka kontrol maksimum saat mengisi formulir masing-masing.
Kembali ke Indeks
Formulir Ramah GDPR
Jadikan formulir Anda sesuai dengan GDPR sehingga beroperasi dalam peraturan yang ditetapkan oleh Uni Eropa (UE). Ini adalah salah satu aspek terpenting saat ini dan akan mengamankan bisnis Anda dari pengaruh hukum UE.


Meskipun tidak jelas bagaimana Anda dapat dipengaruhi oleh GDPR, ini mungkin menjadi sumber kehancuran bagi semua jenis organisasi. Lakukan kajian yang tepat mengenai hal ini atau Anda bisa berkonsultasi dengan ahli yang menangani GDPR.
Baca juga: Cara membuat situs web Anda ramah GDPR menggunakan plugin WordPress.
Kembali ke Indeks
Aneka ragam
Terlepas dari masalah yang disebutkan di atas, ada beberapa masalah lain yang juga perlu dipertimbangkan untuk memiliki UX yang lebih baik di situs web Anda. Mari kita lihat daftarnya di bawah ini:
- Beberapa statistik menunjukkan bahwa placeholder pada bidang formulir sering kali mengganggu kegunaan, terkadang hal ini dapat memperumit proses pengisian formulir. Tapi terkadang bisa menjadi pilihan yang bagus untuk menyimpan satu-satunya placeholder di tempat label bidang. Itu tergantung pada situasi. Misalnya, dalam hal berlangganan buletin, kami hanya dapat menggunakan placeholder, bukan label.
- Tidak perlu atau perlu untuk menyimpan label dan placeholder secara bersamaan.
- Jika diperlukan, label bidang dan bidang masukannya harus dikelompokkan secara visual untuk membantu pengguna memahami formulir dengan cara yang lebih mudah. Dalam hal ini, berhati-hatilah dengan bantalan yang longgar, kadang-kadang bisa menjadi buzzkill.
- Anda dapat menekankan pemfokusan otomatis untuk menyorot titik awal. Ini akan membantu pengguna untuk memulai dengan benar.
- Huruf besar sulit dibaca; akan lebih bijaksana untuk menulis label dalam kombinasi keduanya. Terkadang teks tombol dapat ditulis dengan huruf kapital.
- Tombol adalah sesuatu yang dimaksudkan untuk mengambil tindakan langsung pengguna. Oleh karena itu, desain tombol harus ditangani dengan pertimbangan khusus. Tombol harus dirancang dan dibuat setelah melampirkan bidang.
- Jangan lupa untuk memasukkan input bertopeng untuk membuat pengisian formulir lebih mudah.
- Sebaiknya gunakan tombol radio daripada menggunakan menu tarik-turun. Ini akan mempercepat proses pengisian formulir. Itu membuat prosedur pengisian formulir menjadi mudah dan lancar.
- Simpan opsi pratinjau kata sandi atau kesempatan bagi pengguna untuk memeriksa informasi mereka sebelum menekan tombol kirim. Dalam hal ini, Anda juga memberi tahu pengguna tentang tombol caps lock yang ditekan.
Kembali ke Indeks
Sebelum Berakhir
Formulir adalah salah satu bagian terpenting dari sebuah situs web. Itu sebabnya mendesain formulir dan kemudian membuatnya bisa menjadi aspek penting untuk memiliki UX yang baik di situs Anda. Sebelum mendesain formulir, Anda perlu melihat sesuatu dari sudut pandang pengguna.
Formulir Lancar WP Pro
Coba Formulir Lancar hari ini dan buktikan sendiri!
Buat semua formulir ringkas dari awal hingga akhir dan berikan kelegaan kepada pengguna untuk mengisi seluruh formulir. Lakukan studi yang tepat dari sumber yang relevan dan berikan upaya terbaik yang Anda butuhkan. Karena formulir merupakan bagian penting dari pencapaian konversi, jadi pastikan pengguna dapat melewatinya dengan cepat dan lancar.
Kesimpulan
Karena formulir adalah bagian penting dari situs web Anda, Anda harus berhati-hati dalam merancang dan membuatnya. Saat mendesain formulir web, selalu penting untuk mendorong pengujian A/B dan memeriksa semua tren pemasaran saat ini.
Selain itu, Anda harus memastikan bahwa semua formulir yang Anda buat ramah seluler. Baiklah, dapat dikatakan bahwa jika Anda mengikuti taktik yang kami diskusikan di sini, pasti itu akan menjadi taruhan terbaik untuk situs web Anda.
Sebagai rekomendasi saya, jika Anda ingin menggunakan plugin pembuat formulir WordPress, pastikan Anda menggunakan WP Fluent Forms untuk meningkatkan UX Anda di WordPress. Saya harap artikel ini banyak membantu Anda untuk mengetahui lebih banyak tentang mendesain formulir di situs Anda untuk meningkatkan UX situs. Jika Anda memiliki pertanyaan tentang konteksnya, beri tahu saya kekhawatiran Anda dengan meninggalkan komentar di bawah. Mudah-mudahan, saya akan segera menghubungi Anda kembali.
Beberapa bacaan Keren yang Direkomendasikan:
? Alternatif TypeForm
? Formulir Kaldera vs. Formulir Lancar WP
? Tingkatkan Keterlibatan Pengguna