it-swarm-id.com

Merancang Pita Lancar untuk Aplikasi CRUD

Saya sedang bekerja merancang UX gaya Fluent ("Ribbon") untuk aplikasi CRUD bekerja di database.

Ada banyak informasi tentang cara mendesain pita untuk aplikasi berbasis dokumen. The pedoman Microsoft bahkan menentukan tab dan grup standar.

Namun, kelompok standar ini tampaknya tidak cocok untuk situasi non-dokumen. Perintah "Find", misalnya, harus berada dalam grup "Editing":

alt text

Sangat relevan untuk mencari di dalam dokumen, tetapi tidak untuk mencari untuk catatan.

Sumber daya dan/atau contoh apa yang ada untuk menggunakan pita untuk aplikasi non-dokumen?

Diperbarui 27/9: Ya, saya yakin Ribbon cocok untuk aplikasi yang saya kembangkan. Ini bukan fokus dokumen, tetapi juga bukan CRUD murni - ini adalah aplikasi yang kompleks dengan banyak perilaku bisnis. Akan lebih mudah bagi saya untuk menjalankan lokakarya tentang mengatur pita jika saya dapat memberikan beberapa petunjuk di muka - jadi saya berharap beberapa jawaban untuk pertanyaan awal saya tentang sumber daya dan contoh.

14
Bevan

Saya pikir contoh terbaik yang bisa Anda lihat adalah MS Access. Semua perintah CRUD berada di dalam grup Records dan perintah Find berada di grup Temukan!

alt text

14
Tania Gobeil

Pita dirancang untuk program dengan banyak perintah, aplikasi CRUD cenderung hanya memiliki beberapa perintah, jadi mungkin pita itu bukan UI yang tepat untuk memulai.

Anda dapat melakukan apa yang MS lakukan ketika mereka mendesain pita, mengambil sebanyak mungkin orang (yang mengetahui bidangnya, lebih disukai pelanggan) lalu memberikan daftar tab/grup dan beberapa perintah dan membiarkan mereka memilih tempat paling logis untuk perintah.

Dan yang paling penting, jangan mengikuti panduan secara membabi buta (tetapi juga jangan mengabaikannya tanpa alasan yang baik) dan jangan membingungkan preferensi pribadi Anda dengan apa yang menurut pengguna intuitif.

11
Nir

Saya dalam situasi yang hampir sama dengan aplikasi saya dan mendesain antarmuka "Ribbon". Saya telah merenungkan situasi di mana saya mengelompokkan perintah dalam pita berdasarkan objek inti "bisnis". Dengan kata lain, jika aplikasi saya memungkinkan pengguna untuk mengelola Klien dan Vendor, masuk akal jika memiliki grup pita yang didedikasikan untuk Klien, dengan semua perintah yang biasanya Anda panggil dan kemudian grup pita lain yang didedikasikan untuk Vendor dengan berbagai perintah yang dibuat akal untuk lari melawan benda-benda itu\catatan?

Ketika saya membuat sketsa ini menjadi jelas (setidaknya bagi saya) bahwa manajemen layar akan menjadi sangat rumit dengan gaya ini jika saya hanya menyediakan satu Pita dan mungkin akan membuat pengguna frustrasi lebih dari bantuan.

Tentang UI terbaik yang pernah saya temui yang berhubungan setidaknya dengan masalah ini adalah antarmuka Outlook 2010. Outlook bergantung pada elemen navigasi terpisah, tetapi ketika Anda beralih dari Pesan ke Kontak misalnya, Ribbon berubah untuk menampilkan perintah yang didukung untuk antarmuka yang sedang Anda gunakan saat itu.

Membawa kembali ke contoh Anda, tampaknya Menemukan catatan tertentu akan menyiratkan bahwa pengguna tahu jenis catatan yang ia cari. Mungkin masuk akal untuk memiliki sistem navigasi terlebih dahulu agar pengguna dapat menavigasi ke objek inti (mis. Tampilan Pelanggan) dan kemudian disajikan dengan serangkaian perintah di dalam Pita yang hanya berhubungan dengan Pelanggan. Find mungkin memang ada di grup "Editing", tetapi konteksnya hanya berkaitan dengan tampilan Pelanggan. Anda mungkin juga memiliki perintah Find lain yang terletak di grup Editing yang berhubungan dengan beberapa entitas lain dalam aplikasi.

3
Tim Lentine

Saya telah memikirkan hal ini juga, dan ide utama yang saya buat mirip dengan apa yang dijelaskan Tim Lentine: memiliki tab untuk setiap objek bisnis utama saya. Saya akan meletakkan perintah yang paling umum dilakukan untuk objek itu di tab untuk itu, misalnya dan objek "Pesan" mungkin memiliki perintah untuk mengubah status (mis. Batalkan, kirim, dll), tagihan, kirim faktur, dll.

Namun, saya juga telah memikirkan tentang cara kerja pita di Windows Live Photo Gallery. Di satu sisi, ini mengelola database (foto dan meta-data). Yang menarik adalah tab Beranda, Temukan, dan Lihat. Saya juga menyukai gagasan kotak pencarian/filter yang muncul.

photo gallery ribbon

Jadi ini adalah dua ide pita utama untuk aplikasi CRUD yang telah saya pertimbangkan. Saya masih belum memutuskan apa pun.

Sepanjang baris galeri foto, saya dapat melakukan satu tab untuk mengambil daftar data dan menghapus tertentu, dll (saya berencana untuk membuat panel utama jendela saya menampilkan daftar objek). Saya mungkin punya satu lagi untuk pemfilteran/pengelompokan (mirip dengan tab 'tampilan' WLPG). Saya mungkin akan memiliki tab lain untuk laporan. Saya mungkin juga menggunakan tab kontekstual untuk melakukan perintah umum pada objek yang dipilih seperti yang saya jelaskan di paragraf pertama.

2
Benny Jobigan

Saya tidak memiliki pengalaman luas dalam aplikasi CRUD dengan pita, tetapi berikut adalah beberapa ide ...

Baca - Minta satu atau lebih tab berkomitmen pada cara standar pengguna akan menemukan objek tertentu. Sebagai contoh jika itu adalah database perguruan tinggi satu tab untuk mahasiswa/fakultas, satu untuk kelas, satu untuk bangunan. Kelompokkan benda-benda di tab dengan tingkat yang lebih baik seperti satu untuk siswa dan satu untuk staf. Jika ini adalah kueri bidang sederhana, Anda dapat menempatkan kontrol teks biasa secara langsung, atau memunculkan dialog pencarian kompleks.

Buat - miliki hanya satu tab untuk dihapus, atau letakkan di tab baca. Jika Anda melakukan tab buat terpisah, buat grup memetakan ke tab dan tambahkan pemisah untuk membuat grup mini.

Pembaruan - Saya akan mempertimbangkan tab kontekstual untuk ini. Satu konteks per jenis objek. Jika formulir memiliki beberapa jenis, Anda harus mengarahkan konteks dengan fokus papan ketik. Tidak terlalu menyenangkan. Anda juga mungkin ingin tugas-tugas pembaruan ini dalam bentuk sendiri, terutama jika mereka memetakan dengan baik opsi dialog 'perintah' seperti berlaku dan semacamnya.

Hapus - Terkubur dalam perintah dengan baik, bukan pada pita secara default. Menghancurkan data adalah sesuatu yang harus dicegah. Alih-alih mendorong pengguna untuk 'mengarsipkan' atau 'mencela' atau 'lulus' data sehingga hanya akan muncul dalam permintaan tertentu. Dan tindakan-tindakan itu umumnya objek spesifik sehingga mereka akan hidup baik dalam bentuk atau tab kontekstual. Biarkan tugas pencadangan, arsip, dan pemeliharaan mingguan melakukan penghapusan.

0
shemnon