Implementasi User Interface

Pengertian User Interface

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.

Di dalam dunia IT, banyak perusahaan yang membutuhkan jasa atau pekerjaan dari seorang UI Designer maupun UI / UX Designer. Tugas dan tanggung jawab yang dimilikinya adalah mampu untuk merancang dan mengembangkan suatu tampilan awal desain aplikasi yang nantinya akan diimplementasikan ke dalam kode program yang akan dikerjakan oleh developer atau pengembang aplikasi.

 

Karakteristik User Interface yang baik

• Desain Menunjukan Informasi yang Jelas & Singkat
• Desainnya Terasa Familiar Bagi User
• Desain yang Responsif
• Konsistensi Desain
• Efisien
• Memenuhi Standar Estetika Suatu Desain Visual
• Kontras Warna yang Baik

 

Pentingnya UI bagi ssebuah Produk

• Memudahkan Interaksi pengguna dengan produk
• Meningkatkan Penjualan dan Pertumbuhan Bisnis
• Meningkatkan Kualitas Branding

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:

1. Di mana saya?
2. Kemana saya bisa pergi?
3. Ada apa di sini?

Veen’s Design Principles

1. Menggambarkan website harus memiliki header yang menjelaskan website apa
2. Menggambarkan adanya navigasi yang diposisikan di sidebar
3. 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)