Farklı ekranlar ve uygulamalar arasında gezinme, kullanıcı deneyiminin temel bir parçasıdır. Aşağıdaki ilkeler uygulamalarda tutarlı ve sezgisel bir kullanıcı deneyimi sunmak için temel oluşturur. Gezinme bileşeni, bu ilkeleri varsayılan olarak uygulayacak şekilde tasarlanmıştır. Böylece, kullanıcılar uygulamalar arasında geçiş yaparken aynı buluşsal yöntemleri ve kalıpları uygulayabilir.
Sabit başlangıç hedefi
Derlediğiniz her uygulamanın sabit bir başlangıç hedefi vardır. Bu, uygulamanızı başlatıcıdan başlatan kullanıcıların göreceği ilk ekrandır. Bu hedef aynı zamanda, kullanıcının Geri düğmesine bastıktan sonra başlatıcıya döndüğünde gördüğü son ekrandır. Örnek olarak Sunflower uygulamasına bakalım.
1. Şekil. Liste Ekranı, Sunflower uygulamasının başlangıç hedefidir.
Sunflower uygulamasını başlatıcıdan başlatırken kullanıcıların gördüğü ilk ekran, bahçelerindeki bitkilerin listesi olan Liste Ekranı olur. Bu, aynı zamanda uygulamadan çıkmadan önce gördükleri son ekrandır. Liste ekranında Geri düğmesine basarlarsa başlatıcıya geri dönerler.
Gezinme durumu, hedeflerden oluşan bir yığın olarak gösterilir
Uygulamanız ilk kez başlatıldığında kullanıcı için yeni bir görev oluşturulur ve uygulama, başlangıç hedefini gösterir. Bu, geri yığın olarak bilinen öğenin temel hedefi olur ve uygulamanızın gezinme durumunun temelini oluşturur. Yığının en üst kısmı geçerli ekrandır. Yığındaki önceki hedefler ise bulunduğunuz yerlerin geçmişini temsil eder. Geri yığın, her zaman uygulamanın başlangıç hedefi yığının en altında bulunur.
Arka yığını değiştiren işlemler, yığının üst kısmına yeni bir hedef göndererek veya yığının en üstündeki hedefi çıkararak her zaman yığının üst kısmında çalışır. Bir hedefe gitmek, o hedefi yığının üzerine iter.
Gezinme bileşeni, tüm arka yığın sıralamanızı sizin için yönetir. Bununla birlikte, arka grubu kendiniz de yönetebilirsiniz.
Yukarı ve Geri gitmek, uygulamanızın görevi içinde aynı
2. Şekil. Yukarı ve Geri düğmeleri
Geri düğmesi, ekranın altındaki sistem gezinme çubuğunda görünür ve kullanıcının son çalıştığı ekranların geçmişinde ters kronolojik sırayla gezinmek için kullanılır. Geri düğmesine bastığınızda geçerli hedef, arka yığının üst kısmından çıkarılır ve daha sonra, bir önceki hedefe gidersiniz.
Yukarı düğmesi, ekranın üst kısmındaki uygulama çubuğunda görünür. Uygulamanızın görevi içinde yukarı ve geri düğmeleri aynı şekilde çalışır.
Yukarı düğmesi uygulamanızdan hiçbir zaman çıkmıyor
Bir kullanıcı uygulamanın başlangıç hedefindeyse, Yukarı düğmesi hiçbir zaman uygulamadan çıkmayacağı için Yukarı düğmesi görünmez. Ancak, Geri düğmesi gösterilir ve uygulamadan çıkar.
Uygulamanız başka bir uygulamanın görevindeki derin bağlantı kullanılarak başlatıldığında Yukarı geçişi, kullanıcıları derin bağlantıyı tetikleyen uygulamaya değil, simüle edilmiş bir arka yığın üzerinden uygulamanızın görevine geri taşır. Ancak Geri düğmesi sizi diğer uygulamaya geri götürür.
Derin bağlantı, manuel gezinmeyi simüle eder.
İster derin bağlantı oluşturun ister manuel olarak belirli bir hedefe gidin, hedefler arasında başlangıç hedefine geri gitmek için yukarı düğmesini kullanabilirsiniz.
Uygulamanızın görevi içindeki bir hedefe derin bağlantı oluştururken uygulamanızın görevi için mevcut olan tüm arka yığınlar kaldırılır ve derin bağlantılı arka yığınla değiştirilir.
Sunflower uygulamasını tekrar örnek olarak kullanırsak, kullanıcının uygulamayı daha önce başlatıcı ekranından başlattığını ve bir elmanın ayrıntı ekranına gittiğini varsayalım. Son Kullanılanlar ekranına bakıldığında, bir görevin mevcut olduğu ve en üstteki ekranın Apple'ın ayrıntı ekranı olduğu anlaşılır.
3. Şekil. Kullanıcı, Sunflower uygulamasında ve sonuçta ortaya çıkan arka yığında gezinmeyi sağlar.
Bu noktada, kullanıcı uygulamayı arka plana yerleştirmek için Ana Sayfa düğmesine hafifçe dokunabilir. Daha sonra, bu uygulamanın, kullanıcıların adlarıyla doğrudan belirli bir bitki ayrıntıları ekranında açmalarına olanak tanıyan bir derin bağlantı özelliğine sahip olduğunu varsayalım. Uygulamayı bu derin bağlantı aracılığıyla açmak, şekil 3'te gösterilen mevcut Sunflower arka yığınını, Şekil 4'te gösterildiği gibi yeni bir arka yığınla değiştirir:
4. Şekil. Derin bağlantı takip edildiğinde, Sunflower uygulaması için mevcut geri yığın değiştirilir.
Ayçiçeği arka yığınının, üstte avokado ayrıntılar ekranının gösterildiği bir sentetik arka yığın ile değiştirildiğine dikkat edin. Başlangıç hedefi olan My Garden ekranı da arka yığına eklendi. Orijinal Sunflower arka yığını kaldırıldı. Daha önce uygulamanın, kullanıcının Apple ayrıntılar ekranında olduğu bilgisi de buna dahil. Sentetik arka yığının gerçekçi olması gerektiğinden, bunların tümü önemlidir. Uygulamada organik olarak gezinerek elde edilebilecek bir arka yığınla eşleşmelidir.
Bu ihtiyacı karşılamak için oluşturulan sentetik arka yığın, NavGraph temel alınarak basitleştirilmiş bir yığındır. İç içe yerleştirmeden basit bir NavGraph için bu, başlangıç hedefi ile derin bağlantı hedefinden oluşur. Daha karmaşık, iç içe yerleştirilmiş gezinme grafikleri için sentetik arka yığın, derin bağlantı hedefinin üst öğesi olan iç içe yerleştirilmiş grafiklerin başlangıç hedeflerini de içerir.
Gezinme bileşeni, derin bağlantıları destekler ve gezinme grafiğinizdeki herhangi bir hedefe bağlantı oluştururken sizin için gerçekçi bir arka yığın oluşturur.