Ü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:
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:
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:
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":
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:
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.
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.
Herhangi bir alternatifi kaçırıyor muyum? Başka hangi hiyerarşi kullanıcı arayüzlerini veya bunlardaki varyasyonları gördünüz?
Dikkat edilmesi gereken birkaç nokta:
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.
Yalnızca hiyerarşinin mevcut seviyesini ve ekmek kırıntılarını göster
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).
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.
En iyi yol bu kadar derin hiyerarşi yapmayın veya dilimleri, sığ görünümleri (derin 2 maks) kullanmayın.
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.
Ç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.
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: