Kullanım kılavuzuna geç
Navigation Patternsyazan Owl-Listener

Navigation Patterns Skill.

Bilgi hiyerarşisini tanınabilir gezinme kontrollerine ve hedefler arasında net yollara dönüştürün.

  • Etkileşim Tasarımı
  • Gezinme
Kaynak İncelemesi · Navigation PatternsSKILL.md
Görev Etkileşim Tasarımı Çıktılar • Göreve dayalı gerekçeyle önerilen bir gezinme kalıbı. • Genel, yerel, yardımcı ve bağlamsal gezinme atamaları. • Etkin, üzerine gelme, odak, devre dışı ve rozet durumu gereksinimleri. Başlamadan Önce Bir bilgi hiyerarşisi ve görev öncelikleri gerekir; gezinme bileşeni paketi sağlanmaz.
Editoryal özet · incelenen kaynak 2026-10-07 · üretilmiş örnek değildir

01 İşlevler

Kullanıcıların Üründe Nasıl Gezineceğini Seçin

Genel ve yerel kalıpları, yönlendirme ipuçlarını, platform geleneklerini ve durum tasarımını kapsayan bir gezinme seçimi kılavuzu.

Kaynağa dayalı iş akışıYürütme performans testi değildir

Çalışma Yaklaşımı

Navigation Patterns, ürünün yapısını gösteren arayüzü seçer: mobil sekmeler, masaüstü kenar çubukları, üst gezinme, ekmek kırıntıları, bağlamsal bağlantılar veya çekmece. Genel, yerel ve yardımcı gezinmeyi ayrı tutar; böylece farklı düzeylerdeki hedefler aynı kontrol içinde yarışmaz.

Kaynak, hareket kadar yönlendirmeyi de vurgular. Kullanıcı mevcut konumunu bilmeli, bir etiketin nereye götüreceğini tahmin edebilmeli ve geri dönüş yolunu bulabilmelidir. Etkin durumlar yalnızca renge dayanmadan da tanınabilmeli; kalıp, yalnızca ekran alanı kazandırmak yerine platforma ve kullanım sıklığına uymalıdır.

Beklenen Çıktılar

  • Göreve dayalı gerekçeyle önerilen bir gezinme kalıbı.
  • Genel, yerel, yardımcı ve bağlamsal gezinme atamaları.
  • Etkin, üzerine gelme, odak, devre dışı ve rozet durumu gereksinimleri.
Örnek Brife Bak

Brifden İncelemeye

  1. 01
    Yapıyı Oku

    Mevcut bilgi mimarisinden birincil hedefleri, iç içe bölümleri ve ara sıra kullanılan yardımcı öğeleri belirleyin.

  2. 02
    Kalıbı Bağlama Uydur

    Kontrolleri seçmeden önce platformu, hedef sayısını, hiyerarşi derinliğini ve mobilde erişilebilirliği değerlendirin.

  3. 03
    Yönlendirmeyi Kontrol Et

    Mevcut konum ipuçlarını belirtin; etiketleri ve bölümler arası görevleri temsili kullanıcılarla test edin.

02 Kullanım Alanları

Ne Zaman Kullanılır?

Bir bilgi hiyerarşisi ve görev öncelikleri gerekir; gezinme bileşeni paketi sağlanmaz.

İyi Bir Uyum

  • Sekmeler ve Çekmeceler Arasında SeçimGezinme seçeneklerinin görünürlük ve erişilebilirlik açısından farklı artı ve eksileri olduğunda yararlıdır.
  • Derin Ürün YapılarıHiyerarşi düzeylerini karıştırmadan ekmek kırıntılarını ve yerel gezinmeyi birleştirmeye yardımcı olur.

Kontrol Edilecek Sınırlar

  • Bilgi Mimarisinin Yerini TutmazBelirsiz kategoriler ve etiketler, herhangi bir kontrol iyi çalışmadan önce yeniden yapılandırma gerektirebilir.
  • Otomatik Kullanılabilirlik Kanıtı YokKalıp önerileri ilk tıklama veya göreve dayalı doğrulama gerektirir.

Bu Girdileri Getirin

  • Hedef HiyerarşisiOluşturulmuş bölümleri ve üst-alt ilişkilerini sağlayın.
  • Kullanım ÖncelikleriSık yapılan görevleri, bölümler arası geçişi ve yardımcı hedefleri belirleyin.
  • PlatformlarMasaüstü ve mobil kısıtlarını, geleneklerini ve erişilebilirlik gereksinimlerini açıklayın.

