it-swarm.asia

Cara terbaik untuk memilih subset item dalam daftar panjang

Salah satu klien kami ingin kami membuat aplikasi web untuk berbagi informasi tentang majalah yang ia terbitkan. Setiap edisi majalah berisi jumlah pengiklan yang bervariasi. Pengiklan ini berasal dari kumpulan pusat pengiklan. Kumpulan ini berisi (saat ini) sekitar 150 pengiklan. Setiap edisi majalah berisi subset (sekitar 70-80) dari pengiklan ini.

Klien kami ingin kami menemukan cara agar dia menambahkan 70-80 pengiklan dari daftar 150 ini ke edisi majalah. Itu harus secepat mungkin, semudah mungkin dan seintuitif mungkin.

Apa yang akan menjadi solusi ideal di sini? Saya sedang memikirkan sesuatu di garis gambar di bawah ini.

  1. Daftar pengiklan yang tersedia.
  2. Daftar pengiklan yang dipilih. Pengiklan memiliki tombol hapus.
  3. Kotak teks dengan saran otomatis untuk pengiklan di daftar di sebelah kiri. <Enter> menghapus pengiklan dari daftar kiri dan menambahkannya ke yang kanan. Textbox dihapus dan tetap fokus.

Kolega saya menyarankan seret-dan-jatuhkan atau hanya satu daftar dengan kotak centang untuk setiap pengiklan, tetapi pendekatan itu memaksa pengguna untuk melakukan banyak pencarian dan mengklik. Dengan pendekatan saya, pengguna bisa terus mengetik.

Ada saran lain untuk situasi ini?

My idea to transfer items between lists

36
Kristof Claes

Kristof desain Anda sudah cukup bagus. Anda telah memakukan hal-hal yang sangat penting seperti menghentikan aksi back-and-keempat mouse dan keyboard ini - itu akan merusak pengalaman. Dan aku bersamamu di drag-and-drop - yuk!

Saya baru saja menyempurnakan ide Anda:

alt text

  • Jelas klik mouse pada item kiri akan menambahkannya ke kanan.
  • Anda ingin filter teks menjadi Google Style - mis. multi-Word, pencocokan sebagian. Seperti dalam input pencarian "rce bm" akan cocok dengan item ketiga yang ditunjukkan pada diagram. Ini mudah dilakukan dan memberi pengguna cara yang kuat dan intuitif untuk mencari nama. Pemfilteran tingkat dua (seperti permulaan-string) hanya akan membuat pengguna frustrasi dan menunda mereka menggunakannya lagi. Karena penyaringan sangat penting untuk antarmuka, lebih baik berfungsi dengan baik.
  • Cara lain untuk menghemat waktu bagi pengguna (seperti yang disarankan orang lain) adalah dengan memiliki daftar yang sebagian telah diselesaikan di sisi "pengiklan terpilih". Jika Anda berpikir bahwa ada kemungkinan besar pengiklan "top 10 paling banyak digunakan" akan menjadi hit 70% atau lebih besar, maka mungkin juga membuang mereka di daftar kanan di load kan? Kasus terburuk pengguna harus menghapus satu atau dua (masing-masing 1 klik mouse) dari 10 teratas dan 7 item tersisa yang mereka inginkan telah menyelamatkan mereka mencari mereka. Tweak angka-angka dalam ide ini untuk meringankan pengguna lebih banyak pekerjaan.

Ingat: Semakin banyak pekerjaan Anda dapat lakukan untuk pengguna; untuk mengurangi klik, pencarian dan pencarian mereka, antarmuka Anda akan lebih cepat, lebih mudah, dan menyenangkan.

34
cottsak

Saya bekerja untuk perusahaan yang menerbitkan majalah, jadi saya sedikit terbiasa dengan domain Anda.

Saya membayangkan daftar pengiklan tidak berubah banyak dari masalah ke masalah, jadi saya akan memilih pengiklan dari masalah sebelumnya dipilih secara default.

Karena Anda hanya memiliki 150 pengiklan, dan sekitar setengah dari mereka akan dipilih, saya tidak akan repot dengan pencarian. Saya akan mulai dengan daftar kotak centang sederhana dan melihat seberapa baik kerjanya. Pastikan item yang dipilih berbeda secara visual (mis. Membuatnya tebal) sehingga mudah untuk dipindai.

7

Posting pertama saya, jadi harap bersikap lembut dan saya akan melakukan hal yang sama :-)

Meskipun ada beberapa ide bagus di sini, saya rasa tidak ada satupun yang cukup memenuhi persyaratan dari poster aslinya:

"Klien kami ingin kami membuat cara agar dia menambahkan 70-80 pengiklan dari daftar 150" - Kristof Claes .

Saya tentu saja setuju dengan banyak gagasan bagus di mana pengguna dapat memfilter hasil dan menambahkannya ke Pengiklan Terpilih daftar, kami masih memerlukan cara to tambahkan massal kira-kira 70 pengiklan ke pilihan. Meskipun gagasan pemfilteran cukup bagus, itu hanya akan mengarah ke aplikasi seperti aplikasi e-mail mana pun di mana pengguna menentukan penerima di bidang "ke". Bayangkan harus menambahkan 70 penerima dengan tangan!

Idealnya, kami tidak ingin alur kerja berikut:

  1. Jenis frasa yang akan dicari
  2. (Hasil muncul)
  3. Gunakan salah satu tekan enter untuk item yang dilengkapi otomatis atau pilih satu atau lebih item dari daftar yang muncul
  4. Ulangi langkah 1 hingga 3 hingga sekitar 70 pengiklan telah ditambahkan

Saya melihat beberapa posting bagus di sini dari banyak orang yang benar-benar tahu barang-barang mereka, tetapi saya pikir beberapa telah keluar dari topik dan agak fokus pada teknologi implementasi daripada psikologi "desain antarmuka pengguna" yang bagus.

Pikiran terakhir saya untuk utas ini adalah - mungkin semacam mekanisme untuk menambahkan "grup" ke seleksi karena ini akan mengurangi pengulangan alur kerja yang sama 70 kali. Beberapa perangkat lunak yang saya lihat akan memilih pengiklan dalam pendekatan "round robin". Tentu saja ini dapat membantu sebagian seleksi; selain itu, Anda dapat memiliki grup yang telah ditentukan sebelumnya yang mungkin selalu ingin Anda tambahkan, mungkin daftar pengiklan atau iklan berbayar teratas Anda untuk produk yang "baru".

Dan sekarang untuk sesuatu yang sedikit di luar topik ...

Matty, saya melihat Anda menyebutkan Apple dan khususnya iPhone -

... kita dapat belajar dari iPhone ... kuncinya adalah tentang membuat asumsi yang masuk akal yang diambil dalam keputusan yang dibuat untuk pengguna ...

Tidak yakin yang Anda maksud dengan itu setelah pembicaraan kami beberapa hari yang lalu. Tidak hanya perangkat sentuh, mungkin juga kurang bermanfaat, tetapi Apple umumnya memiliki riwayat pembuatan perangkat lunak yang membuat Anda bertanya-tanya apa yang sebenarnya mereka pikirkan tentang basis pengguna mereka. Contoh utama - jika Anda ingin mengganti nama perangkat iPad Anda, pertama Anda harus menghubungkannya ke komputer yang selain itu memiliki iTunes perangkat lunak. Kenapa saya tidak bisa begitu saja masuk ke pengaturan Umum iPad adalah dugaan siapa pun.

Antarmuka pengguna terbaik adalah gaya - "desain antarmuka pengguna induktif", yang bertentangan dengan - "desain antarmuka pengguna deduktif" atau dengan kata lain - "coba-coba". Perangkat sentuh termasuk dalam kategori yang terakhir. Biarkan saya jelaskan:

Jika ada perangkat sentuh yang dipopulerkan oleh Apple seperti pada iTouch, iPhone, dan sekarang iPad miliki jika ada yang dilemparkan kegunaan perangkat lunak kembali ke Zaman Batu "antarmuka pengguna deduktif". Seperti mesin terbang yang dirancang dengan sangat buruk pada sebuah tombol, membuat pengguna berpikir - " Ya ampun, apa artinya itu?", menatap layar perangkat sentuh, tidak segera terlihat bahwa menggunakan dua jari memungkinkan pengguna untuk memperbesar atau memperkecil; atau favorit saya - yang memegang jari Anda ke bawah dan ikon selama dua detik atau lebih menempatkan perangkat ke "mode hapus".

