MATERI 7 - BAHASA PEMROGRAMAN II

DESAIN UI/UX
Stevi Ema Wijayanti
UNIVERSITAS AMIKOM YOGYAKARTA - 2022
DESAIN UI/UX
Dalam sebuah aplikasi desain UI/UX memegang peranan yang sangat
penting disamping fitur dan teknologi yang dimiliki oleh aplikasi
tersebut. Desain UI/UX ini akan memberikan pengaruh besar, apakah
user bersedia menggunakan aplikasi/tidak. Desain aplikasi tidak
hanya terkait dengan tampilan visual dari aplikasi, tetapi juga faktor
lain seperti kemudahan akses.

Dalam materi ini akan dibahas apa itu User Interface (UI) dan User
Experience (UX)
DESAIN USER INTERFACE
APA ITU DESAIN USER INTERFACE ?
TENTANG DESAIN UI
APA ITU DESAIN USER INTERFACE ?
User interface (UI) design atau desain
antarmuka adalah proses yang digunakan
desainer untuk membangun antarmuka dalam
perangkat lunak yang berfokus pada
penampilan.

UI berfungsi untuk memperindah tampilan

aplikasi sehingga meningkatkan kepuasan
user.
Beberapa komponen UI antara lain :
Layout
Icon tipografi / Gambar pendukung
Tema
Komponen button
Animasi
Warna
Visual interaktif lainnya
Dalam aplikasi android syarat User Interface (UI) yang harus dipenuhi
adalah Simple dan Menarik.

Simple : Tidak menggunakan banyak komponen dalam satu halaman,

mengingat ukuran layar HP terbatas.
Menarik : Walaupun menerapkan desain sederhana, namun tetap
harus menarik user. Bisa dengan menambahkan icon/gambar,
perpaduan warna dan lain sebagainya.
Syarat UI yang baik :
Konsisten
Responsif
Jelas dan ringkas
Intuitif
Kontras warna yang baik
Informasi terstruktur
DESAIN USER EXPERIENCE
APA ITU DESAIN USER EXPERIENCE?
TENTANG DESAIN UX
APA ITU DESAIN USER EXPERIENCE ?
User Experience (UX) merupakan proses
mendesain suatu produk melalui pendekatan
pengguna. Dengan pendekatan ini, Anda jadi
bisa menciptakan produk yang sesuai dengan
kebutuhan dan keinginan pengguna.

Produk dengan desain UX yang baik akan

menciptakan pengalaman yang menyenangkan
bagi pengguna saat menggunakan produk
Anda. Pengguna jadi mudah dan nyaman saat
menggunakan produk.
Beberapa komponen UX antara lain :
Bagaimana fitur-fitur yang disediakan pada aplikasi
Struktur desain
Navigasi penggunaan aplikasi
Aspek visual desain
Seluruh aspek interaksi dengan pengguna

Selain itu UX juga meliputi bagaimana Anda menentukan branding,

konten, dan belajar copywriting yang sesuai dengan target pengguna
Anda.
Syarat UX yang baik :
Mudah digunakan (usability)
Memiliki nilai (valuable)
Mudah untuk didapatkan (adoptability)
Kesukaan (desirable)
PERBEDAAN UI DAN UX
APA ITU PERBEDAAN UI DAN UX
Perbedaan UI dan UX

TUJUAN PROSES KOMPONEN SKILL YANG

DESAIN DESAIN DESAIN DIBUTUHKAN
UI bertujuan Proses desain UX Komponen UI : UI : Desain grafis,
mempercantik berlandaskan riset warna, gambar, creative thinking,
tampilan aplikasi. user sehingga video animasi, convergent thinking,
Sementara UX menghasilkan typography, button desain branding..
dirancang untuk aplikasi yang disukai dan visual interaksi UX : Riset, critical
memberikan dan dibutuhkan. lainnya. Komponen thinking, creative
pengalaman yang Sedangkan UI riset UX : fitur-fitur, thinking, analysis,
menyenangkan saat untuk membuat struktur desain dan problem solving,
menggunakan desain yang menarik navigasi. wireframing.
aplikasi dan sesuai konsep.
 WORKFLOW DESAIN UI DAN UX
1 2
RISET UX
Riset UX merupakan langkah
awal dalam membuat desain
yang baik. Riset dilakukan
untuk memahami apa yang
dibutuhkan pengguna
3 WIREFRAME
INFORMATION
ARCHITECTURE Wireframe merupakan sketsa
visual dari sebuah apliaksi.
Information Architecture ini
Sketsa desain ini juga
merupakan proses menyusun
menunjukan alur operasi
struktur bagian-bagian pada
aplikasi
aplikasi

4 5
UX FLOWS
Pengaturan bagaimana
aplikasi digunakan oleh user
sehingga nyaman untuk
digunakan
6
PROTOTYPE DESAIN
UX
Prototipe dibut sesuai
dengan desain wireframe dan
flows yang telah dibuat
DESAIN SYSTEM
Design system dibuat untuk
menyimpan segala
komponen desain, terutama
komponen desain UI, seperti
icon, font, palete warna, dsb.
PENTINGNYA UI DAN UX
APA PENTINGNYA UI DAN UX
PENTINGNYA UI/UX DALAM APLIKASI
Menghasilkan Produk yang Dibutuhkan Pengguna
Meningkatkan Kepuasan Pengguna Terhadap Produk
Meningkatkan Penjualan dan Bisnis
 TERIMAKASIH
Programming is not about typing but thinking