it-swarm.asia

Beralih Mode UI, Tampilkan / Sembunyikan

Saat ini saya sedang mengerjakan aplikasi web perusahaan. Di layar entri faktur, saya mengalami masalah UI.

Pada dasarnya layar entri faktur saat ini adalah sesuatu seperti ini:

Screenshot

Mode/status default Mode/mode Item Input (ketika tombol "Toggle Item Input" ditekan)

Masalah saat ini bahwa metode entri item saat ini agak tidak intuitif.

Pengeditan sisip dipertimbangkan tetapi ditolak karena kebutuhan untuk memiliki modul inventaris pencarian dan pemilihan hadir setiap saat karena gaya mengambang otomatis modul-modulnya kikuk.

Apakah ada cara untuk beralih di antara layar/mode yang lebih intuitif selain solusi tombol saat ini?


Masih ada hal-hal yang masih dikerjakan, seperti cara terbaik untuk menampilkan harga tanpa menunjukkan 4 digit, namun tetap akurat. (beberapa saran akan Nice)

2
vener

Bagaimana Anda tahu itu tidak intuitif? Persisnya perilaku apa yang dilakukan pengguna Anda dan apa yang mereka katakan?

Jika mereka tidak menemukan tombolnya, saya kira masalah utama Anda adalah label tombol. Saat pengguna perlu menambahkan item faktur, mereka tidak berpikir "Saya perlu beralih sesuatu." Mereka berpikir "Saya perlu menambah atau mengedit produk." Jadi cobalah "Input Produk" sebagai gantinya. Jika pengguna Anda juga mengalami kesulitan menemukan fungsi "beralih" lainnya, itu mungkin masalah Anda.

Secara umum Anda ingin menunjukkan tindakan kontrol dengan desain grafisnya, bukan label teks. Misalnya, untuk tombol Anda tambahkan ke ujung label panah ke atas, atau tanda +, atau ketuk gaya Java-Swing tertutup, menukarnya dengan panah bawah, - tanda, atau ketuk terbuka saat panel input terbuka. Atau jadikan tombol sebagai tombol toggling. Mungkin itu tidak penting bagi pengguna untuk mengantisipasi perilaku UI dalam kasus ini - mereka akan melihat apa yang dilakukannya dan tahu apa yang harus dilakukan selanjutnya ketika mereka mengklik tombol.

Masalah lain yang mungkin adalah bahwa Anda tampaknya menggabungkan pengeditan dan menambahkan item ke tombol yang sama, yang memiliki logika tertentu. Namun, gagasan "input" mungkin tingkat abstraksi di atas bagaimana pengguna Anda memikirkan sesuatu. Sebaliknya, mereka mungkin berpikir menambahkan dan mengedit sebagai fungsi berbeda yang harus memiliki kontrol berbeda. Jadi, Anda harus memiliki tombol Add dan Edit yang terpisah (keduanya mengubah panel yang sama), dan tinggal dengan kekacauan tambahan. Untuk label, saya akan mencoba "Edit Produk" dan "Tambah Produk" atau "Sisipkan Produk."

Anda mungkin juga ingin mempertimbangkan default panel agar terlihat oleh pengguna yang cenderung mengedit.

Sayang sekali bahwa Anda tidak dapat menemukan cara untuk mengedit di tempat.

3