Apa itu 4 UI Element?
Hai semua, kembali lagi bersama saya fadlan, dan kali ini kita akan mengenal 4 element UI yang biasa di gunakan untuk memberikan user pilihan, akses dan kemudahan dalam suatu hal. Kalau begitu tanpa berlama lagi berikut 4 UI Element yang biasa di gunakan
1. Input Control, seperti namanya yaitu Input yang berarti memasukan atau menambahkan dan control yang berarti kontrol, input kontrol adalah UI Element yang berguna untuk memberikan user akses untuk bisa menginput sebuah informasi. Contoh input control yang paling jelas adalah bar input nama, nomor telepon, alamat dll pada panel login. Input Control ada 4 jenis yaitu Text Field, Select, Checkbox dan Radio Button
2. Navigation Component, sebuah UI Element yang berguna untuk memberikan user akses untuk berpindah pindah dari suatu halaman ke halaman lainnya. Contoh Nav Component yang paling sering dilihat adalah Navigation Bar, yup bar yang biasa berada di paling bawah layar pada suatu aplikasi ini merupakan salah satu contoh dari Nav Component. Seperti namanya Nav Bar bisa membuat kita pindah dari homepage ke halaman profile dan yang lainnya hanya dengan mengklik icon yang tertera. Selain Nav bar ada 3 jenis lainnya dari Nav Component yaitu Breadcrumbs, Stepper, dan Tabs
3. Informational Component, sebuah UI Element yang bisa memberikan sebuah informasi kepada pengguna, loh kalau gitu sama aja dengan input control dong? Eitts! Salah besar! Input control memberikan akses user untuk memberikan informasi sedangkan informational komponen itu memberikan akses aplikasi untuk memberikan informasi kepada user. Contoh paling mudah adalah Progress Bar, saat kita sedang menyelesaikan beberapa task yang bertahap biasanya pihak produk akan memberikan informasi berupa progress bar yang berguna untuk memberitahu user sudah sampai mana progress mereka berjalan, atau mudahnya saat kita sedang mendownload sesuatu kita akan melihat sebuah bar panjang yang akan berubah warna dari kiri ke kanan seiring dengan seberapa banyak progress itu sudah berjalan. Selain progress bar ada 3 jenis lain yang bisa di gunakan yaitu, Dialog, Snacker, Backdrop
4. Containers, Element yang berguna untuk menampung beberapa komponen menjadi satu dan biasanya digunakan untuk sesuatu yang sejenis atau mirip atau bisa juga dikaitkan dengan sebuah web yang mengandung beberapa element di dalamannya contoh mudahnya adalah Accordion
Nah gimana? sekarang sudah paham bukan element UI yang bisa digunakan beserta dengan istilah istilah nya, perlu diingat bahwa tidak semua sesuatu dalam UI harus menggunakan ke 4 jenis ini ya, ke empat jenis ini hanya yang paling sering digunakan dan berguna untuk memberikan user beberapa informasi tertentu atau bahkan membiarkan user menambahkan sebuah informasi. Tentu, pemakaian yang berlebihan juga tidak bagus, kalau begitu mungkin hanya sampai disini saja artikel kali ini dan sampai jumpa di artikel selanjutnya