User Interface (UI) adalah bentuk visual atau tampilan pada website atau aplikasi yang ditujukan pada penggunanya agar ada interaksi didalamnya. UI merupakan perpaduan dari elemen grafis dan sistem navigasi. UI efektif untuk membuat fokus pengguna pada objek dan subjek yang dilihat menjadi lebih baik.
v Nah di sini ada user interfacefe berdasarkan Platfrom
· Desktop: Layar utama dari sebuah komputer / PC. Contohnya : PC, Neetbook, dan Notebook
· Mobile: Sistem perangkat lunak yang memungkinkan setiap pemakai melakukan mobilitas dengan perlengkapan PDA-asisten digital perusahaan pada telepon genggam atau seluler. Contohnya: Smartphone dan tablet
· Website: Kumpulan halaman pada suatu domain di internet yang dibuat dengan tujuan tertentu dan saling berhubungan serta dapat diakses secara luas melalui halaman depan (home page) menggunakan sebuah browser menggunakan URL website. Contohnya: Desktop dan Mobile
A. 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) MDfA adalah panduan untuk membuat desain UI pada sistem operasi Android yang mencakup visual, gerak, dan interaksi di seluruh platform dan perangkat. Semua panduan mengenai standar desain UI aplikasi Android tersedia secara lengkap, seperti tema, widgets, animasi, dan komponen UI lainnya.
2) CES (Common Element Sets) 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.
B. UI Website
UI Website ini Harus Responsif bisa di desktop dan mobile. Dan juga Tampilan harus simpel dan mudah digunakan serta Page speed harus bagus (cepat).
Metode Pembuatan Desain UI Webside:
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?
Jenis-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)
v Sekarang kita akan membahas apa sih perbedaan UI Desktop dan Mobile:
1) Screen size
· Desktop: Large
· Mobile: Small
2) Interaction
· Desktop: Cursors
· Mobile: Gestures
3) Organizing
· Desktop: Columns
· Mobile: Scrolling/Portait and Landscape
4) Functionality
· Desktop: Big tasks
· Mobile: experimental
0 komentar:
Posting Komentar