Mobil Uygulama Gezinme Kalıpları: Sekmeler, Çekmeceler ve İç İçe Akışlar
Mobil uygulama gezinme kalıplarını görev sıklığına, bilgi yapısına, erişilebilirlik ihtiyaçlarına ve kişilerin kaldıkları yere ne kadar kolay dönebildiğine göre seçin.
Gezinme, uygulamanın yapısını anlaşılır kılmalıdır. Kişilerin hangi alanların bulunduğunu, nerede olduklarını ve çalışmalarını kaybetmeden nasıl ilerleyeceklerini bilmesi gerekir. Sekme çubuğu, çekmece veya iç içe akış yalnızca bir görünüm tercihi değildir: her biri hedefler arasında farklı bir ilişkiyi açığa çıkarır.
Önce kişilerin tekrar tekrar yaptığı görevlerden başlayın, ardından içerik hiyerarşisini haritalayın. Eş düzey hedefler için doğrudan gezinmeyi, üst öğeden ayrıntıya giden ilişkiler için iç içe gezinmeyi, kompakt ekrana rahatça sığmayacak kadar çok hedef olduğunda ise çekmeceyi veya büyük ekrana uyarlanan gezinmeyi kullanın.
Önemli noktalar
- Az sayıda, birbirinden farklı ve sık ziyaret edilen üst düzey alan için sekmeler veya gezinme çubuğu kullanın.
- Bir hedef gerçekten başka bir hedefin içindeyse iç içe gezinme kullanın ve açık bir geri dönüş yolu koruyun.
- Çekmeceleri temel görevleri saklama yeri olarak değil, daha geniş hedef listesini gösterme yolu olarak kullanın.
- Kişilerin yönünü bulup toparlanabilmesi için etiketleri, seçili durumları, odak davranışını ve durumun geri yüklenmesini açık tutun.
Bileşenden değil, yapıdan başlayın
Uygulamanın hedeflerini listeleyin ve kullanıcının zihinsel modeline göre gruplayın. Arama, Ana Sayfa ile eş düzeyde olabilir; kaydedilen öğenin ayrıntısı ise Kaydedilenler'in altına aittir. Kişiler eş düzey alanlar arasında sık geçiş yapıyorsa seçenekleri görünür tutun. Genellikle koleksiyondan bir öğeye gidip geri dönüyorlarsa yığın veya iç içe akış bu ilişkiyi doğal biçimde anlatır.
Hedefleri eylemlerden ayırın. Oluştur, paylaş, filtrele ve sırala mevcut bağlamı değiştirir veya onun üzerinde işlem yapar; genellikle uygulamada gidilecek yerler değildir. Her eylemi birincil gezinme öğesine dönüştürmek yerine araç çubuğuna, menüye veya bağlamsal denetime yerleştirin.
- Kişilerin tekrar tekrar yaptığı işleri adlandırın ve her yerden erişilebilir olması gereken alanları belirleyin.
- Gezinme denetimlerini seçmeden önce üst-alt ilişkilerini çizin.
- Aynı hiyerarşi düzeyindeki hedefleri görsel ve davranışsal olarak tutarlı kılın.
Üç kalıbı karşılaştırın
Sekme veya gezinme çubuğu, birkaç üst düzey hedefi görünür ve hızla geçilebilir kılar. Hedefler eş düzey olduğunda ve her etiket açıklama gerektirmeden tanınabildiğinde işe yarar. Geçerli alanı seçili gösterin. İlgisiz eylemleri çubuğa doldurmaktan veya önemli hedefleri taşma menüsünde kaybetmekten kaçının.
Gezinme çekmecesi daha büyük, gruplanmış bir hedef listesini ve bazen hesap veya çalışma alanı geçişini barındırabilir. Modal çekmece ekran alanı kazandırır, ancak bir açma ve seçme adımı ekler ve içeriği geçici olarak örter. Kompakt telefonlarda bu maliyet, sık kullanılan hedefleri gömülü hissettirebilir. Material 3'ün güncel Android rehberi kompakt görünümde üç ila beş hedef için gezinme çubuğunu tercih eder ve daha büyük pencere boyutlarında gezinmeyi uyarlar; beş veya daha fazla hedef için çekmece öneren eski Material rehberi evrensel, güncel bir eşik sayılmamalıdır.
İç içe gezinmede liste, kart veya bağlantı bir alt görünümü açar; başlık ve geri denetimi de yolu korur. Kategoriler, ayarlar, ürün ayrıntıları ve adım adım görevler için uygundur. Hiyerarşi gizliyse, geri davranışı tutarsızsa veya kullanıcılar kardeş öğeye ulaşmak için sürekli önceki ekranlara dönmek zorundaysa derin iç içelik yorucu olur. Kişiler dallar arasında sık geçiş yapıyorsa arama, kısayollar veya daha açık bir üst düzey yapı ekleyin.
| Kalıp | Ne zaman uygun | Neye dikkat edilmeli |
|---|---|---|
| Sekmeler / gezinme çubuğu | Birkaç eş düzey alana sık ve doğrudan erişim gerektiğinde | Çok fazla hedef, belirsiz simgeler, gizli taşma, sekme durumunun kaybolması |
| Gezinme çekmecesi | Kişiler çok sayıda veya gruplanmış hedefin düzenli listesine ihtiyaç duyduğunda | Menü arkasında gizlenen temel alanlar, uzun kaydırmalı liste, odak veya kapatma sorunları |
| İç içe gezinme | Kişiler üst koleksiyondan ilgili ayrıntıya veya göreve geçtiğinde | Belirsiz konum, tutarsız Geri davranışı, aşırı derinlik, kaybolan giriş verileri |
Görev sıklığına ve ekran boyutuna göre seçin
Tipik bir oturumda kişilerin alanlar arasında ne kadar sık geçiş yaptığını sorun. Az sayıda, sabit ve sık kullanılan hedef görünür çubuğu destekler. Kullanım çoğunlukla tek bir göreve veya ayrıntı okumaya odaklıysa gezinmeyi daha sakin tutun ve içeriğe yer bırakın. Çekmece daha seyrek kullanılan bölümler için işe yarayabilir; yine de kişilerin bunları bulabildiğini ve tahmin yürütmeden geri dönebildiğini kontrol edin.
Pencere boyutunu, yönünü ve platform kurallarını hesaba katın. Apple'ın güncel Human Interface Guidelines rehberi iPhone sekme çubuğunu üst düzey gezinme olarak tanımlar ve iPad'de uyarlanabilir sekme çubuğu/kenar çubuğu sunumunu destekler. Material 3 kompakt kalıbına gezinme çubuğu der ve kullanılabilir genişlik arttıkça farklı biçimler sunar. Bu kalıpların amacı ortak olsa da bileşenleri aynı değildir; bir platformun görünümünü diğerine kopyalamak yerine yerel yerleşim, davranış ve uyarlamayı izleyin.
Yön bulmayı ve geri dönüşü güvenilir kılın
Tek başına simgeler gezinmeyi öğrenmeyi zorlaştırır ve ekran okuyucu kullanıcıları için belirsiz olabilir. Hedeflere kısa, görünür etiketler verin; seçili durumu anlamsal olarak belirtin ve denetimlerin erişilebilir adları ile kullanılabilir dokunma alanları olsun. Seçili ve seçili olmayan durumlarda kontrastı, büyütülmüş metni, yerelleştirmeyi ve sağdan sola düzenleri kontrol edin. Desteklenen yerlerde VoiceOver veya TalkBack ve klavye ya da anahtarla gezinmeyle test edin; çekmece açıldığında, hedef seçildiğinde veya görünüm kapatıldığında odak öngörülebilir biçimde hareket etmelidir.
Geri dönüş gezinmenin parçasıdır. Geri ve Kapat davranışlarını ayırın: Geri hiyerarşide önceki adıma gider, Kapat ise geçici veya modal sunumdan çıkar. Üst düzey alanlar arasında geçişte veya ayrıntıdan dönüşte yararlı konumu ve girilen verileri koruyun. Bir hedef boşsa veya geçici olarak kullanılamıyorsa gezinmeden sessizce kaldırmak veya devre dışı bırakmak yerine yerini sabit tutup durumu açıklayın. Yıkıcı veya maliyetli görevde kullanıcı karar vermeden önce dönüş yolunu açık kılın.
Pratik gezinme denetimi
Uygulamada gerçek bir görev üzerinden geçin, ardından erişilebilirlik özellikleri açıkken tekrarlayın. Kişilerin geçerli alanı belirleyip belirleyemediğini, sık kullanılan hedefe ulaşıp ulaşamadığını ve yanlış dönüşten sonra toparlanıp toparlanamadığını kaydedin. Aynı yolculuğu kompakt telefonda ve daha büyük pencerede karşılaştırın; uyarlanabilir düzen, denetim biçim değiştirirken bilgi mimarisini korumalıdır.
Gerçek uygulama bölümleri ve akış örneklerini karşılaştırmak için ekran kütüphanesini kullanın; ardından her birini ürününüzün görevlerine göre değerlendirin. En güçlü kalıp, uygulama büyüdüğünde de yapısını anlaşılır tutar ve kesintiden sonra dönüş yolunu açık gösterir.
- Yeni kullanıcı üst düzey alanları yalnızca etiketlerinden açıklayabilir mi?
- Eş düzey hedefler arasında geçiş kolay mı ve seçim açıkça gösteriliyor mu?
- Ayrıntı ekranlarında anlamlı başlık ve öngörülebilir Geri yolu var mı?
- Çekmecenin açılıp kapanması bağlamı koruyor ve erişilebilirlik odağını mantıklı biçimde taşıyor mu?
- Etiketler, hedef alanları, kontrast ve seçili durumlar büyütülmüş metin ve yardımcı teknolojilerle kullanılabilir kalıyor mu?
- Kişi taslak girdisini, kaydırma konumunu veya hiyerarşideki yararlı yerini kaybetmeden geri dönebiliyor mu?
- Yapı, birbiriyle yarışan birincil gezinmeleri çoğaltmadan daha büyük ekrana uyarlanıyor mu?
