Assalamualaikum
warahmatullahi wabarakatuh
Selamat malam geng !
Gimana kabar nya minggu ini ? Masih baik – baik aja kann...
Di kesempatan kali ini
aku bakal ngejelasin berbagai hal yang menyangkut “UI” atau User Interface.
Kita mulai dari pengertiannya aja yaa, yukk
PENGERTIAN
USER INTERFACE (UI)
User
Interface (UI) adalah bentuk visual atau tampilan pada website atau aplikasi
yang ditujukan pada penggunanya agar ada interaksi didalamnya. 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.
UI BERDASARKAN PLATFORM
Dibagi
menjadi 3 bagian, yaitu : Desktop (PC, Netbook & Notebook), Mobile
(Smartphone & Tablet), Website (Desktop & Mobile).
PERBEDAAN UI DESKTOP & UI MOBILE
Screen size :
- Desktop = large
- Mobile = small
Interaction :
- Desktop = cursors
- Mobile = gestures
Organizing content :
- Desktop = columns
- Mobile = scrolling/portrait and
landscape
Functionality :
- Desktop = big tasks
- Mobile = experimental
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 [36]. 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.
UI
WEBSITE
Harus
Responsif bisa di desktop dan mobile. Tampilan harus simpel dan mudah
digunakan. Page speed harus bagus (cepat).
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).
Mungkin sekian dulu artikel mengenai UI nya, kurang dan lebih saya mohon maaf.
0 komentar