Newest Info

Berita, info dan pengumuman terbaru berkaitan dengan perkembangan teknologi

Hal kecil yang bisa kamu perhatikan agar desain UI mu makin cakep?—?Bagian #2

25 November 2018 | Dwinawan via medium
post image

Melanjutkan seri artikel sebelumnya, Pada artikel ini kita akan kembali membahas beberapa hal kecil yang bisa membuat desain UI mu makin cakep. Yuk, langsung aja. Coba kita perhatikan desain halaman pengaturan atau settings dibawah ini Pada desain nomor 1, semua konten nya disusun dari atas ke bawah. Desain seperti ini akan terlihat simple dan clean, jika konten nya sedikit. Tetapi jika konten nya banyak sekali, ada kemungkinan user akan kesulitan untuk menemukan suatu pengaturan atau settings, karena harus membaca satu persatu Pada desain nomor 2 dan 3, konten nya dipisah menjadi beberapa group atau kelompok sesuai dengan konteksnya dan diberi judul atau title. Dengan memisah seperti ini, asumsinya akan mempermudah user untuk menemukan suatu pengaturan, Karena user cukup berfokus pada judul di tiap group nya. Tips: Pada pemisahan di halaman settings seperti ini, sebaiknya konten di dalam tiap kelompok atau group nya jangan terlalu banyak. Jika dirasa sudah terlalu banyak, bisa membuat kelompok atau group baru. Corner Case: Tetapi jika memang konten di halaman settings nya sudah sangat banyak sekali, bisa ditambahkan fitur pencarian untuk membantu user menemukan sebuah pengaturan. Contoh lain pemisahan konten adalah seperti desain halaman hasil pencarian dibawah ini Pada design diatas, pemisahan konten nya bertujuan agar user nyaman dalam membaca tiap konten nya. Pada design sebelah kiri, konten yang berdekatan membuat user kurang fokus saat membaca salah satu baris, user akan terganggu atau terdistraksi dengan konten yang berada di atas dan bawah karena terlalu dekat. Pada design sebelah kanan, dengan menambahkan jarak, akan membuat user nyaman dalam membaca konten di salah satu baris. Mari kita perhatikan desain halaman pemberitahuan atau notifikasi di bawah ini Pada design sebelah kiri, semua notifikasi memiliki opacity yang sama, yaitu 100%. Pada design sebelah kanan, notifikasi yang belum terbaca memiliki opacity 100%, tetapi notifikasi yang sudah terbaca memiliki opacity 30% atau menjadi transparan. Sebenarnya tidak ada masalah pada design sebelah kiri, User bisa mengidentifikasi notifikasi yang belum terbaca dengan indikator warna biru di sebelah kanan. Tetapi pada design sebelah kanan, user bisa sangat fokus terhadap notifikasi yang belum terbaca, karena notifikasi yang sudah terbaca menjadi transparan, sehingga tidak mengundang perhatian user. Semoga bermanfaat :). IndonesiaIT 2018, [...], Artikel ini di ambil dari feed medium, untuk pengalaman baca yang lebih baik, silahkan kunjungi situ aslinya. IndonesiaIT - Software Developer Terbaik. Baca Selengkapnya.