Dokumen ini membahas pentingnya desain UI/UX dalam pendidikan dan bisnis, menekankan pada peningkatan aksesibilitas dan efisiensi di pasar global. Arunika, sebuah kelompok siswa Indonesia yang mengembangkan dunia pendidikan, menjalankan workshop untuk membekali peserta dengan keterampilan digital. Juga diuraikan berbagai istilah dan konsep terkait UI/UX serta proses pembuatan user persona untuk memperdalam pemahaman tentang pengguna.

1. WEBSITE DESAIN DAN
WEBSITE EXPERIENCE
UI/UX

2. MATERI
PELAJARAN
Salam Kenal
Konsep dan Kata Kunci
Kepentingan dan Fungsi UI/UX
Aktifitas UI
Aktifitas UX
Grouping
Presentation

3. APA ITU “ARUNIKA”?
Tentang Kami
Kami beranggotakan siswa siswi Indonesia yang sedang menyelesaikan sekolah di luar Indonesia
bertujuan untuk membantu dan mengembangkan dunia pendidikan dan pelatihan di seluruh penjuru
Indonesia, dengan menyediakan kelas workshop spesifik sesuai keahlian kami dalam lanskap
perkembangan teknologi yang terus berubah. Kami berkomitmen untuk meruntuhkan hambatan dan
stereotip dengan memberikan kesempatan kepada siapa saja untuk mengeksplorasi passion mereka
dalam seni, fashion, dan bisnis, semuanya sambil menggabungkan teknologi terbaru. Melalui workshop
langsung, mentorship, dan kesempatan networking, kami bertujuan untuk membagi pengetahuan kami
ke semua siswa siswi dan memberikan bekal keterampilan dan kepercayaan diri yang kalian butuhkan
untuk berhasil di era digital saat ini.

4. UI/UX

5. User Interface (UI):
UI berkaitan dengan tampilan visual dan interaksi pengguna dengan produk. Ini
mencakup desain elemen seperti tombol, ikon, tata letak halaman, warna, dan
tipografi. Tujuannya adalah membuat tampilan yang menarik dan mudah digunakan.
User Experience (UX):
UX berfokus pada keseluruhan pengalaman pengguna saat menggunakan produk.
Ini melibatkan pemahaman kebutuhan pengguna, membuat produk yang mudah
dipahami dan digunakan, serta memastikan pengguna merasa puas dengan produk
tersebut. Proses ini sering melibatkan riset pengguna, pembuatan prototipe, dan
pengujian.
DEFINISI

6. KONSEP DAN
KATA-KATA
KUNCI

7. KATA
KUNCI
DAN
DEFINISI
KONSEP
★ Ikon: adalah gambar atau simbol kecil yang
digunakan untuk mewakili suatu tindakan atau
objek.
★ Simbolisme: adalah penggunaan simbol untuk
mewakili ide atau konsep tertentu.
★ Palet warna: adalah kumpulan warna yang dipilih
dan digunakan dalam desain.
★ Estetis: adalah keindahan atau penampilan visual
yang menyenangkan.
★ Tipografi: adalah seni dan teknik mengatur huruf
dalam desain.
★ UVP (Unique Value Proposition): adalah sebuah fitur
dalam aplikasinya yang membedakan app tersebut
dari competitors.

8. KATA
KUNCI
DAN
DEFINISI
KONSEP
★ Prototype: adalah versi awal dari produk yang
digunakan untuk menguji dan
menyempurnakan desain.
★ Brand identitas: adalah elemen-elemen visual
dan pesan yang digunakan untuk
menggambarkan dan membedakan sebuah
merek dari yang lain.
★ High fidelity: adalah prototipe atau desain
yang sangat mirip dengan produk akhir,
termasuk detail visual dan interaktif.
★ Low fidelity: adalah prototipe atau desain
yang sederhana dan kasar, digunakan untuk
menguji konsep dasar tanpa banyak detail.

9. KEPENTINGAN
DAN FUNGSI
UI/UX

10. ★ Mempermudah Akses ke Pasar Global: Desain UI/UX yang baik membuat situs e-commerce mudah
diakses dan digunakan oleh semua orang, termasuk mereka yang kurang berpengalaman dalam
teknologi. Ini membuka peluang bagi daerah kurang mampu untuk menjual produk mereka ke pasar
global dengan mudah.
★ Meningkatkan Kepercayaan Konsumen: Situs web yang profesional dan mudah digunakan
meningkatkan kepercayaan konsumen. Desain yang baik membuat pengguna merasa aman dan
nyaman saat berbelanja, yang penting untuk menarik pelanggan baru dan mempertahankan yang
sudah ada.
★ Mengurangi Hambatan Teknologi: Banyak orang di daerah terpencil mungkin tidak terbiasa dengan
teknologi. Desain UI/UX yang intuitif dan sederhana membantu mengatasi hambatan ini,
memungkinkan mereka untuk lebih mudah memulai dan mengelola bisnis online.
KEPENTINGAN DAN FUNGSI UI/UX DALAM
DUNIA TEKNOLOGI

