Isi
- 1. Jangan tandai bidang wajib
- 2. Jangan gunakan pemintal
- 3. Memiliki hanya satu jenis tombol atau lebih baik lagi hanya satu tombol per formulir
- 4. Bidang potongan
- 5. Pikirkan mengapa Anda menanyakan sesuatu dan bagaimana rasanya bagi pengguna
- 6. Kurma adalah teman kecil yang menggeliat
- 7. Bentuk sebagai kerajinan pengembang
- 8. Jangan gunakan kolom dalam formulir
- 9. Jangan menggunakan dua bidang saat salah satunya akan digunakan
- 10. Bersikaplah baik
Formulir, tidak ada yang lebih dibenci oleh banyak desainer selain formulir. Mereka tidak serta merta mengeluarkan kreativitasnya, atau benarkah? Mungkin inilah saatnya kita melihat formulir lagi dan memahami bahwa formulir, pada dasarnya, adalah percakapan antara pengguna dan perangkat lunak.
Lupakan titik dan klik, formulir mewakili interaksi terkaya yang akan kita hadapi sebagai desainer digital. Lain kali formulir datang dengan cara Anda, jangan berpikir itu hanya masalah menerapkan beberapa efek CSS yang bagus atau menambahkan jQuery yang bagus. Ada lebih banyak kedalaman dalam mendesain formulir.
Saya telah menguji ratusan formulir pengguna dan merancang beberapa formulir kompleks untuk perusahaan asuransi, interaksi pemesanan liburan, dan banyak lagi. Kemungkinan Anda telah menggunakan salah satu formulir saya dalam beberapa bulan terakhir.
Inilah pelajaran yang saya harap dapat saya pelajari sebelum saya mulai mendesain formulir.
1. Jangan tandai bidang wajib
Anda tahu tanda bintang kecil yang menunjukkan bidang wajib? Saya telah melihat hal itu berkali-kali gagal dalam pengujian pengguna. Sebagai sebuah konsep, bidang wajib tidak masuk akal, mereka tidak memiliki padanan offline. Mereka bagus untuk pengembang karena mereka menawarkan pendekatan hitam dan putih yang bagus untuk penyelesaian. Bidang tanda bintang dan wajib gagal karena merupakan perilaku yang dipelajari. Perilaku khas yang saya lihat dalam pengujian pengguna adalah pengguna mengisi formulir di bagian atas dan menyelesaikannya baik ketika ada sesuatu yang menghentikan mereka atau mereka menekan tombol.
Solusinya sederhana, tandai bidang opsional, tandai tempat pengguna baik kita harus berhenti dan pikirkan apakah mereka perlu melengkapi bidang itu.
2. Jangan gunakan pemintal
HTML5 itu brilian bukan? Ini menawarkan banyak alat mengkilap baru yang menarik untuk dimainkan. Kita perlu memikirkan kesesuaian mainan baru kita. Bidang angka sekarang menyertakan panah atas dan bawah kecil untuk memungkinkan pengguna menggilir angka.
ada dua masalah disini. Pertama, tampilan browser default dari panah membuatnya sangat kecil. Sangat sulit untuk mengklik dan orang yang berjari gemuk di antara kita akan kesulitan menggunakan iPhone. Ini disebut Hukum Fitt, semakin kecil sesuatu semakin sulit untuk diklik.
Tetapi saya mendengar Anda berteriak, Anda cukup mengetikkan nomornya langsung ke bidang nomor. Bisa, tapi coba lihat tampilan browser, panah pemintal atas / bawah menyerupai kotak pilih teman terpercaya kita. Seorang pengguna yang melihat spinner untuk pertama kalinya akan berasumsi, karena menyerupai kotak pilih, bahwa mereka tidak dapat mengetikkannya.
Saran saya adalah untuk menghindari hal itu sampai menjadi tempat yang lebih umum atau pengembang browser memilah desain default.
3. Memiliki hanya satu jenis tombol atau lebih baik lagi hanya satu tombol per formulir
Ada sedikit prinsip psikologi yang disebut Hukum Hick. Hukum Hick menyatakan semakin banyak opsi yang ditawarkan kepada kami, semakin sulit untuk membuat pilihan. Bukan ilmu roket yang saya tahu, tapi aturan yang perlu diingat.
Anda dapat membantu pengguna baik Anda dengan membantu mereka membuat pilihan. Dengan menjadikan semua tombol utama satu warna, dan hanya memiliki satu tombol per halaman membuat pilihan lebih mudah. Tombol mana yang harus saya tekan? Oh, mudah, yang berwarna besar.
4. Bidang potongan
Saya mempelajari ilmu saraf di kehidupan sebelumnya dan mempelajari psikologi memori - khususnya memori jangka pendek atau memori kerja. Sekarang sebelum Anda mengatakannya; tidak, kapasitas memori jangka pendek bukanlah 7 +/- 2, 4 +/- 1 atau dalam bahasa manusia tiga sampai lima bagian. Kita sebagai manusia jago dalam mengevaluasi rangsangan visual, kendalanya adalah kita lebih baik bila jumlahnya lebih kecil. Memecah formulir menjadi kelompok yang lebih kecil membuat evaluasi lebih mudah, karena sering kali yang harus dimasukkan pengguna ke dalam formulir berasal dari ingatan mereka.
Pastikan grup bidang Anda memiliki panjang sekitar empat.
5. Pikirkan mengapa Anda menanyakan sesuatu dan bagaimana rasanya bagi pengguna
Ini mungkin nasihat paling gamblang yang saya berikan tetapi seringkali paling sedikit dimanfaatkan.
Mari kita lakukan yang berikut:
Tanyakan setiap pertanyaan yang Anda ajukan. Apakah itu perlu? Bagaimana rasanya ditanyai ini?
Lebih sering daripada tidak ada kebutuhan bisnis untuk mengajukan pertanyaan dan kita sebagai desainer dapat berdebat tentang kebutuhan sampai kita tidak tahu apa-apa. Pertanyaannya harus ditanyakan. Dalam memahami kebutuhan bisnis akan data ini, kami sering kali dapat berkompromi.
Kami dapat membantu dengan memberi tahu pengguna baik kami mengapa kami perlu mengajukan pertanyaan itu. Yakinkan tentang penggunaan dan pembagian data itu dan secara umum bersikap baik.
Mengambil contoh kita lagi:
Ini masih pertanyaan yang sulit, tetapi mudah-mudahan kami mempermanis pilnya.
6. Kurma adalah teman kecil yang menggeliat
Memasukkan tanggal bisa menjadi tantangan nyata dan ada beberapa jebakan yang dapat Anda hindari. Satu-satunya masalah terbesar adalah berurusan dengan kesalahan.
Pendekatan termudah adalah meluncurkan kalender. Perlu dicatat bahwa minggu dimulai pada hari Senin di Inggris dan hari Minggu di AS. Jika pengguna Anda tidak berkonsentrasi, mereka dapat memilih hari Minggu yang maksudnya adalah hari Senin.
Perlu juga disebutkan format tanggal internasional. AS menempati urutan pertama bulan, di Jepang tahun pertama. Jadi tanggal seperti 4/5/12 dapat diartikan dalam tiga cara.
Itulah mengapa yang terbaik adalah menggunakan kotak pilih.
7. Bentuk sebagai kerajinan pengembang
Formulir adalah kerajinan untuk pengembang dan juga desainer. Memahami kesalahan apa yang mungkin dilakukan dengan memasukkan data dan merancang kode back-end Anda untuk mengatasinya adalah sebuah tantangan.
Ini yang sederhana. Memasukkan nilai mata uang. Kemungkinan kesalahan yang bisa dilakukan pengguna sangat besar. Memaksakan format data yang harus dipenuhi oleh pengguna membuat frustasi bagi pengguna Anda dan, mari kita hadapi itu, sedikit malas di pihak pengembang.
Tantangan apa yang lebih baik bagi pengembang daripada membangun formulir anti peluru.
8. Jangan gunakan kolom dalam formulir
Masalah besar dalam menggunakan kolom dalam bentuk adalah aliran. Kami memulai formulir di atas dan berakhir di bawah. Dalam memperkenalkan kolom, aliran formulir dapat dipecah.
Jangan anggap pengguna menelusuri formulir dan karena itu fokus adalah cara menavigasi formulir dalam kolom. Saya jarang melihatnya dalam pengujian pengguna. Seringkali kita melihat memasukkan detail, klik ke bidang berikutnya dengan mouse / trackpad / jari lalu masukkan detail dan seterusnya.
9. Jangan menggunakan dua bidang saat salah satunya akan digunakan
Kebanyakan orang bukan juru ketik sentuh. Dalam pengujian pengguna, kami melihat orang-orang melihat keyboard saat mereka mengetik.
Saat memasukkan nomor telepon, membelah bidang formulir, misalnya menambahkan kode area dan nomor, menyebabkan masalah nyata. Pengguna tidak melihat atau memang ingat bahwa ada dua kolom, jadi masukkan angka lengkap di kolom pertama, lebih buruk lagi jika kolom dibatasi untuk sejumlah karakter tertentu.
Gunakan hanya satu bidang untuk nomor telepon, hal yang sama berlaku untuk nomor rumah / jalan - gunakan hanya satu kotak entri teks.
10. Bersikaplah baik
Anda akan terkejut dengan banyaknya pesan kesalahan yang cukup kasar di luar sana.
Ini adalah contoh yang saya temukan baru-baru ini.
Fakta yang sebenarnya mereka sarankan agar Anda dengan sukarela memasukkan tanggal di masa mendatang dan kemudian tanggapan yang agak jenaka, yah, itu tidak terlalu bagus.
Sekali lagi tempatkan diri Anda sebagai pengguna, bagaimana perasaan Anda melihat kesalahan ini? Kesal? Mungkin lebih buruk. Bersikap baik itu mudah.
Saya telah membuat boks / lembar contekan yang dapat diunduh untuk membantu Anda mendesain formulir yang lebih baik. Ini mencakup lebih banyak cara praktik terbaik untuk merancang formulir yang lebih baik.
