Dokumentasi

Komponen (Kustomisasi tata letak)

Diperbarui 28 April 2025

Carousel

Carousel adalah elemen antarmuka pengguna yang menampilkan serangkaian item yang dapat digulir secara horizontal. Setiap item biasanya ditampilkan sebagai thumbnail grafis dan dapat digulir dengan menggeser layar ke kiri atau ke kanan, atau dengan mengeklik tombol panah yang ditampilkan di layar. Di dalam aplikasi, carousel sering digunakan untuk menampilkan sekumpulan gambar atau media lain yang dapat diklik atau diketuk untuk mengakses informasi lebih lanjut atau melakukan tindakan lain.

Collection Carousel

Collection carousel adalah fitur yang menampilkan sekelompok item yang terkait dengan tema atau kategori tertentu. Item dalam collection carousel biasanya disusun dalam bentuk kartu yang dapat digulir secara horizontal, dan pengguna dapat menggeser ke kiri atau ke kanan untuk melihat item yang berbeda. Collection carousel digunakan di aplikasi e-commerce untuk memungkinkan pengguna menjelajahi pilihan produk yang diorganisir berdasarkan tema atau kategori. Misalnya, sebuah aplikasi bisa memiliki collection carousel untuk “fashion musim panas” yang menampilkan pilihan pakaian dan aksesori yang cocok untuk cuaca musim panas.

Product Carousel

Carousel produk adalah jenis carousel yang menampilkan pilihan produk yang dijual. Produk dalam carousel produk biasanya disusun dalam bentuk kartu yang dapat digulir secara horizontal, dan pengguna dapat menggeser ke kiri atau kanan untuk melihat item yang berbeda. Carousel produk sering digunakan di aplikasi e-commerce untuk memungkinkan pengguna menjelajahi pilihan produk dan melihat informasi lebih lanjut tentang setiap item. Misalnya, sebuah aplikasi mungkin memiliki carousel produk untuk “produk baru” yang menampilkan pilihan produk yang baru dirilis, atau carousel produk untuk “produk terlaris” yang menampilkan pilihan produk paling populer.

Carousel gambar

Carousel gambar adalah elemen fitur yang menampilkan serangkaian gambar dalam daftar horizontal, dengan fungsi yang memungkinkan pengguna menggulir gambar-gambar tersebut. Gambar dalam carousel gambar biasanya ditampilkan sebagai serangkaian kartu yang dapat digulir secara horizontal, dan pengguna dapat menggeser ke kiri atau kanan untuk melihat gambar yang berbeda. Carousel gambar sering digunakan di aplikasi untuk memungkinkan pengguna menjelajahi pilihan gambar dan melihat informasi lebih lanjut tentang masing-masing gambar. Misalnya, sebuah aplikasi mungkin memiliki carousel gambar untuk “gambar banner” unggulan yang menampilkan pilihan gambar penawaran, produk, atau promosi, atau carousel gambar untuk “produk yang sedang tren” yang menampilkan pilihan item populer.
 

Daftar Produk

Daftar produk adalah fitur pada aplikasi yang menampilkan pilihan produk yang tersedia untuk dijual. Produk dalam daftar produk biasanya disusun secara vertikal, dengan setiap produk ditampilkan dalam bentuk kartu yang memuat informasi seperti nama produk, harga, dan gambar thumbnail. Daftar produk digunakan di aplikasi e-commerce untuk memungkinkan pengguna menelusuri pilihan produk dan melihat informasi lebih lanjut tentang setiap item. Pengguna biasanya dapat mengetuk produk dalam daftar untuk melihat informasi lebih detail, seperti deskripsi, gambar tambahan, dan ulasan pelanggan. Daftar produk juga dapat menyertakan fitur seperti opsi pengurutan dan penyaringan untuk membantu pengguna menemukan produk yang mereka minati.

Daftar koleksi

