Aracılığıyla paylaş


Ağaç Görünümleri

Not

Bu tasarım kılavuzu Windows 7 için oluşturulmuştur ve Windows'un daha yeni sürümleri için güncelleştirilmemiştir. Kılavuzun çoğu ilke olarak hala geçerlidir, ancak sunu ve örnekler geçerli tasarım kılavuzumuzu yansıtmaz.

Ağaç görünümüyle, kullanıcılar tek seçim veya birden çok seçim kullanarak hiyerarşik olarak düzenlenmiş bir nesne koleksiyonunu görüntüleyebilir ve bunlarla etkileşimde bulunabilir.

Bir ağaçta, veri içeren nesnelere yaprak düğümler, diğer nesneleri içeren nesnelere kapsayıcı düğümleri adı verilir. En üstteki tek bir kapsayıcı düğümüne kök düğüm adı verilir. Kullanıcılar artı ve eksi genişletici düğmelerine tıklayarak kapsayıcı düğümlerini genişletebilir ve daraltabilir.

Windows Gezgini ağaç görünümüekran görüntüsü

Tipik bir ağaç görünümü.

Not

düzen ve menüleriyle ilgili yönergeler ayrı makalelerde sunulmuştur.

Doğru kontrol bu mu?

Hiyerarşik verilere sahip olmak, ağaç görünümü kullanmanız gerektiği anlamına gelmez. Çoğu zaman liste görünümü daha basit ama daha güçlü bir seçimdir. Liste görünümleri:

  • Birkaç farklı görünümü destekleyin.
  • Ayrıntılar görünümündeki sütunlardan herhangi birine göre verileri sıralamayı destekler.
  • Verileri gruplar halinde düzenlemeyi ve iki düzeyli hiyerarşi oluşturmayı destekler.

Liste görünümü kullanmak için aşağıdaki teknikleri kullanarak hiyerarşik bilgileri düzleştirebilirsiniz:

  • Varsa kök düğümü kaldırın, çünkü genellikle gerekli değildir.

  • Liste görünümü gruplarını, sekmeleri, açılan listelerikullanın veya en üst düzey kapsayıcıları değiştirmek için genişletilebilir başlıklar .

    listeekran görüntüsü

    Bu örnekte, liste görünümü grupları en üst düzey kapsayıcılar için kullanılır.

    üst düzey kapsayıcılar için kullanılan sekmelerin ekran görüntüsü

    Bu örnekte, sekmeler en üst düzey kapsayıcılar için kullanılır

    Kapsayıcıekran görüntüsü

    Bu örnekte, en üst düzey kapsayıcılar için bir açılan liste kullanılır.

  • İlişkili bir denetim seçili kapsayıcının içeriğini görüntülerse, bu denetim hiyerarşinin alt düzeylerini görüntüleyebilir.

    İçindekiler bölmesiekran görüntüsü

    Bu örnekte, belge penceresinde alt düzey kapsayıcılar görüntülenir.

İkiden fazla düzeyden (kök düğüm dahil değil) bir hiyerarşi görüntülemeniz gerekiyorsa ağaç görünümü kullanmanız gerekir.

