it-swarm.asia

Apa cara terbaik untuk melihat hierarki yang dalam?

Saya telah merenungkan cara terbaik untuk menunjukkan hierarki yang mendalam untuk aplikasi desktop yang sedang saya kerjakan. Berikut adalah beberapa desain alternatif yang saya pertimbangkan ...

Mac OSX Finder:

alt text

Jika Anda memahami apa yang Anda lihat, "Tampilan Kolom" berfungsi untuk menunjukkan konteks (di mana saya berada dalam hierarki raksasa ini?), Dan Anda dapat menelusuri daftar folder dengan cepat untuk melihat apa yang ada di dalamnya ... tetapi itu pasti menggunakan beberapa layar real estat.


Microsoft MSDN Navigator:

alt text

Pada dasarnya, apa yang terjadi di sini adalah Anda dapat melihat "orang tua" dari halaman yang Anda lihat, dan Anda dapat melihat "anak-anak". Anda menyerah saat melihat "saudara kandung" di tingkat yang berbeda, tetapi itu menghemat banyak ruang layar. Jadi, Anda menyerah beberapa konteks dengan imbalan kekompakan.


Windows Navigator:

alt text

UI ini layak menampilkan konteks sampai titik Anda harus mulai menggulir secara vertikal atau horizontal. Jika Anda memiliki banyak item dan banyak level, Anda akan banyak menggulir. Yang mengatakan, Anda dapat membuka beberapa cabang folder sekaligus. Ini memberikan semacam sejarah-mini (folder apa yang telah saya buka sejauh ini?).


"Mega-Menu":

alt text

Dalam contoh ini, Anda melihat sekitar tiga level hierarki. Jika Anda pintar, saya kira Anda bisa menunjukkan mungkin tingkat keempat dari kelima, tetapi pada titik tertentu, itu akan memecah atau mengalihkan menjadi sesuatu yang lebih tradisional (tampilan pohon, dll.).


Pertanyaan

Jelas, tidak ada yang bisa menjawab untuk saya jenis hirarki UI apa yang saya butuhkan kecuali Anda mengerti tugas yang saya coba dukung, tapi saya punya beberapa pertanyaan spesifik:

  1. Seberapa lazimnya masing-masing alternatif ini? Saya belum pernah menjadi pengguna Mac untuk waktu yang lama, dan saya benar-benar belum melihat UI seperti Find the Columns View di mana pun selain di Mac. Apakah ada di tempat lain? Apakah Anda akan menggunakannya pada antarmuka non-Mac? "Mega-Menu", sebaliknya, tampak sangat lazim. Saya melihat tampilan hierarki (seperti pada Windows Explorer) di semua tempat (di aplikasi Windows, di web, dll.). Ini pada dasarnya widget GUI standar. Saya belum melihat navigator MSDN di tempat lain selain di situs MSDN.

  2. Apakah pengguna "mendapatkan" antarmuka ini? Ini mungkin sangat berkorelasi dengan pertanyaan prevalensi, tetapi jika saya meletakkan, katakanlah, Tampilan Kolom di depan pengguna non-Mac, apakah mereka akan benar-benar bingung? Adakah data atau pengalaman dengan ini? Saya akan sangat berhati-hati dalam menggunakan MSDN itu kecuali saya memiliki beberapa data untuk membuktikan bahwa non-programmer akan mengerti.

  3. Apakah saya kehilangan alternatif? Apa hirarki UI atau variasi lain yang pernah Anda lihat?

77
devuxer

Beberapa pertimbangan:

  1. Untuk apa OS ini (atau untuk multiple)?
  2. Apakah ada batasan atau batasan yang diketahui pada hierarki Anda?
  3. Apakah ada opsi pencarian yang disediakan?

Nomor 1 penting seperti yang Anda catat ... karena Mac Finder akan asing bagi sebagian besar pengguna Windows.

No. 2 dapat memberikan bantuan juga. Misalnya. Finder berfungsi dengan baik jika Anda memiliki pohon dangkal, tetapi jika Anda memiliki kedalaman 15-20 level, itu dapat digunakan

3 adalah item kegunaan. Jika saya tidak dapat dengan cepat melihat seluruh pohon dalam waktu kurang dari 5-10 detik, opsi pencarian diperlukan.

Semua dalam semua, saya menemukan standar "pohon" menjadi yang paling jelas bagi pengguna. Hirarki terlihat secara fisik, dan hanya cabang yang menarik yang perlu dibuka/dieksplorasi - tetapi Anda dapat membuka lebih dari satu cabang untuk perbandingan atau pencarian.

Satu-satunya saran saya adalah jika Anda memiliki ruang minimal untuk bekerja, paradigma "drill-down" iPod berfungsi dengan sangat baik.

alt text

15
scunliffe

Hanya tampilkan level hierarki saat ini, dan remah roti

enter image description here

11
Seder

Saya pikir itu tergantung pada tugas-tugas khas. Untuk hanya melihat hierarki dan mengklik tautan, saya setuju dengan lucasrizoli, pohon itu sangat mirip.

Jika pengguna harus melalui folder banyak (maju dan mundur dalam hierarki) Saya lebih suka ide Mac OSX. Ini sangat berguna di tempat kerja, di mana saya harus menemukan pemikiran dalam folder.

Mengapa ini bagus? Pertama menggunakan lebih banyak ruang pada tampilan dengan memecah hierarki menjadi 2 dimensi. Kedua itu sangat jelas menunjukkan item mana yang berada pada level yang sama, lebih dalam = horisontal, sama = vertikal.

Tentu saja, jika Anda hanya ingin navigasi hierarki menjadi bagian dari aplikasi Anda mungkin tidak memiliki ruang untuk cara Mac OSX.

Jadi itu sangat tergantung pada desain Anda dan pada tugas-tugas khas untuk pengguna. Juga pertimbangkan apakah pengguna biasa Anda adalah pengguna mac atau windows (jika Anda dapat mengatakan apa-apa tentang itu).

6
Lukas Oppermann

1) Tree widget (seperti pada Windows Explorer) dan menu drop-down (mega atau sebaliknya) saya akan mengatakan adalah yang paling akrab.

2) "Dapatkan" tidak jelas, seperti "pengguna," sungguh.

Ini bukan jawaban untuk pertanyaan Anda, tetapi apakah perlu agar pengguna melihat/menavigasi hierarki yang mendalam? Menghindari hierarki atau menyederhanakannya, membuatnya lebih dangkal, saya curiga akan lebih mudah menyajikan hierarki dengan cara apa pun.

3) Peta Situs digunakan terutama dalam visualisasi info. Juga, Dasher menggunakan cara yang menarik, dapat diperbesar untuk menavigasi kemungkinan pohon besar surat. Tidak satu pun yang terkenal atau umum.

4
lucasrizoli

Cara terbaik tidak melakukannya dalam hierarki atau menggunakan irisan, pandangan dangkal (dalam 2 maks).

4
igor

Tampilan kolom Mac OS memang keren, tetapi membutuhkan ruang layar yang besar. Layar hirarki iPhone dan iPod menggunakan konsep yang sama, tetapi memecah kolom di banyak layar karena ukuran perangkat yang kecil. Mereka juga mengambil seluruh layar, meskipun satu per satu.

Tampilan pohon tidak begitu ramah untuk dinavigasi secara horizontal jika Anda memiliki banyak simpul daun, atau ketika Anda mulai harus menggulir dalam dua dimensi karena jumlah konten. Navigasikan ke dalam regedit untuk melihat apa yang saya maksud.

Jika Anda ingin mempertahankan beberapa konteks, pendekatan hybrid akan menggabungkan bar remah roti dengan daftar yang hanya menunjukkan node daun untuk level saat ini. Sesuatu seperti versi Windows 7 Explorer yang disederhanakan.

1
facildelembrar

Tampilan pohon biasa dengan menelusuri klik dua kali dan remah roti. Lihat Workflowy , ia memiliki perilaku yang sama.

Regular tree-view with drill-down on double-click and breadcrumbs

1
Nikita Dvornikov

Salah satu cara sederhana untuk menunjukkan hierarki adalah menggabungkan pohon dengan 2 daftar. Satu daftar menunjukkan hanya simpul daun untuk simpul pohon yang dipilih, yang lain menunjukkan semua simpul daun tetapi dikelompokkan berdasarkan simpul induknya.

Ini berfungsi cukup baik untuk menambahkan kotak pencarian ke daftar yang difilter sehingga dapat menampilkan konten node yang dipilih atau semua node daun yang cocok dengan pola:

enter image description here

0
pgfearo