Kandungan
- 1. Jangan tandakan medan wajib
- 2. Jangan gunakan pemintal
- 3. Hanya mempunyai satu jenis butang atau lebih baik lagi hanya satu butang setiap borang
- 4. Padang bahagian
- 5. Fikirkan mengapa anda bertanya sesuatu dan bagaimana rasanya kepada pengguna
- 6. Tarikh adalah kawan kecil yang lebat
- 7. Bentuk sebagai kraf pemaju
- 8. Jangan gunakan lajur dalam bentuk
- 9. Jangan gunakan dua medan ketika satu akan berjaya
- 10. Bersikap baik
Bentuknya, tidak ada yang lebih dibenci oleh pereka daripada bentuk. Mereka tidak semestinya menonjolkan kreativiti, atau tidak? Mungkin sudah tiba masanya kita melihat borang lagi dan memahami bahawa bentuk, yang paling asas, adalah perbualan antara pengguna dan perisian.
Lupakan titik dan klik, borang mewakili interaksi terkaya yang akan kita hadapi sebagai pereka digital. Lain kali borang datang dengan cara anda jangan fikir ia hanya masalah menggunakan beberapa kesan CSS yang bagus atau menambah jQuery yang bagus. Terdapat lebih mendalam untuk merancang bentuk.
Saya telah menguji beratus borang pengguna dan merancang beberapa bentuk yang kompleks untuk syarikat insurans, interaksi tempahan percutian dan banyak lagi. Kemungkinan anda telah menggunakan salah satu borang saya dalam beberapa bulan terakhir.
Inilah pelajaran yang ingin saya pelajari sebelum mula merancang borang.
1. Jangan tandakan medan wajib
Anda tahu tanda bintang kecil yang menandakan bidang wajib? Saya telah melihat bahawa banyak kali gagal dalam ujian pengguna. Sebagai konsep, bidang wajib tidak masuk akal, mereka tidak mempunyai setara di luar talian. Mereka bagus untuk pembangun kerana mereka menawarkan pendekatan penyelesaian hitam dan putih yang bagus. Bidang asterisk dan wajib gagal kerana itu adalah tingkah laku yang dipelajari. Tingkah laku yang biasa saya lihat dalam ujian pengguna adalah pengguna melengkapkan borang di bahagian atas dan menyelesaikan sama ada apabila ada sesuatu untuk menghentikannya atau mereka menekan butang.
Penyelesaiannya adalah mudah, tandakan medan pilihan, tandakan tempat di mana pengguna baik kita harus berhenti dan fikirkan apakah mereka perlu melengkapkan bidang itu.
2. Jangan gunakan pemintal
HTML5 cemerlang bukan? Ia menawarkan banyak alat berkilat baru yang menarik untuk dimainkan. Kita perlu memikirkan kesesuaian mainan baru kita. Medan nombor kini merangkumi anak panah atas dan bawah yang kecil untuk membolehkan pengguna menelusuri nombor.
Terdapat dua masalah di sini. Pertama, paparan anak panah lalai menjadikannya sangat kecil. Sangat gemar mengklik dan lemak di antara kita akan berjuang di iPhone. Ia dipanggil Fitt's Law, semakin kecil sesuatu yang lebih sukar untuk mengkliknya.
Tetapi saya mendengar anda berteriak, anda boleh menaip nombor terus ke medan nombor. Ya, anda boleh, tapi mari kita lihat paparan penyemak imbas, anak panah pemutar atas / bawah menyerupai kotak pilih rakan kita yang boleh dipercayai. Pengguna yang disajikan dengan pemintal untuk pertama kalinya akan menganggap, kerana menyerupai kotak pilih, mereka tidak dapat menaipnya.
Nasihat saya adalah menjauhkan diri sehingga mereka menjadi tempat yang lebih biasa atau pembangun penyemak imbas menyusun reka bentuk lalai.
3. Hanya mempunyai satu jenis butang atau lebih baik lagi hanya satu butang setiap borang
Terdapat sedikit prinsip psikologi yang dikenali sebagai Hick’s Law. Hick's Law menyatakan semakin banyak pilihan yang ditawarkan, semakin sukar untuk membuat pilihan. Bukan ilmu roket yang saya tahu, tetapi peraturan yang perlu diingat.
Anda boleh menolong pengguna baik anda dengan menolong mereka membuat pilihan. Dengan menjadikan semua butang utama satu warna, dan hanya mempunyai satu dari setiap halaman menjadikan pilihan lebih mudah. Butang mana yang mesti saya tekan? Oh, senang, ia berwarna besar.
4. Padang bahagian
Saya belajar ilmu saraf pada kehidupan sebelumnya dan seterusnya mempelajari psikologi ingatan - khususnya ingatan jangka pendek atau kerja. Sekarang sebelum anda mengatakannya; tidak, kapasiti memori jangka pendek tidak 7 +/- 2, 4 +/- 1 atau pada manusia bercakap tiga hingga lima bahagian. Kita sebagai manusia hebat dalam menilai rangsangan visual, kekangannya adalah kita lebih baik apabila jumlahnya lebih kecil. Memotong borang ke dalam kumpulan yang lebih kecil menjadikan penilaian lebih mudah, kerana selalunya apa yang pengguna harus masukkan ke dalam borang berasal dari ingatan mereka.
Pastikan kumpulan ladang anda berukuran lebih kurang empat.
5. Fikirkan mengapa anda bertanya sesuatu dan bagaimana rasanya kepada pengguna
Ini mungkin merupakan nasihat paling lurus ke depan yang saya berikan tetapi selalunya paling tidak digunakan.
Mari ambil yang berikut:
Pertanyaan setiap soalan yang anda ajukan. Adakah perlu? Bagaimana rasanya ditanya perkara ini?
Lebih kerap daripada tidak ada perniagaan perlu mengemukakan soalan dan kita sebagai pereka boleh berdebat mengenai keperluan sehingga kita berwajah biru. Soalan itu mesti diajukan. Dalam memahami keperluan perniagaan untuk data ini, kita sering dapat berkompromi.
Kami boleh membantu dengan memberitahu pengguna baik kami mengapa kami perlu mengemukakan soalan itu. Yakinkan tentang penggunaan dan perkongsian data tersebut dan hanya baik.
Mengambil contoh kita lagi:
Permintaan masih sukar tetapi semoga kami telah mempermanis pil ini.
6. Tarikh adalah kawan kecil yang lebat
Memasukkan tarikh boleh menjadi cabaran sebenar dan terdapat beberapa perangkap yang dapat anda hindari. Masalah terbesar adalah menangani kesilapan.
Pendekatan paling mudah adalah melancarkan kalendar. Perlu diperhatikan bahawa minggu bermula pada hari Isnin di UK dan Ahad di AS. Sekiranya pengguna anda tidak menumpukan perhatian, mereka mungkin memilih hari Ahad yang bermaksud hari Isnin.
Perlu juga disebutkan format tarikh antarabangsa. AS meletakkan bulan pertama, di Jepun tahun pertama. Jadi tarikh seperti 4/5/12 dapat ditafsirkan dalam tiga cara.
Itulah sebabnya lebih baik menggunakan kotak pilih.
7. Bentuk sebagai kraf pemaju
Bentuk adalah kraf untuk pemaju dan juga pereka. Memahami kemungkinan kesalahan yang dapat dilakukan dengan memasukkan data dan merancang kod back-end anda untuk mengatasi adalah satu cabaran.
Inilah yang mudah. Memasukkan nilai mata wang. Kesalahan yang mungkin dilakukan pengguna sangat besar. Memaksa format data yang harus dipenuhi oleh pengguna adalah mengecewakan pengguna anda dan, mari kita hadapi, sedikit malas dari pihak pembangun.
Apa cabaran yang lebih baik bagi pemaju daripada membina borang kalis peluru.
8. Jangan gunakan lajur dalam bentuk
Masalah besar dalam menggunakan lajur dalam bentuk adalah aliran. Kami memulakan borang di bahagian atas dan berakhir di bahagian bawah. Dalam memperkenalkan lajur aliran bentuk dapat dipecahkan.
Jangan menganggap tab pengguna melalui borang dan oleh itu fokus adalah cara menavigasi borang dalam lajur. Jarang sekali saya melihatnya dalam ujian pengguna. Sebilangan besar masa kita melihat masukkan butiran, klik ke medan seterusnya dengan tetikus / pad jejak / jari kemudian masukkan butiran dan sebagainya.
9. Jangan gunakan dua medan ketika satu akan berjaya
Kebanyakan orang bukan jurutaip sentuh. Dalam ujian pengguna, kita melihat orang melihat papan kekunci semasa mereka menaip.
Semasa memasukkan nombor telefon yang membelah bidang borang, katakan untuk menambahkan kod dan nombor kawasan, menyebabkan masalah sebenar. Pengguna tidak melihat atau sememangnya ingat bahawa terdapat dua medan jadi masukkan nombor penuh di medan pertama, lebih buruk lagi jika bidang tersebut terhad kepada sebilangan watak.
Gunakan hanya satu bidang untuk nombor telefon, sama juga dengan nombor rumah / jalan - gunakan hanya satu kotak kemasukan teks.
10. Bersikap baik
Anda akan terkejut dengan seberapa banyak mesej ralat yang agak kasar di luar sana.
Inilah contoh yang saya temui baru-baru ini.
Kenyataan yang mereka sarankan anda akan memasukkan tarikh dengan rela hati pada masa akan datang dan kemudian tindak balas yang agak menarik, baik, itu tidak bagus.
Sekali lagi meletakkan diri anda di tempat pengguna, bagaimana perasaan anda melihat kesalahan ini? Kesal? Mungkin lebih teruk lagi. Bersikap baik itu mudah.
Saya telah menghasilkan crib / cheat sheet yang boleh dimuat turun untuk membantu anda merancang bentuk yang lebih baik. Ini merangkumi banyak kaedah amalan terbaik untuk merancang bentuk yang lebih baik.