03 Önemli Kararlar

Önemli Kararlar

  1. Görünürlüğün Bir Bedeli Var

    Gezinmeyi gizlemek yerleşimi sadeleştirebilir ancak önemli hedeflerin keşfini zorlaştırabilir.

  2. Renkten Öte Durum

    Kalınlık, alt çizgi veya göstergeler, yalnızca tona dayanmadan mevcut konumun algılanmasını sağlayabilir.

04 Örnek Görev Tanımı

Odaklı Bir Brif Deneyin

Aşağıdaki örnek brif test edilmemiştir. Kullanmadan önce becerinin kurulumunu kontrol edin.

Kurulumu İncele

Deponun belgelenmiş kurulum yolunu kullanın ve atıfta bulunulan tüm yardımcı dosyaları saklayın. Bu kayıt, çalıştırılabilir bir uygulamayı değil, odaklı bir tasarım yöntemini anlatır.

Üst Kaynak Dosyası
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/navigation-patterns/SKILL.md

Bir bilgi hiyerarşisi ve görev öncelikleri gerekir; gezinme bileşeni paketi sağlanmaz.

Tek Bir Çıktıyla Başlayın

Beceriyi çalıştırmadan önce bu brifteki kapsamı, kaynak materyali ve kısıtları uyarlayın.

Örnek Brif
Altı birincil bölümü, iç içe rapor klasörleri ve mobil erişimi olan bir masaüstü analiz uygulaması için navigation-patterns kullanın. Kenar çubuğunu üst gezinmeyle karşılaştırın, yardımcı öğeleri ayırın ve ekmek kırıntılarını ile etkin/odak durumlarını belirtin. Uygulamadan önce hangi bilgi mimarisi sorularının çözülmesi gerektiğini açıklayın.

Sonucu İncele

Gerçek çıktıyı bu gözlemlenebilir ölçütlere göre kontrol edin.

  • Genel ve yerel düzeyler yanlışlıkla karıştırılmaz.
  • Mevcut hedef yalnızca renkle değil, daha fazlasıyla belirtilir.
  • Bölümler arası görevlerin keşfedilebilir bir yolu ve dönüş yolu vardır.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu liste, becerinin paketle birlikte geldiği veya harici araçlarının, kimlik bilgilerinin ve yazılım bağımlılıklarının dahil olduğu anlamına gelmez.

05 Kaynak ve Lisans

Kaynak ve Lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak sürümünü anlatır. Üst kaynaktaki davranış ve gereksinimler değişebilir.

Kaynak Sahibi
Owl-Listener
Lisans
MIT
İncelenen Anlık Görüntü
2026-10-07 · 9a6930cf84a8
Editoryal Kaynak Özeti
Genel ve yerel kalıpları, yönlendirme ipuçlarını, platform geleneklerini ve durum tasarımını kapsayan bir gezinme seçimi kılavuzu.

Bağlantılı kaynağa dayanan, OpenDesign tarafından hazırlanmış özgün özet. Depo yıldızları tarihli bir popülerlik göstergesidir; beceri kullanımı veya kalite puanı değildir.

06 Başlamadan Önce Sorular

Başlamadan Önce Sorular

Mobil gezinme her zaman çekmece mi kullanmalı?

Hayır. Kaynak, az sayıda birincil hedef için görünür sekmeleri tercih eder ve çekmeceleri keşfedilebilirlik açısından bir ödünleşim olarak ele alır.

Ekmek kırıntıları ne zaman yararlıdır?

Daha derin içerik hiyerarşilerinde konumu ve üst öğeleri açıklamaya yardımcı olurlar; çoğunlukla yerel gezinmeyle birlikte kullanılırlar.

Tanıdık olmayan bölüm adlarını düzeltebilir mi?

Onları işaretleyebilir ve etiket testi önerebilir, ancak temeldeki kategoriler bilgi mimarisi çalışması gerektirebilir.

OpenDesign

Bir Sonraki Tasarım Yinelemesine Yer Açın.

Brifinizi, kaynak materyalinizi ve tasarım çalışmanızı yerel bir çalışma alanında bir arada tutun. İş akışınıza eklemeden önce becerinin kendi kurulumunu kontrol edin.

Üst Kaynak Dosyası
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/navigation-patterns/SKILL.md