11. ★ Meningkatkan Efisiensi Bisnis: Desain yang baik memungkinkan pemilik bisnis untuk mengelola
toko online mereka dengan lebih efisien. Mereka dapat dengan mudah memperbarui produk,
memproses pesanan, dan mengelola inventaris, yang mengurangi biaya operasional dan
meningkatkan produktivitas.
★ Memberikan Pengalaman Pengguna yang Baik: UI/UX yang baik memastikan bahwa pelanggan
memiliki pengalaman positif saat berbelanja, yang penting untuk mempertahankan pelanggan dan
mendorong mereka untuk kembali berbelanja. Pengalaman pengguna yang baik juga dapat
meningkatkan reputasi bisnis dan membantu dalam pemasaran dari mulut ke mulut.
★ Meningkatkan Konversi Penjualan: Desain yang efektif dapat mempengaruhi keputusan pembelian
konsumen. Dengan tata letak yang menarik, navigasi yang mudah, dan proses checkout yang
sederhana, tingkat konversi penjualan dapat meningkat, membantu bisnis tumbuh lebih cepat.
KEPENTINGAN DAN FUNGSI UI/UX DALAM
DUNIA TEKNOLOGI

12. AKTIFITAS UI

13. Desain UI Membutuhkan Revisi, Riset,
Pengujian
Tujuan: Memperluas dan Menjelajah
Nama, Tagline, Deskripsi Aplikasi
● Nama Aplikasi: [Nama Unik Aplikasi
Anda]
● Tagline: [Tagline Menarik yang
Menyampaikan Inti Aplikasi]
● Deskripsi:
○ [Deskripsi Singkat Aplikasi]
○ [Apa yang Dilakukan Aplikasi]
○ [Manfaat Utama bagi Pengguna]
IDEATION
(Pembentukan Ide)

14. Menggunakan Kata-Kata Detail untuk
Mendeskripsikan Pengguna
Langkah-Langkah:
1. Mengidentifikasi Audiens
○ Menggambarkan demografi dan
karakteristik pengguna potensial dengan
rinci.
2. Menguraikan Alasan
○ Menjelaskan alasan mengapa pengguna
memerlukan atau menginginkan produk
Anda.
AUDIENCE AND
RATIONALE
(Audiens dan Alasan)

15. Merek dengan Kata-Kata, Penamaan, Slogan,
Misi
Langkah-Langkah:
1. Penamaan
○ Menentukan nama yang sesuai untuk
produk atau layanan Anda.
2. Slogan
○ Membuat tagline atau slogan yang menarik
dan mudah diingat.
3. Misi
○ Menyusun pernyataan misi yang
menggambarkan tujuan dan nilai utama
produk Anda.
NAMING AND MISSION
(Penamaan dan Misi)

16. AKTIFITAS UX

17. Proses Membuat User
Persona
● Latar Belakang:
○ nama
○ umur
○ place of occupation/tempat kerja
○ personality/characteristics
● Kebutuhan dan Tantangan:
○ expectations from the app
○ kekurangan/keinginan UVP (Unique Value
Proposition) dalam app tersebut.
● Perilaku Digital
○ social media presence
○ familiarity with digital apps
○ engagement with social media

18. Proses Membuat User
Persona
● Motivasi dan Tujuan
○ expectations and what they want
● Pain Point
○ previous non-met expectations
● Hobby
○ what they do for fun

19. User Persona - Jude, a constant nomad traveler, loves going on expeditions to Japan, Asian-American, likes tasting and
exploring different culinaries, he believes that food is a good way of exchanging cultures with people, he’s a food blogger
with over 100k subscribers on Youtube, he’s social, outgoing, and fun, has a constant thirst to learn more about a bowl of
food, wants an app that can help him learn more about the food he eats.

23. GROUPING

24. https://www.canva.com/design/DAGLNHQt8
Kc/Jc9_95GgTwzBo2o6CGfWeQ/edit
jazkurnz06@gmail.com
MATERIALS

25. SESI PRESENTASI

26. TERIMA KASIH!

27. BRAND
SHAPES
Brand Shapes are recognizable shapes and patterns that represent your brand.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Semper quis lectus nulla at. Risus quis varius quam quisque id
diam vel quam. Dictum fusce ut placerat orci. Orci porta non pulvinar neque laoreet. Lectus
vestibulum mattis ullamcorper velit. Eu ultrices vitae auctor eu augue ut. Proin libero nunc
consequat interdum varius. Aliquet enim tortor at auctor urna nunc. Ornare arcu odio ut sem
nulla pharetra diam. Ultrices dui sapien eget mi proin. Penatibus et magnis dis parturient
montes nascetur ridiculus. Dui sapien eget mi proin sed libero enim sed faucibus. Cras
fermentum odio eu feugiat pretium nibh ipsum.