Dengan cara yang sama bahwa ikon yang dirancang dengan buruk termasuk dalam kategori - " Saya tidak tahu apa artinya itu, tetapi setelah saya menggunakannya untuk pertama kalinya, biasanya saya akan mengingat apa artinya ", banyak perangkat sentuh termasuk dalam kategori antarmuka pengguna deduktif karena pengguna harus menyimpulkan apa yang sebenarnya dapat dilakukan oleh program dengan" bermain dengannya "karena itu mengurangi kegunaan langsungnya.

Pertahankan kerja bagus!

Pikiran Acak MickyD

6
MickyD

Seluruh daftar pengiklan harus memiliki penyaringan di atasnya ( pada dasarnya menempatkan "3" Anda di atas "1" Anda dan memiliki "3" secara dinamis mempengaruhi konten "1" ):

  • Pencarian (dengan cepat mempersempit daftar)
  • Grup ("Terakhir Digunakan", "Mode", "Elektronik", dll.)

Catatan - jika pencarian Anda cukup kuat, Anda dapat menggunakan hanya satu kontrol maka pencarian "mode" akan mengembalikan semua pengiklan yang memiliki "mode" dalam nama mereka, atau yang telah ditandai sebagai bagian dari kategori "mode".
"Terakhir Digunakan" dapat berupa kotak centang.

Manfaat utama:
Mempersempit daftar dengan cepat memungkinkan Anda untuk memilih semua item yang relevan bersama-sama dan memindahkannya.

Contoh: Anda mengetik "elektronik", mendapatkan daftar semua pengiklan terkait elektronik, Anda memilih semuanya (dengan mouse, ctrl + A atau metode apa pun lainnya) dan segera memindahkannya ke daftar yang benar.

4
Dan Barak

Saya memiliki UI ini yang mungkin relevan.
(https://dl.dropbox.com/u/2965258/foodSelector/foodHierarchy.html
Bisa digunakan jika pengiklan entah bagaimana diatur dalam kategori, dan pengguna tahu dalam kategori mana masing-masing.
Ini adalah UI khusus mouse, membutuhkan satu klik per pengiklan.
Dapat dioperasikan dengan keyboard, tetapi menu ditutup dan harus diperluas lagi untuk setiap pilihan. Ini dapat diperbaiki dengan tidak menutup menu saat masuk.

3
Juan Lanus

Saya harus setuju dengan Micky Duncan : Saya pikir pencarian/pengelompokan/penyaringan sama sekali tidak cocok untuk tugas ini.

Anda tidak ingin mencari dan memilih beberapa item dari daftar besar. Anda ingin memilih sekitar setengah dari semua item dalam daftar. Jika pengguna harus memilih setengah dari item, pengguna akan ingin memastikan dia telah memilih semua kandidat dan tidak melewatkan siapa pun. Jadi alur kerjanya lebih mirip dengan yang berikut:

Bayangkan Anda memiliki Daftar 150 pengiklan di atas kertas. Anda akan pergi melalui daftar dari atas ke bawah dan memutuskan untuk masing-masing "apakah saya ingin pengiklan ini?" Dan kemudian beri tanda centang atau teguran -melalui dan pada akhirnya Anda yakin Anda telah mengevaluasi semuanya.

Jadi Desainnya harus seperti ini:

Selector mockup

Fokusnya adalah pada item teratas di daftar tengah dan pengguna dapat menggunakan tombol panah kiri dan kanan untuk membuang item, atau memasukkannya ke daftar yang dipilih. Jadi dia dapat dengan cepat bekerja melalui seluruh daftar dengan menekan kiri atau kanan tergantung pada pengiklan dan yakin dia telah memberikan masing-masing beberapa pemikiran dan tidak ketinggalan.

2
Falco

Sepertinya solusi Anda cukup bagus. Saya akan menghapus daftar kiri karena tidak benar-benar menambahkan informasi (itu hanya daftar panjang, dan akan sulit untuk mengatakan bahwa sesuatu baru saja menguap darinya setelah menekan Enter) dan hanya menawarkan bidang pencarian dengan pelengkapan otomatis ( meskipun harus ada dropdown dari bidang itu sehingga pengguna masih dapat melihat opsi apa yang tersedia) dan menambahkan tombol "Tambahkan pengiklan ke daftar" besar jika pengguna Anda tidak tahu untuk menekan Enter.

Dapatkan ini berfungsi tahap prototipe ASAP (menggunakan data tiruan) dan kemudian demo dengan klien Anda dan minta mereka menjalankannya. Mendapatkan umpan balik mereka sesegera mungkin sangat penting karena mereka akan menjadi orang yang sering menggunakannya dan karenanya mereka perlu merasa nyaman dengannya.

1
Rahul

Saya setuju dengan poin yang diajukan oleh MickyD dan Patrick . Itu semua tergantung pada bagaimana pemilihan pengiklan dibuat. Apakah klien akan menggunakan UI untuk memilih pengiklan yang harus dalam masalah tertentu atau apakah klien sudah memiliki daftar dengan pengiklan dalam masalah tertentu. Saya tidak berpikir penyaringan adalah solusi terbaik dalam kedua kasus tersebut.

Jika klien menggunakan UI untuk memilih pengiklan, itu harus bekerja jauh lebih baik untuk hanya menyajikan satu daftar dengan kondisi dicentang/tidak dicentang. Seperti yang ditulis Patrick, adalah ide bagus untuk membuat negara yang dipilih menonjol. Dimungkinkan juga untuk membuat kondisi yang tidak dipilih tampak lebih terang daripada hanya dengan mem-bold status yang dipilih. Klien bergerak dalam daftar menggunakan kunci naik/turun dan memeriksa/menghapus centang menggunakan spasi (atau kunci serupa).

Jika klien memiliki daftar dengan pengiklan muncul dalam masalah khusus, pendekatan pertama harus memeriksa apakah daftar itu dapat diterima dalam bentuk digital dan diimpor secara otomatis. Jika itu tidak mungkin, mungkin daftar diurutkan dengan cara tertentu dan kemudian UI harus mengurutkan pengiklan dengan cara yang sama.

Opsi ketiga adalah bahwa klien melihat melalui masalah mencari pengiklan atau dia memiliki daftar yang tidak disortir. Dalam hal ini masuk akal untuk memiliki fungsi filter.

Intinya adalah bahwa tanpa mengetahui tujuan dan keadaan di sekitar tugas itu bisa sangat sulit untuk memberikan solusi yang baik.

0
Robert Höglund

Saya akan menggunakan dua daftar, dan dua tombol. Pengguna dapat menandai elemen tunggal di daftar kiri dengan klik mouse, klik dua kali akan memindahkan elemen ke daftar kanan.

Dia dapat menggeser-klik, mengklik tandai rentang, dan dengan tombol [>] mentransfer semua elemen yang ditandai ke kanan. Dengan Ctrl, satu elemen dapat diubah dari yang ditandai ke status tidak bertanda dan kembali lagi.

Ctrl-a akan menandai semua elemen. Semua diketahui dari antarmuka program lainnya.

Elemen yang diurutkan berdasarkan abjad akan memudahkan untuk menemukan entri, karakter pertama dapat digunakan sebagai tombol pintas untuk menavigasi ke entri itu, jika menggulir diperlukan.

> afoo                    ifoo
bfoo                      jfoo
cfoo                      kfoo
> dfoo                    lfoo
> efoo                    mfoo
> ffoo                    
gfoo
hfoo
          [ < ]    [ > ]  

{a, d, e, f} foo sekarang ditandai di sebelah kiri. Dengan [>] pengguna memindahkannya ke kanan.

Antarmuka semacam itu cukup cepat, mudah digunakan, dan mudah dimengerti. Mungkin Anda dapat menambahkan tooltiptext atau memberi nama tombol 'pindah ke Daftar item yang dipilih' dan 'hapus dari Daftar item yang dipilih.'.

Setelah pindah ke Daftar lain, daftar ini harus digunakan.

0
user unknown