Tips tersebut tidaklah selalu benar, namun sangat recommended. Jika memang sesuai kebutuhan user dapat diimplementasikan.
Berikut adalah tipsnya :
- Label Label digunakan untuk memberikan informasi kepada user agar meng-inputkan apa. Tips yang sarankan adalah, Label harus berukuran 14px, Tidak menggunakan huruf Capital semua, dan jarak margin dari form 8px.
- Placeholder Fungsi placeholder biasa digunakan untuk membantu user dengan contoh nilai apa yang harus dimasukkan, serta formatnya. Tips yang disarankan adalah ukuran font 16px, vertical-align 24px, serta opacity 50%.
- Border Berfungsi untuk memberi baths antar field dan nilai di dalam field tersebut. Tips yang untuk ini adalah warna yang tidak terlalu mencolok dan tidak terlalu transparan. Border-width 1px atau 2px dan border-radius 4px.
- Struktur Dalam membuat form, usahakan antara label, field dan form yang lain sejajar secara vertikal. Karena kebanyakan user lebih mudah melakukan tracking secara vertikal. Kemudian jarak antar form adalah 16px.
- Focus & Value Focus form akan membantu user untuk menge-tahui field mana yang sedang di-inputkan, serta membuat form lebih interaktif. Ketika focus, pastikan value / nilai pada field tersebut terlihat jelas / opacity 100%.
- Action Button Primary color untuk tombol submit dan Danger color untuk reset. Dan sebaiknya pada tombol reset tambahkan konfirmasi terlebih dahulu. Misalkan, "Apakah anda yakin akan mereset form anda?", agar user tidak kaget.
