Jenis-jenis Button yang Wajib Diketahui UI Desainer

Ardy Widyantoro
TLabCircle
Published in
2 min readJul 28, 2023
Photo by Olaf Val on Unsplash

Button merupakan salah satu aspek komponen yang penting dalam user interface website maupun aplikasi. Button digunakan untuk memberikan interaksi kepada pengguna, seperti mengirim formulir, memulai tindakan, atau mengakses halaman lain. Kali ini kita akan mengulas 4 jenis button yang umum digunakan dalam desain user interface.

CTA Button

Call-to-Action button adalah tombol yang berfungsi untuk mengarahkan user melakukan aksi (suatu tindakan tertentu), seperti pembelian, berhubungan, berlangganan, dll. Call-to-Action biasanya menggunakan warna kontras sehingga button dapat terlihat menarik.

Ghost Button

Ghost button merupakan tombol yang transparan yang komposisinya hanya garis pinggir atau border dan text. Ghost button biasanya digunakan berpasangan denga Call-to-Action sebagai secondary button untuk aksi lain dari aksi utama.

Text Button

Text button atau tombol yang berbentuk teks digunakan untuk membuat aksi yang bisa dibilang penting namun tidak membuat user terganggu dengan tujuan utamanya.

Floating Action Button

Floating action button adalah tombol yang memicu tindakan utama di user interface. Halaman ini menunjukkan cara menambahkan floating action button ke tata letak, menyesuaikan sebagian tampilannya, dan merespons ketukan tombol. Ciri khusus dari tombol ini adalah floating atau mengambang.

Selain 4 jenis tombol ini, ada juga variasi lainnya tergantung pada desain dan kebutuhan spesifik dari aplikasi atau situs web yang sedang dibuat. Penting untuk memilih gaya tombol yang sesuai dengan konteksnya dan menjaga konsistensi dalam desain user interface secara keseluruhan.

--

--