Daftar koleksi adalah fitur pada aplikasi yang menampilkan berbagai koleksi yang biasanya disusun dalam daftar vertikal, dengan setiap item ditampilkan dalam bentuk kartu yang memuat informasi seperti nama koleksi dan gambar koleksi. Daftar koleksi sering digunakan di aplikasi e-commerce untuk memungkinkan pengguna menelusuri pilihan produk yang dikelompokkan berdasarkan tema atau kategori. Misalnya, sebuah aplikasi dapat memiliki daftar koleksi tempat pelanggan dapat menemukan kategori yang mereka minati saat berbelanja, seperti koleksi pakaian atau aksesori. 

Image Slider

Sebuah penggeser gambar adalah elemen antarmuka pengguna yang menampilkan satu gambar dan memungkinkan pengguna untuk menavigasi ke gambar lain dengan mengklik tombol panah atau dengan menggunakan indikator navigasi dot. Penggeser gambar sering digunakan untuk menyoroti satu gambar atau sekelompok kecil gambar, dan mereka umum digunakan di situs web dan dalam aplikasi mobile.
Di dalam aplikasi, penggeser gambar mungkin digunakan untuk menampilkan serangkaian gambar produk, misalnya, atau untuk menampilkan serangkaian gambar yang menggambarkan konsep atau ide tertentu. Pengguna dapat menavigasi melalui gambar dengan menggeser kiri atau kanan pada layar, atau dengan mengklik tombol panah yang ditampilkan pada layar. Beberapa penggeser gambar juga memungkinkan pengguna untuk menjeda slide show dan untuk memilih gambar secara manual dari set gambar yang sedang ditampilkan.

Teks

Teks adalah fitur yang umum digunakan dalam aplikasi untuk menampilkan informasi tertulis kepada pengguna. Teks dapat digunakan untuk berbagai tujuan, seperti menampilkan instruksi, deskripsi, label, atau jenis informasi lainnya. Teks dapat ditampilkan dalam berbagai format, seperti paragraf, daftar, atau judul, dan dapat diatur dengan ukuran, warna, dan opsi formatting lainnya. Teks sering digunakan bersama dengan fitur lain, seperti gambar, tombol, atau tautan, untuk menyediakan pengalaman pengguna yang lebih interaktif dan menarik.

Teks yang dapat dilipat

​​Fitur teks dapat dilipat adalah jenis fitur teks yang memungkinkan pengguna memperluas atau melipat blok teks dengan mengetuk tombol, tautan, atau dropdown. Saat teks dilipat, hanya ringkasan atau kutipan yang ditampilkan, dan pengguna dapat mengetuk tombol atau tautan untuk melihat teks lengkap. Ini berguna untuk menghemat ruang dan memudahkan pengguna menelusuri serta menavigasi blok teks yang panjang. Teks dapat dilipat sering digunakan dalam aplikasi untuk menampilkan informasi yang tidak penting bagi semua pengguna, atau yang mungkin ingin dilewati oleh sebagian pengguna. Misalnya, sebuah aplikasi dapat menggunakan teks dapat dilipat untuk menampilkan deskripsi produk yang detail, dengan opsi bagi pengguna untuk melihat deskripsi lengkap bila diinginkan.

Rekomendasi produk 

Fitur rekomendasi produk adalah fitur pada aplikasi yang menyarankan produk kepada pengguna berdasarkan minat atau perilaku mereka sebelumnya. Fitur rekomendasi produk sering digunakan dalam aplikasi e‑commerce untuk membantu pengguna menemukan produk baru yang mungkin mereka minati, serta mendorong mereka melakukan pembelian tambahan. Berbagai algoritma dan teknik dapat digunakan untuk menghasilkan rekomendasi produk, seperti collaborative filtering, content‑based filtering, dan matrix factorization. Fitur rekomendasi produk dapat didasarkan pada berbagai faktor, seperti produk yang pernah dilihat atau dibeli pengguna, kategori atau merek yang diminati pengguna, serta rating atau ulasan yang diberikan pengguna pada produk lain.