Praktik Terbaik Tata Letak Web: 12 Pola UI Abadi Dianalisis

Tren desain UI mungkin datang dan pergi di web, tetapi beberapa pola UI telah teruji oleh waktu. Apa yang membuat pola UI abadi? Kepatuhan terhadap praktik terbaik tata letak web yang menghasilkan kombinasi keramahan pengguna dan kemampuan beradaptasi terhadap perubahan tren dan teknologi.

Ada beberapa kriteria yang membuat pola UI bertahan lama. Keramahan pengguna adalah salah satunya. Pola desain UI web yang “terlihat luar biasa” tetapi tidak memfasilitasi kegunaan yang baik bukanlah pola yang akan bertahan lama.

Pola UI yang paling berguna juga dapat disesuaikan dengan tren yang berubah. Tata letak gaya kartu dan berbasis kisi, misalnya, dapat diimplementasikan oleh desainer UI dalam berbagai cara. Kemampuan beradaptasi memungkinkan mereka untuk terus tampil modern dan mengikuti tren, meskipun mereka mungkin sudah ada selama bertahun-tahun. Hal yang sama berlaku untuk pola UI lain yang disertakan di sini.

Pola Tata Letak Web bergaya kartu

Tata letak gaya kartu dipopulerkan oleh situs-situs seperti Pinterest, Facebook, dan Twitter. Mereka telah menjadi standar di situs berita dan blog, karena sangat cocok untuk menempatkan banyak konten di halaman sambil menjaga setiap bagian tetap berbeda.

Seperti namanya, tata letak ini menggunakan blok konten yang menyerupai kartu fisik dengan berbagai bentuk dan ukuran. Ada dua format tata letak utama. Satu tata letak mengatur kartu dengan dimensi yang sama pada kisi (seperti yang terlihat di beranda blog desain Toptal), sementara yang lain menggunakan tata letak cair dengan kartu ukuran berbeda yang disusun menjadi kolom teratur tetapi tanpa baris yang berbeda (seperti tata letak Pinterest).

Tata letak gaya kartu bekerja dengan baik karena memungkinkan konten yang berbeda diatur secara teratur sambil menjaga semua bagian tetap terpisah. Kartu juga sudah tidak asing lagi bagi orang-orang karena mengenali benda berbentuk kartu dari dunia nyata. Mereka masuk akal secara psikologis dan mudah digunakan orang bahkan jika mereka baru mengenal situs web.

Tata Letak Layar Terpisah

Secara teknis, tata letak layar terbagi sudah ada sejak tahun 1903, hingga film Life of an American Firefighter oleh Edwin S. Porter. Namun dalam desain UI web, tata letak layar terbagi mulai mendapatkan popularitas pada tahun 2013 dan benar-benar mulai meningkat pada tahun 2016.

Tata letak layar terbagi adalah pilihan desain yang populer ketika dua elemen harus memiliki bobot yang sama pada halaman dan sering digunakan dalam desain di mana teks dan gambar harus ditampilkan secara mencolok. Menempatkannya berdampingan, bukan secara vertikal atau dengan teks yang menutupi gambar adalah pilihan desain sadar yang dapat memberikan kualitas minimalis yang canggih. Dua gambar yang ditempatkan berdampingan juga sering terlihat, terkadang dengan overlay teks.

Sebagian besar desain layar terbagi terbagi cukup merata, meskipun beberapa dipisah dengan rasio yang berbeda. (33:66 atau 40:60 tampaknya merupakan rasio yang paling populer; ketika layar dibagi menjadi ukuran yang lebih kecil dari ⅓, itu lebih seperti sidebar daripada desain layar terbagi yang sebenarnya.)

Desain layar terbagi sangat cocok untuk halaman produk di situs eCommerce. Gambar produk harus menonjol di halaman ini, begitu juga informasi penting seperti harga, spesifikasi, tombol tambahkan ke keranjang, dan opsi produk.