Ağaç görünümünün doğru denetim olup olmadığını belirlemek için şu soruları göz önünde bulundurun:

  • Veri hiyerarşik mi? Aksi takdirde başka bir denetim kullanın.
  • Hiyerarşinin en az üç düzeyi var mı (kök dahil değil)? Aksi takdirde liste görünümü grupları, sekmeler, açılan listeler veya genişletilebilir başlıklar gibi alternatifleri göz önünde bulundurun.
  • Öğelerin yardımcı verileri var mı? Öyleyse, yardımcı verilerden tam olarak yararlanmak için Ayrıntılar görünüm modunda bir liste görünümü kullanmayı göz önünde bulundurun.
  • Alt düzey veriler bağımsız alt görevlerle ilişkili mi? Bu durumda, bilgileri ilişkili bir denetimde veya ayrı bir pencerede (komut düğmeleri veya bağlantılarıkullanılarak görüntülenir) görüntülemeyi göz önünde bulundurun.
  • Hedef kullanıcılar gelişmiş mi? İleri düzey kullanıcılar ağaçları kullanmada daha beceriklidir. Uygulamanız acemi kullanıcıları hedefliyorsa ağaç görünümlerini kullanmaktan kaçının.
  • Öğelerin çoğu kullanıcıya tanıdık gelen tek, doğal, hiyerarşik bir kategorisi var mı? Öyleyse, veriler ağaç görünümü için idealdir. Birden çok görünüm veya sıralama gerekiyorsa, bunun yerine bir liste görünümü kullanın.
  • Kullanıcıların tüm senaryolarda değil de bazı senaryolarda alt düzey verileri görmesi mi gerekiyor, yoksa her zaman değil mi? Öyleyse, veriler ağaç görünümü için idealdir.

Not

Bazen ağaç görünümüne benzeyen bir denetim, liste görünümü kullanılarak uygulanır. Bu gibi durumlarda, yönergeleri uygulamaya değil kullanıma göre uygulayın.

Tasarım kavramları

Ağaçlar verileri düzenlemeye ve bulmayı kolaylaştırmaya yöneliktir, ancak bir ağaç içindeki verileri kolayca bulunabilir hale getirmek zordur. Ağaç görünümleri ve kuruluşları hakkında karar verirken aşağıdaki ilkeleri göz önünde bulundurun.

Öngörülebilirlik ve bulunabilirlik

Ağaç görünümü, nesneler arasındaki ilişkileri temel alır. Ağaçlar, nesneler her nesnenin tek, kolay belirlenebilen bir kapsayıcıya eşlendiği net, iyi bilinen, birbirini dışlayan bir ilişki oluşturduğunda en iyi sonucu verir.

Önemli bir sorun, bir nesnenin farklı düğümlerde görünebiliyor olmasıdır. Örneğin, kullanıcılar nerede müzik çalan, büyük bir sabit diske sahip ve USB bağlantı noktası kullanan bir donanım cihazı bulmayı bekler? Multimedya, Depolama, USB ve muhtemelen Donanım Kaynakları gibi birkaç farklı kapsayıcı düğümünde olabilir. Çözümlerden biri, koşullardan bağımsız olarak her nesneyi en uygun tek kapsayıcının altına yerleştirmektir; başka bir yaklaşım, her nesneyi geçerli olan tüm kapsayıcıların altına yerleştirmektir. İlki basit, temiz bir hiyerarşiyi ve ikincisi bulunabilirliği teşvik eder her birinin avantajları ve olası sorunları vardır.

Kullanıcılar ağacın düzenini tam olarak anlamayabilir, ancak bir süre ağaçla etkileşime geçtikten sonra ilişkilerin zihinsel bir modelini oluştururlar. Bu zihinsel model yanlışsa karışıklığa yol açar. Örneğin, bir müzik çaların Multimedya, Depolama ve USB kapsayıcılarında bulunabileceğini varsayalım. Bu düzenleme bulunabilirliği artırır. Bir kullanıcı cihazı ilk olarak Multimedya'da bulursa, kullanıcı müzik çalar gibi tüm cihazların Multimedya kapsayıcısında göründüğü sonucuna varabilir. Kullanıcı daha sonra dijital kameralar gibi benzer cihazların Multimedya kapsayıcısında görünmesini bekler ve böyle değilse kafası karışır.

Ağaç tasarlarken karşılaşılan zorluk, karışıklığı en aza indiren öngörülebilir bir kullanıcı modeliyle bulunabilirliği dengelemektir.

Genişlik ve derinlik karşılaştırması

