UI/UX
By: Tim Teaching
The era of abundance and automation
Today we have a lot more choices and they
are faster, better, cheaper, than before
—Ahmad Alim Akhsan-Ketut Sulistyawati, Somia CX
Perkembangan Nilai
Ekonomi
“Experience innovation will be a
crucial component for companies
seeking to remain relevant and
retain customer loyalty.”
—[Link]
User Interface
vs
User Experience
User Interface: bagian dari User Experience: pengalaman
aplikasi yang berinteraksi keseluruhan yang dirasakan
langsung dengan pengguna. UI pengguna saat berinteraksi
mencakup segala hal yang dengan aplikasi. UX tidak hanya
pengguna lihat dan interaksikan, berkaitan dengan desain visual,
Contoh: Tombol, Ikon, Tampilan tetapi juga dengan kenyamanan,
teks, Layout halaman, Warna kemudahan, dan kepuasan
dan tipografi pengguna dalam menggunakan
produk.
Apa Perbedaan UI dan UX ?
UI lebih berfokus pada visual dan bagaimana
antarmuka terlihat dan berfungsi secara [Link]
lebih berfokus pada pengalaman pengguna secara
keseluruhan, termasuk kemudahan penggunaan,
kecepatan, dan kepuasan.
Visual vs Pengalaman Pengguna
Coba Jelaskan !
Mengapa UI/UX Penting?
• Desain UI/UX yang baik membantu menciptakan
Meningkatkan kepuasan pengalaman yang menyenangkan, yang akan membuat
pengguna pengguna merasa puas dan lebih cenderung kembali
menggunakan produk
Mempermudah • UI/UX yang efektif memudahkan pengguna untuk
memahami dan menggunakan aplikasi atau situs web
penggunaan tanpa kebingungan
• Pengalaman pengguna yang baik dapat meningkatkan
Meningkatkan konversi tingkat konversi, seperti pembelian produk atau
pendaftaran pengguna baru
Proses Desain UI/UX
• Bussiness goal • Information Architect
• User need • Sketching
• Technical capabilities • Wireframing
• Competitors • Content Strategy
Research Design
Define Develop
• Personas
• Review Prototype
• Scenarios
• Test with users
• User journey
• Iterate
• Requirements
• Concepts
Prinsip Desain UI/UX yang Baik
Keterbacaan
Konsistensi dan kemudahan
navigasi
Penggunaan
Responsif
yang intuitif
Kecepatan
Tugas dan Peran dalam Tim UI/UX
• Bertanggung jawab atas tampilan visual,
UI Designer
elemen antarmuka, dan konsistensi desain
• Fokus pada pengalaman pengguna secara
UX Designer keseluruhan, termasuk riset pengguna, alur
interaksi, dan pengujian
• Mengimplementasikan desain UI ke dalam
Front-end
kode yang dapat dijalankan di web atau
Developer
aplikasi
• Mengumpulkan data dan feedback dari
User
pengguna untuk membantu tim dalam
Researcher
merancang produk yang lebih baik
Alat yang digunakan dalam UI/UX
Adobe
Sketch Figma InVision Balsamiq
XD
Experience in the web
What happen
before they land
on the website?
What happen after
they leave the
website ?
You are like your users
—Someone Famous