Panduan Tampilan DEPO55 di Smartphone dan Tablet
Antarmuka dirancang ulang mengikuti ukuran layar, sehingga konten tetap dapat dibaca dan gambar tetap terlihat utuh.
Ringkasan pembahasan
Antarmuka dirancang ulang mengikuti ukuran layar, sehingga konten tetap dapat dibaca dan gambar tetap terlihat utuh.
Tata letak yang mengikuti layar
Pada layar sempit, header menyusun logo, tombol aksi, dan pencarian ke beberapa baris yang rapi. Galeri gambar pindah ke atas panel ringkasan agar pengunjung dapat menikmati visual secara penuh. Kartu informasi turun menjadi satu kolom ketika ruang horizontal tidak cukup.
Poin untuk diperhatikan
Gambar menggunakan object-fit contain agar elemen penting pada poster tidak terpotong meskipun bentuk kontainernya berubah.
Memakai navigasi di bagian bawah
Deretan tombol Promosi, Login, Daftar, Alternatif, dan LiveChat selalu tersedia saat menggulir. HOME juga disertakan agar pembaca dapat kembali ke halaman awal. Ukuran teks dan ikon disesuaikan untuk perangkat kecil, sementara ruang kosong bawah mencegah menu menutupi isi artikel.
Langkah selanjutnya
Menu bawah menggunakan alamat yang telah diberikan untuk setiap item, termasuk LiveChat pada footer.
Menjaga keterbacaan pada perangkat kecil
Paragraf dibatasi panjang barisnya dan tombol diberi area sentuh yang jelas. Berbeda dengan tampilan desktop, elemen dekoratif dikurangi ketika ruang terlalu padat. Jika Anda memperbesar teks di browser, konten akan mengalir ke bawah alih-alih melebar di luar layar.
Catatan penting
Gunakan mode potret atau lanskap sesuai kenyamanan, lalu pilih halaman topik lewat menu atas atau pencarian.
Informasi terhubung
Setiap bacaan memiliki tautan terkait untuk melanjutkan penjelajahan.
Ramah berbagai layar
Tampilan disusun agar tetap jelas pada desktop, tablet, dan ponsel.
Tanpa data akun
Halaman informasi statis tidak meminta kata sandi atau kode verifikasi.