Prinsip navigasi

Navigasi antara berbagai layar dan aplikasi merupakan bagian penting dari pengalaman pengguna. Prinsip berikut menetapkan dasar pengukuran untuk pengalaman pengguna yang konsisten dan intuitif di seluruh aplikasi. Komponen navigasi didesain untuk menerapkan prinsip-prinsip ini secara default, yang memastikan pengguna dapat menerapkan heuristik dan pola yang sama dalam navigasi saat berpindah antar-aplikasi.

Tujuan awal tetap

Setiap aplikasi yang Anda buat memiliki tujuan awal tetap. Tujuan ini adalah layar pertama yang dilihat pengguna saat meluncurkan aplikasi Anda dari peluncur. Tujuan ini juga merupakan layar terakhir yang dilihat pengguna saat kembali ke peluncur setelah menekan tombol Kembali. Mari kita lihat aplikasi Sunflower sebagai contohnya.

Gambar 1. Layar Daftar adalah tujuan awal aplikasi Sunflower.

Setelah meluncurkan aplikasi Sunflower dari peluncur, layar pertama yang akan dilihat pengguna adalah Layar Daftar, yang berisi daftar tanaman di kebunnya. Layar ini juga merupakan layar terakhir yang dilihat pengguna sebelum keluar dari aplikasi. Jika menekan tombol Kembali dari layar daftar, pengguna akan kembali ke peluncur.

Saat aplikasi pertama kali diluncurkan, tugas baru akan dibuat untuk pengguna, dan aplikasi akan menampilkan tujuan awalnya. Ini menjadi tujuan dasar data sebelumnya dan merupakan dasar untuk status navigasi aplikasi Anda. Bagian atas stack adalah layar saat ini, dan tujuan sebelumnya dalam stack menunjukkan histori tujuan yang pernah Anda datangi. Tujuan awal aplikasi dalam data sebelumnya selalu berada di bagian bawah stack.

Operasi yang mengubah data sebelumnya selalu beroperasi di bagian atas stack, baik dengan mengirim tujuan baru ke bagian atas stack atau memunculkan tujuan paling atas dari stack. Menavigasi ke tujuan akan mengirim tujuan tersebut ke stack paling atas.

Komponen Navigation mengelola semua pengurutan data sebelumnya untuk Anda, meskipun Anda juga dapat memilih untuk mengelola data sebelumnya sendiri.

Tombol Atas dan Kembali identik di dalam tugas aplikasi

Gambar 2. Tombol Atas dan Kembali

Tombol Kembali muncul di menu navigasi sistem di bagian bawah layar dan digunakan untuk melakukan navigasi dalam urutan kronologis terbalik melewati histori layar yang baru-baru ini digunakan oleh pengguna. Saat Anda menekan tombol Kembali, tujuan saat ini akan dimunculkan di bagian atas data sebelumnya, kemudian Anda akan menavigasi ke tujuan sebelumnya.

Tombol Atas muncul dalam panel aplikasi di bagian atas layar. Dalam tugas aplikasi Anda, tombol Atas dan Kembali memiliki perilaku yang identik.

Tombol Atas tidak pernah membawa Anda keluar dari aplikasi

Jika pengguna berada di tujuan awal aplikasi, tombol Atas akan tidak muncul karena tidak pernah membawa Anda keluar dari aplikasi. Namun, tombol Kembali akan ditampilkan dan membawa Anda keluar dari aplikasi.

Saat aplikasi diluncurkan menggunakan deep link pada tugas aplikasi lain, tombol Atas akan mentransisi pengguna kembali ke tugas aplikasi Anda dan melewati simulasi data sebelumnya, bukan ke aplikasi yang memicu deep link. Namun, tombol Kembali akan membawa Anda kembali ke aplikasi lain.

Baik untuk melakukan deep linking atau navigasi secara manual ke tujuan tertentu, Anda dapat menggunakan tombol Atas untuk melakukan navigasi dalam tujuan untuk kembali ke tujuan awal.

Saat melakukan deep linking ke tujuan dalam tugas aplikasi, data sebelumnya yang ada untuk tugas aplikasi akan dihapus dan diganti dengan data sebelumnya yang mengalami proses deep link.

Dengan kembali menggunakan aplikasi Sunflower sebagai contoh, anggaplah pengguna sebelumnya telah meluncurkan aplikasi dari layar peluncur dan membuka layar detail untuk apel. Layar Recents akan menunjukkan adanya tugas dengan layar paling atas yang merupakan layar detail untuk Apple.

Gambar 3. Navigasi pengguna melalui aplikasi Sunflower dan hasil data sebelumnya.

Pada tahap ini, pengguna dapat mengetuk tombol Layar Utama untuk menempatkan aplikasi di latar belakang. Selanjutnya, anggaplah aplikasi ini memiliki fitur deep link yang memungkinkan pengguna langsung membuka layar detail tanaman tertentu berdasarkan namanya. Membuka aplikasi melalui deep link ini akan sepenuhnya menggantikan data sebelumnya Sunflower saat ini yang ditampilkan pada gambar 3 dengan data sebelumnya yang baru, seperti pada gambar 4:

Gambar 4. Mengikuti deep link akan mengganti data sebelumnya yang sudah ada untuk aplikasi Sunflower.

Perhatikan bahwa data sebelumnya Sunflower digantikan oleh data sebelumnya yang sintetis dengan layar detail alpukat di bagian atas. Layar My Garden, yang merupakan tujuan awal, juga ditambahkan ke data sebelumnya. Data Sunflower asli sebelumnya akan hilang, termasuk pengetahuan aplikasi bahwa pengguna berada di layar detail Apple sebelumnya. Semua ini penting karena data sebelumnya yang sintetis harus realistis. Data sebelumnya yang sintetis harus cocok dengan data sebelumnya yang telah diperoleh dengan melakukan navigasi dalam aplikasi secara organik.

Untuk memenuhi kebutuhan ini, data sintetis sebelumnya yang dibuat adalah data yang disederhanakan berdasarkan NavGraph. Untuk NavGraph sederhana tanpa tingkatan, data ini akan terdiri dari tujuan awal dan tujuan deep link. Untuk grafik navigasi bertingkat yang lebih kompleks, data sebelumnya yang sintetis juga akan berisi tujuan awal dari grafik bertingkat yang merupakan ancestor dari tujuan deep link.

Komponen Navigation mendukung deep linking dan membuat ulang data sebelumnya yang realistis untuk Anda saat menautkan ke tujuan mana pun dalam grafik navigasi.