Kullanılabilirlik çalışmaları, kullanıcılarının derinolan bir ağaçtan daha geniş bir ağaçtaki nesneleri bulma konusunda daha başarılı olduğunu göstermiştir, bu nedenle bir ağaç tasarlarken derinlikten daha geniş bir alanı tercih etmelisiniz. İdeal olarak, bir ağacın en fazla dört düzeyi olmalıdır (kök düğümü saymamalıdır) ve en sık erişilen nesneler ilk iki düzeyde görünmelidir.

Diğer ilkeler

  • Kullanıcılar aradıklarını buldukları zaman aramayı bırakırlar. Gerek duymadığından bir nesnenin başka nerede bulunabileceğini görmek istemezler. Bu kullanıcılar, buldukları ilk yolun tek yol olduğunu varsayabilir.
  • Kullanıcılar büyük, karmaşık ağaçlarda nesne bulma konusunda sorun yaşıyor. Kullanıcılar bu tür ağaçlardaki nesneleri bulmak için kapsamlı, el ile arama gerçekleştirmez; Makul bir çaba harcadıklarını düşündüklerinde dururlar. Sonuç olarak, büyük, karmaşık ağaçların sözcük arama, dizin veya filtreleme gibi diğer erişim yöntemleriyle desteklenmesi gerekir.
  • Bazı programlar kullanıcıların kendi ağaçlarını oluşturmasına olanak sağlar. Kendi kendine tasarlanmış bu tür ağaçlar bir kullanıcının zihinsel modeliyle uyumlu olsa da, genellikle göz kamaştırıcı ve kötü bakımlı olarak oluşturulurlar. Örneğin, bir dosya sistemi, e-posta programı ve Sık Kullanılanlar listesi genellikle benzer türde bilgileri depolarken, kullanıcılar bunları aynı şekilde düzenlemeye nadiren zahmet eder.

Tek bir şey yaparsanız...

Ağaç görünümlerini kullanmanın avantajlarını ve dezavantajlarını dikkatlice tartın. Hiyerarşik olarak düzenlenmiş verilere sahip olmak, ağaç görünümü kullanmanız gerektiği anlamına gelmez.

Kullanım desenleri

Ağaç görünümlerinin çeşitli kullanım desenleri vardır:

Kullanım Örnek
Ağaç görünümlerini yalnızca kapsayıcı düğümleriyle
kullanıcılar tek seferde bir kapsayıcıyı görüntüleyebilir ve bunlarla etkileşimde bulunabilir.
Genellikle, bu ağaç görünümleri, kullanıcıların bir kerede yalnızca bir kapsayıcıyla etkileşim kurabilmesi için seçili kapsayıcının içeriğini görüntüleyen ilişkili bir denetime sahiptir.
Kapsayıcı bölmesinin ve içindekiler bölmesinin
Bu örnekte, ağaç görünümünde yalnızca kapsayıcı düğümleri vardır. Seçili düğümün içeriği ilişkili liste görünümü denetiminde görüntülenir.
Kapsayıcı ve yaprak düğümlerle Ağaç görünümleri
kullanıcılar kapsayıcıları ve yaprakları görüntüleyebilir ve bunlarla etkileşimde bulunabilir.
Genellikle bu ağaç görünümleri, seçili kapsayıcının veya yaprağın içeriğini görüntüleyen ilişkili bir denetime sahiptir. kullanıcıların yapraklarla etkileşim kurmasına izin vermek genellikle birden çok seçimi desteklemeyi zorunlu kılar.
ağaç görünümü bölmesinin ve içindekiler bölmesinin
bu örnekte, ağaç görünümünde hem kapsayıcı hem de yaprak düğümler vardır. Birden çok seçim desteklendiğinden, açılan öğelerin içeriği ilişkili denetimde sekmeler kullanılarak görüntülenir.
alternatif olarak, ağaç görünümünde kapsayıcıların başlık, yaprakların ise seçenekler olduğu düzenli bir liste bulunabilir.

