Desain Input Feedback


Input Feed kasusnya adalah sebagai berikut : 


Saat anda mendaftar atau register akun facebook  lalu saat anda meng-klik tombol daftar ternyata anda muncul peringatan agar anda mengisikan data email anda. peringatan yang muncul ini disebut "Input Feed".

Penggunaan Input Feed

1.  Untuk memberikan Feedback kepada pengguna web saat ia  mengisi data atau 
     konten ke situs Anda.

2.  Untuk memberitahu kepada pengguna web adanya kesalahan saat pengisian data. 

3.  Untuk memberi tahu kepada pengguna web bahwa semua yang telah dilakukan 
     (pengisian data, informasi atau konten) adalah benar atau berhasil.


Tujuan penggunaan Input Field

Tujuan penggunaan "Input Feed" adalah untuk mengurangi kesalahan pengisian data atau konten di form yang disediakan. Teknisnya adalah  dengan mengkoreksi/memvalidasi data sesaat setelah user mengisi data.

Jika data yang diisi oleh pengguna web tidak benar, maka "input feed" muncul menyampaikan pesan yang menjelaskan bagaimana memperbaiki data dan meminta pengguna web untuk mengisi kembali datanya. Adapun pesan tersebut harus menjelaskan bahwa:

1.  Adanya kesalahan. tampilkan box berwarna terang misal merah dan letakan pada 
     posisi yang mudah dilihat mata pengguna web.

2.  Di bagian mana kesalahan pengisian data terjadi. Hal ini dapat dilakukan dengan 
     menyoroti (meng-highlight) kolom informasi yang mengalami kesalahan  
     (dengan mengubah warna mereka).

3.  Bagaimana kesalahan bisa diperbaiki. Memberikan informasi tentang apa yang 
     harus diisi agar data yang diisikan itu benar.


Desain visual dari input feedback harus sesuai dengan pesan yang ingin Anda berikan. Jika pengisian data benar, maka tampilkan box berwarna hijau agar si pengguna tahu. Jika pesan biasa saja, warna yang digunakan adalah kuning. dan Jika hal yang salah,maka gunakan warna merah.

Input Feedback

0 komentar: