web-gelistirme-sc.com

Derin bir hiyerarşiyi görüntülemenin en iyi yolu nedir?

Üzerinde çalıştığım bir masaüstü uygulaması için derin bir hiyerarşi göstermenin en iyi yolunu düşünüyorum. İşte düşündüğüm bazı alternatif tasarımlar ...

Mac OSX Bulucu:

alt text

Ne gördüğünüzü anlarsanız, "Sütunlar Görünümü" bağlam göstermek için harika bir iş çıkarır (bu dev hiyerarşide neredeyim?) Ve içinde ne olduğunu görmek için klasör listelerine hızlıca göz atabilirsiniz ... emin bazı ekran emlak kullanır.


Microsoft'un MSDN Gezgini:

alt text

Temel olarak, burada olup biten, baktığınız sayfanın "ebeveynlerini" ve herhangi bir "çocuğu" görebilmenizdir. Farklı seviyelerde "kardeşleri" görmekten vazgeçiyorsunuz, ancak bu size bir sürü ekran alanı kazandırıyor. Böylece, kompaktlık karşılığında bazı bağlamlardan vazgeçersiniz.


Windows Gezgini:

alt text

Bu kullanıcı arayüzü, dikey veya yatay kaydırmaya başlamanız gereken noktaya kadar bağlamı göstermekte iyi olur. Çok sayıda öğeniz ve çok seviyeniz varsa, çok fazla kaydırma yapacaksınız. Bununla birlikte, bir kerede birden fazla klasör dalı açabilirsiniz. Bu bir tür mini tarih sağlar (şu ana kadar hangi klasörleri açtım?).


"Mega Menüler":

alt text

Bu örnekte, hiyerarşinin yaklaşık üç seviyesine bakıyorsunuz. Eğer zekiyseniz, belki de beşinci seviyenin dördüncüsünü gösterebileceğinizi düşünüyorum, ama bir noktada, ya daha geleneksel bir şeye (ağaç görünümü vb.).


Sorular

Açıkçası, desteklemeye çalıştığım görevi anlamadığınız sürece kimse bana hangi tür hiyerarşi kullanıcı arayüzüne ihtiyacım olduğunu yanıtlayamaz, ancak bazı özel sorularım var:

  1. Bu alternatiflerin her biri ne kadar yaygın? Uzun zamandır Mac kullanıcısı değilim ve Mac'in dışında hiçbir yerde Finder'ın Sütun Görünümü gibi bir kullanıcı arayüzü görmedim. Başka bir yerde var mı? Mac olmayan bir arayüzde kullanır mısınız? Tersine, "Mega-Menüler" çok yaygın görünüyor. Ağaç görünümünü (Windows Gezgini'nde olduğu gibi) her yerde (Windows uygulamalarında, web'de vb.) Görüyorum. Temel olarak standart bir GUI widget'ı. MSDN gezgini MSDN sitesinde başka hiçbir yerde görmedim.

  2. Kullanıcılar bu arayüzleri "alıyor" mu? Bu muhtemelen yaygınlık sorusuyla büyük ölçüde ilişkilidir, ancak, eğer Mac olmayan kullanıcıların önüne Sütunlar Görünümü koyarsam tamamen boğulur mu? Bununla ilgili herhangi bir veri veya deneyim var mı? Programcı olmayanların anlayacağını kanıtlamak için bazı verilerim olmadıkça bu MSDN'yi kullanmaya çok dikkat ederim.

  3. Herhangi bir alternatifi kaçırıyor muyum? Başka hangi hiyerarşi kullanıcı arayüzlerini veya bunlardaki varyasyonları gördünüz?

77
devuxer

Dikkat edilmesi gereken birkaç nokta:

  1. Bu hangi işletim sistemi için (veya çoklu için mi)?
  2. Hiyerarşinizde herhangi bir kısıtlama veya bilinen sınırlar var mı?
  3. Sağlanan bir arama seçeneği var mı?

Belirttiğiniz gibi 1 numara önemlidir ... çünkü Mac Finder çoğu Windows kullanıcısı için yabancı olacaktır.

2 numara da yardım sağlayabilir. Örneğin. Sığ bir ağacınız varsa bulucu iyi çalışır, ancak 15-20 derinlik seviyeniz varsa kullanılabilirlikten muzdariptir

3 kullanılabilirlik maddesidir. Tüm ağacı 5-10 saniyeden daha kısa sürede hızlı bir şekilde görüntüleyemezsem, bir arama seçeneğine ihtiyaç duyulur.

Sonuçta, standart "ağaç" kullanıcılar için en açık olarak bulmak. Hiyerarşi fiziksel olarak görülebilir ve yalnızca ilgilenilen dalın açılması/araştırılması gerekir - ancak karşılaştırmalar veya arama için birden fazla dal açabilirsiniz.

Benim tek diğer öneri ile çalışmak için en az yer varsa olacaktı, iPod "matkap" paradigma gerçekten iyi çalışıyor.

alt text

15
scunliffe

Yalnızca hiyerarşinin mevcut seviyesini ve ekmek kırıntılarını göster

enter image description here

11
Seder

Bence bu tipik görevlere bağlı. Sadece bir hiyerarşi görmek ve bağlantılara tıklamak için lucasrizoli'ye katılıyorum, bu ağaç çok benzer.

Kullanıcının klasörlerden çok fazla geçmesi gerekiyorsa (hiyerarşide ileri ve geri) Mac OSX fikrini tercih ederim. Klasörlerde düşünceler bulmam gereken işte çok faydalı.

Bu neden iyi? İlk olarak, hiyerarşiyi 2 boyuta bölerek ekranda çok daha fazla alan kullanır. İkinci olarak, hangi öğelerin aynı seviyede, daha derin = yatay, aynı = dikey olduğunu çok net bir şekilde gösterir.

Tabii ki, sadece hiyerarşi navigasyonunun bir uygulamanın parçası olmasını istiyorsanız, Mac OSX yolu için alanınız olmayabilir.

Bu yüzden büyük ölçüde tasarımınıza ve kullanıcının tipik görevlerine bağlıdır. Ayrıca, tipik kullanıcınızın bir mac veya windows kullanıcısı olup olmadığını düşünün (bu konuda herhangi bir şey söyleyebiliyorsanız).

6
Lukas Oppermann

1) Ağaç widget'ları (Windows Gezgini'nde olduğu gibi) ve açılır menüler (mega veya başka türlü) en tanıdık olduğunu söyleyebilirim.

2) "Get", "kullanıcılar" gibi belirsizdir.

Bu, sorunuzun bir cevabı değildir, ancak kullanıcının derin bir hiyerarşi görmesi/içinde gezinmesi gerekli midir? Bir hiyerarşiden kaçınmak veya basitleştirmek, daha sığ hale getirmek, hiyerarşiyi herhangi bir şekilde sunmanın daha kolay olacağını düşünüyorum.

3) Treemaps öncelikle bilgi görselleştirmede kullanılır. Ayrıca, Dasher harf olasılıklarının derin bir ağacında gezinmek için ilginç, yakınlaştırılabilir bir araç kullanır. Her ikisi de özellikle tanınmış veya yaygın değildir.

4
lucasrizoli

En iyi yol bu kadar derin hiyerarşi yapmayın veya dilimleri, sığ görünümleri (derin 2 maks) kullanmayın.

4
igor

Mac OS sütun görünümü harika, ancak büyük ekran alanı gerektiriyor. iPhone ve iPod hiyerarşik ekranları aynı konsepti kullanır, ancak cihazların küçük boyutu nedeniyle sütunları birçok ekrana böler. Ayrıca ekranın tamamını birer birer de olsa alırlar.

Ağaç görünümü çok sayıda yaprak düğümünüz varsa veya içerik miktarı nedeniyle iki boyutta kaydırma yapmaya başladığınızda yatay olarak gezinmek o kadar kolay değildir. Ne demek istediğimi görmek için regedit içinde gezinin.

Bir bağlam tutmak istiyorsanız, karma bir yaklaşım, bir kırıntı çubuğunu yalnızca geçerli düzey için yaprak düğümlerini gösteren bir listeyle birleştirmek olacaktır. Windows 7 Explorer'ın basitleştirilmiş bir sürümü gibi bir şey.

1
facildelembrar

Çift tıklama ve ekmek kırıntıları üzerinde ayrıntılı inceleme ile düzenli ağaç görünümü. Kontrol edin Workflowy , aynı davranışa sahiptir.

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

1
Nikita Dvornikov

Bir hiyerarşiyi göstermenin basit bir yolu, bir ağacı 2 listeyle birleştirmektir. Bir liste sadece seçilen ağaç düğümü için yaprak düğümlerini gösterir, diğeri üst düğümlerine göre gruplandırılmış ancak tüm yaprak düğümlerini gösterir.

Filtrelenen listeye bir arama kutusu eklemek iyi çalışır, böylece seçili düğümlerin içeriğini veya bir desenle eşleşen tüm yaprak düğümlerini gösterebilir:

enter image description here

0
pgfearo