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


Teks pada Elemen Tag

— Kapital cocok digunakan untuk 1 kata, jika 2 kata akan terasa seperti orang berteriak teriak

Jika teks pada elemen Tag hanya 1 kata, penggunaan huruf kapital untuk teksnya terasa pas.

Lalu coba kita lihat jika teks nya lebih dari 1 kata seperti dibawah ini… 👇

Teks pada elemen Tag seperti berteriak. Selain itu penggunaan huruf kapital pada lebih dari 1 kata membuat sulit untuk membaca secara cepat.

Jika teks pada elemen Tag memerlukan lebih dari 1 kata, lebih baik menggunakan huruf biasa, seperti design dibawah ini… 👇


Label pada inputan

— Minimal Jarak label dengan inputan di atasnya nya adalah 3x jarak label dengan inputan di bawahnya

Coba kita lihat design dibawah ini… 👇

Berikut adalah jaraknya… 👇

Jika jarak label dengan inputan diatasnya sama dengan jarak label dengan inputan dibawahnya, maka seperti design dibawah ini… 👇

Terasa sesak dan sulit untuk melihat keterkaitan label dengan inputan yang diwakilinya.


Grouping pada inputan form yang panjang

— Jika memang harus menampilkan form yang sangat panjang, coba bikin grouping

Jika memang harus menampilkan inputan form yang banyak di satu halaman seperti design dibawah ini… 👇

Maka bisa dipertimbangkan untuk menggunakan grouping, seperti design dibawah ini… 👇

Dengan menggunakan grouping akan membuat user fokus di per kategori nya. Dan juga dengan menggunakan grouping, user tidak merasa inputan nya terlalu banyak.


Ini adalah artikel series yang membahas tentang hal hal kecil yang bisa meningkatkan tampilan pada UI mu. Simak series lain nya dibawah ini:
👉 Bagian 1
👉 Bagian 2
👉 Bagian 3
👉 Bagian 4

Semoga bermanfaat :)