Apa Itu User Interface (UI) ?
User Interface adalah tampilan
visual sebuah produk yang menjembatani sistem dengan pengguna (user). Tampilan
UI dapat berupa bentuk, warna, dan tulisan yang didesain semenarik mungkin.
Secara sederhana, UI adalah bagaimana tampilan sebuah produk dilihat oleh
pengguna. UI menjadi penghubung langsung antara sistem dengan penggunanya. UI
merupakan perpaduan dari elemen grafis dan sistem navigasi. UI efektif untuk
membuat fokus pengguna pada objek dan subjek yang dilihat menjadi lebih baik. Tujuan
dari user interface adalah untuk meningkatkan usability dan tentunya user
experience.
Desain user interface memang
sangat penting karena itu akan menentukan bagaimana seseorang berinteraksi
dengan website dan aplikasi tersebut. User interface juga menentukan apakah
pengunjung website atau pengguna aplikasi dapat menavigasi website atau
aplikasi dengan mudah. Saat seseorang mengunjungi website Anda, user experience
harus menjadi prioritas Anda. Kalau orang memiliki user experience yang baik di
website Anda, Anda akan mendapat conversion rate yang lebih tinggi. Selain itu,
mereka juga akan mempromosikan website atau aplikasi Anda ke orang-orang lain. Kalau
mereka mengalami pengalaman buruk dengan website atau aplikasi Anda, pasti
mereka tidak mau menggunakannya lagi. Jika Anda adalah bisnis online, ini
tentunya penting. Untuk memiliki user experience yang baik, Anda memerlukan
user interface yang mudah dinavigasi dan digunakan.
UI Mobile
Interaksi pengguna dengan
perangkat mobile harus dirancang sedemikian rupa sehingga rentang waktu
tindakan pengguna lebih pendek dari pada di perangkat dekstop, tindakan harus
sederhana namun terfokus. Selain itu, ukuran layar pada perangkat mobile juga
kecil sehingga jumlah informasi yang dapat ditampilkan terbatas. Desain UI
haruslah cepat saat dibuka
Metode Pembuatan Desain UI Mobile
1. Material Design for Android
(MDfA)
MDfA adalah panduan untuk membuat
desain UI pada sistem operasi Android yang mencakup visual, gerak, dan
interaksi di seluruh platform dan perangkat . MDfA ini merupakan template UI
Android standar yang digunakan pada aplikasi bawaan atau aplikasi milik Google.
Semua panduan mengenai standar desain UI aplikasi Android tersedia secara
lengkap, seperti tema, widgets, animasi, dan komponen UI lainnya.
2. Common Element Sets (CES)
CES merupakan seperangkat elemen
UI yang umum atau populer digunakan oleh aplikasi dan muncul setidaknya satu
kali pada desain UI lainnya. CES pada UI bisa seperti desain tata letak, desain
tombol, desain navigasi, desain form, desain produk dan lain sebagainya. Komponen
UI yang umum digunakan dapat merujuk dari desain aplikasi yang populer saat
ini.
Metode Pembuatan Desain UI Website
Ada 3 prinsip dalam mendesain sebuah website menurut Veen’s design principles, yaitu bisa menjawab pertanyaan:
- Di mana saya?
- Kemana saya bisa pergi?
- Ada apa di sini?
Veen’s Design Principles
- Menggambarkan website harus memiliki header yang menjelaskan website apa
- Menggambarkan adanya navigasi yang diposisikan di sidebar
- Menggambarkan konten dari website.
Jenis Desain UI Website
- Static - Desain web memiliki ukuran tetap pada semua resolusi browser (pixel)
- Fluid - Desain web dapat menyesuaikan lebar layout sesuai dengan resolusi browser (%)
- Responsive – Desain web dapat berganti layout pada resolusi tertentu (desktop&mobile)
- Responsive fluid – Gabungan Responsive & Fluid (%)
- Horizontal Scrolling -Desain web dengan menampilkan konten Horizontal atau menyamping)
- Parallax Scrolling- Desain web dengan layer atau hanya 1 halaman (one page/single page)
EmoticonEmoticon