Dalam konteks Elemen Antarmuka Pengguna (UI), "Breadcrumb" (juga disebut sebagai jejak breadcrumb atau navigasi breadcrumb) adalah metode navigasi sekunder yang membantu pengguna memahami lokasi mereka dalam situs web, aplikasi web, atau informasi aplikasi seluler hierarki dan menyediakan cara yang mudah dan efisien untuk menavigasi kembali ke level atau bagian sebelumnya. Breadcrumb sangat penting dalam situs web atau aplikasi kompleks dengan struktur hierarki yang mendalam, karena membantu mengurangi disorientasi pengguna dan meningkatkan pengalaman pengguna secara keseluruhan.
Remah roti mendapatkan namanya dari kisah populer Hansel dan Gretel, di mana karakternya menggunakan jejak remah roti untuk menelusuri jalan mereka kembali melalui hutan. Demikian pula, di dunia digital, navigasi runut tautan memungkinkan pengguna menelusuri kembali langkah mereka, menawarkan sarana navigasi yang lebih nyaman dan mudah dibandingkan hanya mengandalkan menu utama atau tombol kembali di browser.
Konsep penggunaan remah roti sebagai bagian dari desain web dapat ditelusuri kembali ke tahun 1990an ketika para desainer mulai memprioritaskan pengalaman pengguna dan arsitektur informasi untuk membuat situs web dan aplikasi yang kompleks menjadi lebih ramah pengguna. Breadcrumbs tetap menjadi elemen UI yang populer karena membuat navigasi menjadi intuitif, mengurangi jumlah klik yang diperlukan untuk mencapai tujuan, dan memudahkan pengguna untuk memahami keterkaitan antara berbagai bagian dan halaman dalam situs web atau aplikasi.
Breadcrumb umumnya muncul sebagai daftar tautan horizontal yang mewakili perjalanan pengguna dari laman beranda (atau root) ke lokasi mereka saat ini. Breadcrumb biasanya ditempatkan di dekat bagian atas halaman, di bawah header halaman utama, dan di atas area konten. Tautan dalam jejak runut tautan sering kali dipisahkan oleh pembatas visual, seperti garis miring ke depan, tanda kurung siku, atau chevron.
Pada dasarnya ada tiga jenis navigasi runut tautan:
- Berbasis lokasi: Breadcrumb ini menampilkan posisi pengguna saat ini dalam hierarki situs atau aplikasi dan memperlihatkan hubungan antara bagian dan subbagian yang berbeda. Breadcrumb berbasis lokasi biasanya digunakan di situs web dengan struktur hierarki yang jelas, seperti situs e-niaga, blog, dan platform pendidikan.
- Berbasis atribut: Breadcrumb berbasis atribut menunjukkan kepada pengguna berbagai atribut atau kategori terkait dari konten yang mereka lihat, menawarkan cara alternatif untuk menavigasi dan menjelajahi konten terkait. Jenis breadcrumb ini sering digunakan di situs atau aplikasi e-commerce, di mana pengguna dapat memfilter produk atau hasil pencarian berdasarkan atribut seperti ukuran, warna, atau merek.
- Berbasis jalur: Alih-alih menampilkan struktur hierarki yang ketat, remah roti berbasis jalur menampilkan jalur navigasi pengguna yang sebenarnya, yaitu urutan halaman atau bagian yang telah dikunjungi pengguna untuk mencapai lokasi mereka saat ini. Breadcrumb berbasis jalur dapat membantu pengguna menelusuri kembali langkah mereka dan kembali ke titik tertentu dalam riwayat navigasi mereka. Namun, hal ini kurang dapat diprediksi dan kurang umum digunakan dibandingkan dengan breadcrumb berbasis lokasi dan berbasis atribut.
Pada platform no-code AppMaster, merancang dan mengimplementasikan remah roti seringkali merupakan proses yang sederhana karena editor UI drag-and-drop yang kuat pada platform tersebut. Hal ini memungkinkan bahkan pengguna non-teknis untuk membuat dan memelihara aplikasi web dan seluler yang kompleks, responsif, dan sangat fungsional dengan sedikit usaha. Otomatisasi cerdas pada platform ini juga memungkinkan pengembang menghasilkan aplikasi untuk berbagai platform, termasuk backend, web, dan seluler, dari satu set cetak biru secara efisien.
Kesimpulannya, remah roti adalah elemen UI penting yang membantu pengguna menavigasi dan memahami situs web dan aplikasi yang kompleks dengan mudah. Mereka menawarkan cara yang lugas dan intuitif dalam menampilkan dan melintasi struktur hierarki atau jalur navigasi dan merupakan tambahan penting untuk antarmuka pengguna yang dirancang dengan baik. Saat menggunakan platform seperti AppMaster, penerapan remah roti dan elemen UI penting lainnya menjadi lebih mudah diakses, memungkinkan pengembang dan pengguna non-teknis untuk membuat aplikasi yang efektif dan ramah pengguna dengan cepat dan hemat biaya.