Bu örnekte ağaç yaprakları seçenekler, kapsayıcılar ise seçenek kategorileridir.
Onay kutusu ağaç görünümleri
kullanıcılar, hiçbiri dahil olmak üzere herhangi bir sayıda öğe seçebilir.
Onay kutuları, birden çok seçimin mümkün olduğunu açıkça gösterir. birden çok seçim gerekli olduğunda veya yaygın olarak kullanıldığında bu ağaç deseni kullanın.
onay kutularıekran görüntüsü
Bu örnekte onay kutusu ağaç görünümü, özellik seçiminin açılıp kapatılmasına olanak tanır.
Ağaç görünümü oluşturucuları
kullanıcılar bir kerede bir kapsayıcı veya yaprak ekleyerek ve isteğe bağlı olarak sırayı ayarlayarak ağaç oluşturabilir.
Birçok ağaç kullanıcılar tarafından oluşturulabilir veya değiştirilebilir. bazı ağaçlar bağlam menüleri ve sürükle bırak (windows gezginindeki klasörler gibi) kullanılarak yerleşik olarak oluşturulurken, diğer ağaçlar özel bir iletişim kutusu (windows Internet Explorer'daki sık kullanılanlar listesi gibi) kullanılarak oluşturulur.
Sık kullanılanlar iletişim kutusunun ekran görüntüsü
Internet Explorer'daki bu örnekte, kullanıcılar bir iletişim kutusu kullanarak kendi sık kullanılanlar listesini oluşturabilir.
alternatif erişim yöntemleriyle ağaç görünümlerini
kullanıcılar, nesneleri hiyerarşik ağaç kullanmak dışında farklı şekillerde bulabilir.
Daha önce belirtildiği gibi, kullanıcılar büyük, karmaşık ağaçlarda nesneleri bulma konusunda sorun yaşıyorlar, bu nedenle bu tür ağaçlar sözcük araması, dizin veya filtreleme gibi diğer erişim yöntemleriyle desteklenmelidir.
İçindekiler, dizinler ve sık kullanılanlar sekmelerinin ekran görüntüsünü
bu örnekte, kullanıcılar bir içindekiler tablosu, dizin ve sık kullanılanlar kullanarak da bilgilere erişebilir. bazı kullanıcılar için dizin ve arama sekmeleri, içindekiler sekmesinden daha yararlı olabilir.
Windows başlat menüsü ve arama kutusu
Bu örnekte, Windows Başlat menüsü kullanıcıların Arama kutusuna adın bir bölümünü yazarak programlara, dosyalara ve Web sayfalarına erişmesine de olanak tanır.

Yönerge -leri

Sunum

  • Kapsayıcı içinde öğeleri mantıksal düzende sıralayın. Adları alfabetik düzende, sayıları sayısal düzende ve tarihleri kronolojik düzende sıralayın.

  • Denetimin giriş odağı olmasa bile kullanıcıların seçili öğeyi kolayca belirleyebilmesi için Seçimi Her Zaman Göster özniteliğini kullanın.

  • Ağaç içindekiler tablosu gibi davranıyorsa, ağacın yönetimini basitleştirmek için Tek Genişletme özniteliğini kullanın. Bu şekilde, ağacın yalnızca ilgili kısmı genişletilir.

  • Boş ağaçlar sunmaktan kaçının. Kullanıcı bir ağaç oluşturursa, kullanıcıların ihtiyaç duyabileceği yönergeler veya örnek öğelerle ağacı başlatın.

    Internet Explorer sık kullanılanlar listesiekran görüntüsü

    Bu örnekte, liste başlangıçta örneklerle gösterilir.

  • Kullanıcıların daraltmak için bir nedeni yoksa kapsayıcı düğümlerini daraltılabilir hale getirmeyin. Bunu yapmak gereksiz karmaşıklık ekler.

  • Yük performansı bir sorunsa, varsayılan olarak yalnızca ağacın birinci ve ikinci düzey kapsayıcılarını görüntüleyin. Daha sonra, kullanıcı ağaçtaki dalları genişlettiğinde isteğe bağlı olarak ek veriler yükleyebilirsiniz.

  • Kullanıcılar kapsayıcıyı genişletirse veya daraltırsa, kullanıcıların varsayılan durumdan başlamayı tercih etme olasılığı olmadığı sürece ağaç görünümününbir sonraki görüntülendiğinde geçerli olması için bu durumun kalıcı olmasını sağlayın. Kalıcılık, kullanıcı başına ağaç başına görünümde olmalıdır.

  • Üst düzey kapsayıcılar benzer içeriklere sahipse bunları ayırt etmek için görsel ipuçları kullanmayı göz önünde bulundurun.

    yanlış :

    Farklı simgeler

    Bu örnekte, Posta Kutusu ve Arşiv Klasörleri benzer içeriklere sahiptir. Ağaçlar daha da genişletildikten sonra, kullanıcıların ağaçta nerede olduklarını bilmeleri çok zordur ve kafa karışıklığına neden olur. Farklı bölümlerde biraz farklı simgeler kullanmak bu sorunu çözer.

  • Bağlantı hatlarını yeniden gözden geçirin. Bu satırlar kapsayıcı ve yaprak düğümler arasındaki ilişkileri açıkça gösterse de, kavramaya önemli ölçüde yardımcı olmadan görsel dağınıklık ekler. Özellikle, düğümler birbirine yakın olduğunda yardımcı olmazlar ve kaydırmanın gerekli olduğu kadar uzakta olduklarında da yardımcı olmazlar.

    Doğru:

    Bağlantı çizgileriekran görüntüsü

    Daha İyi:

    çizgi bağlamadan ağaç görünümünün ekran görüntüsü

    Bağlantı hatları kavramaya yardımcı olmak için çok az şey yapar.

Etkileşim

  • Çift tıklama davranışı sağlamayı göz önünde bulundurun. Çift tıklama, bir öğeyi seçip varsayılan komutunu gerçekleştirmekle aynı etkiye sahip olmalıdır.

  • Çift tıklama davranışını yedekli hale getirin. Her zaman aynı etkiye sahip bir komut düğmesi veya bağlam menüsü komutu olmalıdır.

  • Bir öğe daha fazla açıklama gerektiriyorsa bir bilgi ipucunda açıklamayı sağlayın.

    bir öğe için bilgi ipucu içeren sık kullanılanların ekran görüntüsü

    Bu örnekte, bir bilgi ipucu daha fazla bilgi sağlar.

  • İlgili komutların bağlam menülerini sağlayın. Bu tür komutlar Kes, Kopyala, Yapıştır, Kaldır veya Sil, Yeniden Adlandır ve Özellikler'i içerir.

  • Ağaç görünümünü devre dışı bırakırken, ilişkili etiketleri ve komut düğmelerini de devre dışı bırakın.

Ağaç düzenlemesi

  • Kullanıcıların çoğuna tanıdık gelen doğal hiyerarşik bir yapı kullanın.
  • Böyle bir yapıyı kullanamıyorsanız, karışıklığı en aza indiren öngörülebilir bir kullanıcı modeliyle bulunabilirliği dengelemeye çalışın.
  • Bulunabilirliği güvenli bir şekilde geliştirmek için şu durumlarda bir öğeyi birden çok kapsayıcıya yerleştirin:
    • Öğe diğer benzer öğelerle ilgili değildir (bu nedenle kullanıcıların yanlış ilişkilendirmeler tarafından karıştırılmaması).
    • Bu kadar fazla bulunan öğelerden yalnızca birkaçı vardır (bu nedenle ağaç şişirilmez).
  • İyi çalışan en basit hiyerarşik yapıyı kullanın. Bunu yapmak için:
    • En sık erişilen nesneleri ağacın ilk iki düzeyine yerleştirin (kök düğümü saymayın) ve daha az yaygın erişilen nesneleri hiyerarşinin daha ilerisine yerleştirin.
    • Gereksizleri ortadan kaldırın veya yedekli ara düzey kapsayıcıları birleştirin.
  • Derinlik yerine genişliği tercih edin. İdeal olarak, bir ağaç en fazla dört düzeye sahip olmamalıdır ve en yaygın erişilen nesneler ilk iki düzeyde görünmelidir.
  • Gerçekten bir kök düğüme ihtiyacınız olup olmadığını belirleyin. Kullanıcıların ağacın tamamında komutlar gerçekleştirmesi gerekiyorsa (büyük olasılıkla kök düğümde bir bağlam menüsü kullanarak) bir kök düğüm sağlayın. Aksi takdirde, ağaç olmadan daha basit ve kullanımı daha kolaydır.
  • Ağaçta sözcük araması veya dizin gibi alternatif erişim yöntemleri varsa, en kullanışlı içeriğe odaklanarak ağacı gözatma için iyileştirin. Alternatif erişim yöntemleriyle, ağacın içeriğinin kapsamlı olması gerekmez. Ağacı basitleştirmek, kullanıcıların en kullanışlı içeriği bulmasını kolaylaştırır.

Onay kutusu ağacı görünümleri

  • Özellikle kullanıcıların birkaç öğe seçme olasılığı varsa, listealtındaki seçili öğelerin sayısını görüntüleyin. Bu geri bildirim, kullanıcıların seçimlerinin doğru olduğunu onaylamasına yardımcı olur.

    seçilen öğe sayısının ekran görüntüsü

    Bu örnekte, seçilen öğelerin sayısı ağacın altında görüntülenir. İki öğenin seçilmediği açıktır.

  • Büyük olasılıkla çok fazla öğe varsa ve tümünü seçmek veya temizlemek olasıysa Tümünü seç ve Tümünü temizle komut düğmelerini ekleyin.

  • Kapsayıcıdaki öğelerin kısmi seçimini göstermek için karma durum onay kutularını kullanın.

    Doğru:

    Karma durum onay kutuları

    Bu örnekte, kısmi seçimi göstermek için karma durum onay kutuları kullanılır.

Ağaç görünümü boyutlandırma ve aralıkekran görüntüsü

Ağaç görünümü denetimleri için önerilen boyutlandırma ve aralık.

  • Ağaç tamamen genişletildiğinde çoğu öğe için yatay kaydırma gereksinimini önleyen bir ağaç görünümü genişliği seçin.

  • Yerelleştirmeye uyum sağlamak için yüzde 30 daha ekleyin.

  • Gereksiz dikey kaydırmayı ortadan kaldıran bir ağaç görünümü yüksekliği seçin. Bunu yapmak dikey kaydırma çubuğu ihtiyacını azaltıyorsa ağaç görünümünü biraz daha uzun (hatta kullanılabilir alan varsa daha da fazla) yapmayı göz önünde bulundurun.

    yanlış :

    Kısa, dar ağaç görünümü denetimiekran görüntüsü

    Bu örnekte, ağaç görünümünün biraz daha geniş ve uzun olması çoğu durumda kaydırma çubuklarını ortadan kaldırır. Bu ağaçta, aynı anda yalnızca bir kapsayıcı açılabilir.

  • Kullanıcılar ağaç görünümünü büyütmenin avantajlarından yararlanıyorsa, ağaç görünümünü ve üst penceresini yeniden boyutlandırılabilir hale getirin. Bunun yapılması, kullanıcıların ağaç görünümü boyutunu gerektiği gibi ayarlamasına olanak tanır.

Etiket

Denetim etiketleri

  • Tüm ağaç görünümlerinin etikete ihtiyacı vardır. Etiketi cümle olarak değil, iki nokta üst üste ile biten ve statikmetin kullanarak bir sözcük veya tümcecik olarak yazın.

  • Benzersiz bir erişim anahtarı atayın. Atama yönergeleri için bkz. klavye .

  • Tümce stili büyük harfe çevirmeyi kullanın.

  • Etiketi denetimin üzerine getirin ve etiketi denetimin sol kenarıyla hizalayın.

  • Birden çok seçimli ağaç görünümleri için etiketi, birden çok seçimin mümkün olduğu açıkça anlaşılasın diye yazın. Onay kutusu ağaç görünümü etiketleri daha az açık olabilir.

    yanlış :

    Bileşenler etiketiekran görüntüsü

    Bu örnekte, etiket birden çok seçim hakkında bilgi sağlamaz.

    Daha İyi:

    'Bir veya daha fazla' etiketli ağaç görünümünün ekran görüntüsü

    Bu örnekte, etiket birden çok seçimin mümkün olduğunu açıkça gösterir.

    En İyisi:

    onay kutuları

    Bu örnekte, onay kutuları birden çok seçimin mümkün olduğunu açıkça gösterir, bu nedenle etiketin açık olması gerekmez.

Veri metni

  • Tümce stili büyük harfe çevirmeyi kullanın.

Yönerge metni

  • Ağaç görünümü hakkında yönerge metni eklemeniz gerekiyorsa etiketin üzerine ekleyin. Noktalama işaretlerini sona erdirmek için tümceleri kullanın.

  • Tümce stili büyük harfe çevirmeyi kullanın.

  • Yararlı olan ancak gerekli olmayan ek açıklamalar kısa tutulmalıdır. Bu bilgileri etiket yerine kullanılan ana yönergeden sonra veya denetimin altına etiket ile iki nokta üst üste arasındaki parantez içinde yerleştirin.

    Ağaç görünümünün altındaki açıklamanın ekran görüntüsü

    Bu örnekte, ek açıklama denetimin altındadır.

Belge

Ağaç görünümlerine başvururken:

  • Büyük harfe çevirme dahil olmak üzere tam etiket metnini kullanın, ancak erişim anahtarı alt çizgisini veya iki nokta üst üste eklemeyin. Bağlam normal listelerden ayrım yapmayı gerektiriyorsa, sözcük listesini veya hiyerarşik listeyi ekleyin.
  • Ağaç öğeleri için, büyük harfe çevirme dahil olmak üzere tam öğe metnini kullanın.
  • Ağaç görünümlerini yalnızca programlama ve diğer teknik belgelerde ağaç görünümleri olarak adlandırabilirsiniz. Ağaç terimi çoğu kullanıcı için kafa karıştırıcı olduğundan, diğer her yerde liste veya hiyerarşik liste kullanın.
  • Kullanıcı etkileşimini açıklamak için veriler için select komutunu kullanın ve artı ve eksi düğmeleri için genişletip daraltın.
  • Mümkün olduğunda, kalın metin kullanarak etiket ve ağaç öğelerini biçimlendirin. Aksi takdirde, etiketi ve öğeleri yalnızca karışıklığı önlemek için gerekiyorsa tırnak içine koyun.

Örnek: İçeriği listesinde kullanıcı arabirimi tasarımı seçin.

Ağaç görünümünde onay kutularına başvururken:

  • Büyük harfe çevirme dahil olmak üzere tam etiket metnini kullanın ve sözcükleri ekleyin onay kutusunu ekleyin. Erişim anahtarı alt çizgisini eklemeyin.
  • Kullanıcı etkileşimlerini açıklamak için seç ve temizle'yi kullanın.
  • Mümkün olduğunda, kalın metin kullanarak etiketi biçimlendirin. Aksi takdirde, etiketi yalnızca karışıklığı önlemek için gerekiyorsa tırnak içine koyun.

Örnek: yedeklemek için Öğeleri listesinde Belgelerim onay kutusunu seçin.