Pola Navigasi iOS Modern

Pola Navigasi untuk Struktur Aplikasi iOS

• Aplikasi iOS memiliki struktur hierarki yang tetap, sehingga pengguna dapat memprediksi opsi navigasi.
• Pola navigasi membantu pengguna mengenali posisi saat ini dan posisi sebelumnya, serta memahami cara untuk kembali.

Navigasi Drill-down

• Drill-down adalah pola untuk menjelajahi struktur pohon informasi langkah demi langkah, dengan menggunakan animasi transisi horizontal.
• Pola ini tidak menyimpan status, dan navigation bar menampilkan judul layar saat ini.
• Indikator disclosure pada baris daftar menunjukkan bahwa pengguna dapat melakukan drill-down lebih dalam ke dalam hierarki.

Navigasi Datar

• Navigasi datar membagi hierarki pada level root dan menampilkannya melalui tab bar.
• Item tab bar disusun berdasarkan fungsi utama aplikasi, membentuk ekspektasi pengguna dan model mental mereka terhadap aplikasi.
• Tab bar selalu ditampilkan di seluruh layar aplikasi, kecuali jika sementara tertutup oleh modal sheet.

Pola Piramida

• Pola piramida memungkinkan perpindahan cepat antar sibling view pada level hierarki yang sama tanpa harus kembali ke layar induk.
• Perpindahan antar sibling view di dalam aplikasi media dapat dilakukan dengan gesture swipe horizontal atau tombol.

Pola Hub and Spoke

• Pola hub and spoke cocok untuk koleksi besar item yang tidak saling terkait dan berada di tingkat teratas hierarki.
• Layar utama iOS berfungsi sebagai hub yang menyediakan "keadaan netral" sistem operasi yang dapat diandalkan.

Navigasi Overlay

• Overlay menuntut perhatian pengguna, dan modal overlay memerlukan tindakan dari pengguna.
• Modal dengan friksi tinggi memerlukan keputusan pengguna dan berfokus pada penyelesaian tugas tertentu.
• Modal dengan friksi rendah dapat dengan mudah ditutup, dan dialog pemberitahuan tugas tunggal sebaiknya dihindari jika memungkinkan.

Navigasi Tertanam

• Pola navigasi tertanam memerlukan perhatian khusus pada struktur dan model ruang iOS yang ketat.
• Perubahan status tidak mengubah posisi hierarki, dan perlu dipastikan bahwa perubahan status bukan merupakan hierarki atau modal.

Navigasi Bertahap

• Pola bertahap menghubungkan serangkaian layar dalam alur linear seperti tur terpandu, alur pengaturan, dan tutorial onboarding.
• Urutan bertahap harus ditempatkan dalam modal overlay, dan diakhiri dengan tombol selesai atau tutup.

Navigasi Berpusat pada Konten

• Navigasi berpusat pada konten memindahkan pengguna secara instan ke halaman atau view lain melalui hyperlink atau tombol.
• Dalam aplikasi iOS, pola ini sebaiknya dihindari kecuali untuk hypertext, game imersif, atau konten nonlinier.

Pendapat GN⁺

• Artikel ini bisa sangat berguna bagi pengembang aplikasi iOS, karena menyajikan pola navigasi penting untuk meningkatkan pengalaman pengguna.
• Berbagai pola navigasi seperti drill-down, datar, dan piramida membantu meningkatkan kegunaan dan aksesibilitas aplikasi.
• Khususnya, penggunaan navigasi modal dan overlay dapat berdampak besar pada alur kerja pengguna, sehingga pengembang perlu mempertimbangkannya dengan cermat.

[genkino]

Halo! Saya juga baru mengetahui hal ini saat membagikan tulisan ini kepada rekan kerja. Ternyata bentuk baku yang sesuai kaidah ejaan bahasa Korea adalah naebigeisyeon, bukan nebigeisyeon. Haha, karena ini pelafalan dari bahasa Inggris, sebenarnya agak sulit untuk mengatakan mana yang benar. Namun karena ini tempat yang dibaca banyak orang, saya meninggalkan komentar kecil dengan harapan kalau memungkinkan akan lebih baik jika ditulis sesuai bentuk bakunya.

[xguru]

Tulisan ini adalah ringkasan yang dibuat oleh GPT-4. Sepertinya GPT kadang mencampur penggunaan "navigasi" dengan ejaan lain saat menulis "navigasi". Saya sudah memperbaikinya, hehe.