Anjik Sukmaaji

“Suatu aplikasi dapat berfungsi dengan baik ketika antarmuka yang tersedia dapat memandu dan mendukung pemakai aplikasi melalui alur kerja yang mudah dipahami”

Kemudahan dan user friendly antarmuka aplikasi dapat mempengaruhi kecepatan penggunaan aplikasi untuk mendukung tujuan di ciptakannya aplikasi tersebut. Antarmuka pengguna, tentu sudah didesain menurut tahapan dan standard yang baku, misalnya standard desain UI/IX, Desain antarmuka berbasis Lean UX, Desain antarmuka pengguna dengan metodologi desain sprint, dan lain sebagainya, namun sering kali masih di temukan beberapa kekurangan atau bisa dikatakatan kesalahan desain.  Beberapa kesalahan-kesalahan yang harus diperhatikan agar bisa dihindari antara lain:

1. Kurangnya Feedback atau tidak tersedianya Feedback yang komunikatif.
2. Antarmuka dalam satu aplikasi tidak konsisten antara satu dengan antarmuka yang lain
3. Pesan kesalahan yang tidak memberikan panduan yang komunikatif dalam memberi informasi pengguna.
4. Nilai standard inputan tidak ada, sehingga pengguna aplikasi harus menghabiskan banyak waktu untuk memikirkan isian
5. Ikon bisu, tanpa keterangan atau label sehingga tetap menyulitkan pengguna tentang fungsi dari tombol/ikon tersebut
6. Ikon/menu/link yang sulit diakses, misalnya ukuran terlalu kecil, posisi peletakan yang terlalu menepi dan berhimpitan dengan lainnya.
7. Window pop-up pengisian data yang menghalangi informasi yang menyebabkan pengguna harus geser window pop-up atau bahkan harus membuka menutup pop-up tersebut.
8. Informasi-informasi yang tidak diperlukan muncul, misalnya data ditampilkan dari keseluruhan isi tabel, tanpa melakukan filter penampilan sesuai dengan kebutuhan pengguna.
9. Kumpulan menu yang beragam. Sekumpulan menu dalam satu windows yang memiliki fungsi yang beragam, tidak spesifik terhadap suatu fungsi pada obyek tertentu.
10. Peletakan instruksi kontradiksi yg berdekatan. Misalnya antara hapus dan simpan yang saling berdekatan, memungkinkan terjadi kesalahan dalam memilihnya

Proyek pembuatan aplikasi yang diawali dengan perancang antarmuka (UX designer)  membuat deliverables sebagai alat untuk berkomunikasi. Secara umum  deliverables meliputi wireframe, mockup dan prototype.  Prototype adalah deliverables dinamis dan sudah dapat merespon setelah di-klik, sedangkan Wireframe dan mockup merupakan deliverables yang bersifat statis.  Mockup adalah Dynamic deliverable yang bersifat high fidelity design sedangkan wireframe adalah  Dynamic deliverable yang bersifat low fidelity design.

Wireframe dapat disebut sebagai blueprint dalam arsitektur aplikasi. Tujuannya  bukan desain visual, namun menyampaikan susunan, struktur, layout, navigasi dan organisir konten. Wireframe dibuat dengan menggunakan warna hitam putih, karena lebih menekankan isi dari konten.

Mockup menyampaikan aspek visual design, termasuk gambar, warna, dan tipografi. Mockup memberikan gambaran secara detail sebelum produk dibuat berdasarkan perspektif pengguna.

Prototype merupakan design interaktif yang sudah dapat diklik dan  akan mendapat respon aksi dari pengguna. Prototype mensimulasikan bagaimana user berinteraksi dengan antar muka secara nyata, meningkatkan komunikasi yang efektif sehingga memungkinkan perancang sistem untuk menguji user journey dan menemukan masalah potensial pada tahap awal. Prototype dapat dibuat menggunakan tools design dan dapat juga dengan menggunakan Software Developer tools. Prototype yang dibuat menggunakan software developer tools disebut dengan Language Prototype Design. Kelebihan language prototype design adalah mempercepat proses software development execution karena sudah menggunakan antar muka pada tools tersebut dan menghasilkan code program, namun kelemahannya pengembang aplikasi dibatasi dalam mengembangkan pada bahasa pemrograman yang lain.

Berikut kumpulan Prototype aplikasi-aplikasi yang dibuat oleh mahasiswa semester 2 pada matakuliah Design Antarmuka pengguna angkatan 2018.

#Group-A

1. DC Extended Universe (aplikasi live streaming, informasi terkait dengan DC)  oleh Mario Angelo Kevin Buga Langoday : wireframe, prototype dengan mockingbot, video-design
2. Instrumen (Aplikasi Instrumen Sekolah berbasis android) oleh Adrianus Hernowo Wahyu Pandito: wire-frame, prototype dengan mockingbot, video-design.
3. BOLA (Baju Olah RAga adalah layanan aplikasi penjualan online baju oleh raga) oleh Onastatia Sahartian Onastatia Sahartian: wire-frame, prototype dengan AdobeXD, video-design.
4. MegaPict.id (Aplikasi  jasa dokumentasi untuk berbagai acara) oleh Indana Nazulfa: wire-frame, prototype dengan AdobeXD, video-design.
5. Nusantara (Aplikasi tiket pemesanan dan paket wisata)  oleh  Yulian Tino Lesta: wire-frame, prototype dengan AdobeXD, video-design.
6. Bacain (Aplikasi jual buku online)  oleh  Abyan Akbar Indroyono: wire-frame, prototype dengan AdobeXD, video-design.
7. SIX Game Store (Aplikasi untuk jual beli game dan peralatannya)  oleh  Leonardo Gunawan: wire-frame, prototype dengan mockingbot, video-design.
8. NewsiCyCa (Aplikasi sistem informasi Cyber Campus versi Mobile)  oleh  Calvin Young: wire-frame, prototype dengan AdobeXD, video-design.
9. Komputerku (Aplikasi toko komputer online berbasis mobile android)  oleh  Kevin Owen David Kurniawan: wire-frame, prototype dengan AdobeXD, video-design.
10. SmartCity (Aplikasi menampilkan informasi tentang kota dan pelaporan masalah perkotaan)  oleh  Deo Marvin Yahya: wire-frame, Language prototype dengan CSS , video-design.
11. YokOlahRaga (Aplikasi untuk persewaan tempat olah raga terdekat dari lokasi kita) oleh  Irvan Adi: wire-frame, prototype, video-design.
12. E-Service (Aplikasi untuk service gadged Online berbasis Android)  oleh  Aldo Julianto: wire-frame, prototype dengan mockingbot, video-design.
13. Farmasi-Care (Aplikasi untuk pembelian obat melalui apotik-apotik yang terdaftar)  oleh  Michael Vinsent Djulianto: wire-frame, prototype dengan AdobeXD, video-design.
14. Aplikasi  oleh  Reiki Arlansyah Rokhani: wire-frame, prototype, video-design.
15. KATROL (Aplikasi untuk menghubungkan para UKM bidang katering sebagai ajang promo dan jembatan transaksi)  oleh  Aprianto: wire-frame, prototype dengan AdobeXD, video-design.
16. PET-CARE (Aplikasi untuk pemeliharaan hewan dan kebutuhannya)  oleh  M. Dimas Aditya Pamungkas: wire-frame, prototype dengan mockingbot, video-design.
17. Rent-Trans (Aplikasi untuk persewaan sarana transportasi meliputi mobil, sepeda motor, Bus, Private Jet, Kereta Api, Sepeda, Heli Kopter, JetSky, Kapal Pribadi)  oleh  Meisya Jala Girinda: wire-frame, prototype menggunakan AdobeXD, video-design.
18. MakeUpbyMe (Aplikasi untuk penjualan makeUP dan tutorialnya)  oleh  Sahla Salsalbila Arza Saat: wire-frame, prototype dengan mockingbot, video-design.
19. E-Sekolah (Aplikasi untuk sistem informasi tentang presensi, nilai, peminjaman buku, portal berita sekolah)  oleh  Moh. Nofi Oke I Bagus Putra: wire-frame, prototype dengan mockingbot, video-design.
20. KONVEKS (Aplikasi untuk pemesanan baju dalam jumlah partai)  oleh  Rifqi Ahmad Alhuwaidi: wire-frame, prototype dengan mockingbot, video-design.
21. WaveAccustica Aplikasi  oleh  Toddi Erlangga: wire-frame, prototype dengan Mockingbird, video-design.
22. AdaEvent (Aplikasi untuk melihat informasi tentang event dan create event)  oleh  Reva Eka Prasetyo: wire-frame, prototype dengan AdobeXD, video-design.
23. OnlineStore (Aplikasi untuk transaksi jual beli online) oleh  Jacky Setiawan: wire-frame, prototype dengan mockingbot, video-design.
24. JalanYOK (Aplikasi untuk traveling dan pemesanan tiket)  oleh  Azril Hari Nugroho: wire-frame, prototype dengan AdobeXD, video-design.
25. Crita.co (Aplikasi untuk e-book mobile)  oleh  Nikolaus Christian Aditama: wire-frame, prototype dengan AdobeXD, video-design.
26. OLShopku (Aplikasi untuk penjualan baju online)  oleh  Isnaini Hayati: wire-frame, prototype dengan mockingbot, video-design.
27. J-property (Aplikasi untuk jual beli rumah) oleh Abraham Filipo : wire-frame, prototype dengan AdobeXD, video-design.

#Group-B

1. e-Gorgeous (Aplikasi untuk makelar kecantikan) oleh  Kristin Angelina: wire-frame, prototype dengan mockingbot, video-design.
2. E-Klontong (Aplikasi untuk jual beli bahan kebutuhan pokok) oleh  Muhammad Ilhamil Mi’roj: wire-frame, prototype dengan mockingbot, video-design.
3. Sikat Narkoba (Aplikasi untuk melaporkan tentang kejadian penyalahgunaan narkoba merupakan redesign dari aplikasi SikatNarkoba propinsi Jawa Tengah)  oleh  Melania Rizky Eka Putri: wire-frame, prototype dengan mockingbot, video-design.
4. Sematik (Aplikasi untuk sewa motor dan mobil)  oleh  Theo Pande Nandito Sinaga: wire-frame, prototype dengan AdobeXD, video-design, video-using.
5. Ovra Make-up (Aplikasi untuk menjual makeUp dan untuk memanggil perias ke rumah) oleh  Meilinda Nurqasanah: wire-frame, prototype dengan mockingbot, video-design.
6. Healthier (Aplikasi untuk memesan obat secara online, pemesanan ambulan dan konsultasi kesehatan) oleh  Anisah Nadiyah Fatin: wire-frame, prototype dengan mockingbot, video-design.
7. Popuri E-Store (Aplikasi untuk penjualan personal untuk merchandise berbasis web) oleh  Aditya Lila Saputra: wire-frame, prototype dengan AdobeXD, video-design.
8. Schoolink (Aplikasi  untuk menampilkan info-info di lingkup sekolah) oleh  Aditya Ramadhan: wire-frame, prototype dengan AdobeXD, video-design.
9. RemoteJOBS (Aplikasi untuk marketplace freelancer)   oleh  Muhamad Lutfhan Nugraha Sani: wire-frame,file Design Prototype, Hasil prototype dengan Gravit Designer, video-howto, video-design.
10. Petshop (Aplikasi untuk jual beli produk-produk kebutuhan hewan piaraan)  oleh  Muhamad Risqiwahid: wire-frame, prototype  menggunakan mockingbot, video-design.
11. Mundo (Aplikasi untuk mencari event, mencari lokasi event dan menyewakan lokasi event)  oleh  Djatu Hamidan Ardiwinanto: wire-frame, prototype, video-design.
12. Penjualantiket (Aplikasi untuk pemesanan tiket pesawat dan kereta api)  oleh  Alif Maulana Muhammad: wire-frame, prototype menggunakan AdobeXD, video-design.
13. Kursus Bahasa (Aplikasi  untuk kursus segala jenis bahasa) oleh  Nabila Intan Assaufa: wire-frame, prototype menggunakan mockingbot, video-design.
14. Fire Netz (Aplikasi untuk menyimpan foto secara otomatis) oleh  Audrey Cinderry Kala: wire-frame, prototype dengan mockingbot, video-design.
15. Penjualan Online FreshTime (Aplikasi untuk penjualan online produk-produk sayur, buah, dan makanan beku) oleh  Aditya Nur Farika: wire-frame, prototype dengan mockingbot, video-tutorial, video-design.
16. Travel Adict (Aplikasi untuk penjualan tiket travel) oleh  Muhammad Miftahul Hadi: wire-frame, prototype dengan AdobeXD, video-design.
17. SUNMORI (Aplikasi  untuk cuci motor panggilan kerumah) oleh  Fabian Daffa Rafrisah: wire-frame, prototype dengan AdobeXD, video-design.
18. Redesain Dana (Aplikasi untuk pembayaran elektronik) oleh  Muchammad Tedy Adiaksa: wire-frame, prototype dengan AdobeXD, video-design.
19. Re-Design PegiPegi (Aplikasi penjualan tiket)  oleh  Muhammad Muchlis Riski: wire-frame, prototype dengan AdobeXD, video-design.
20. LiRoom (Aplikasi  pemesanan buku) oleh  Nagia panji yudha pratama: wire-frame, prototype dengan mockingbot, video-design.
21. Re-Design SiCyca Stikom (Aplikasi untuk sistem informasi siber campus)  oleh  Dwi Ari Wijaya: wire-frame, prototype dengan AdobeXD, video-design.
22. goTravel (Aplikasi   Travel berbasis Mobile Devices) oleh  Aldito Doni Pasha: wire-frame, prototype menggunakan AdobeXD, video-design.
23. CangZ-In (Aplikasi  oleh  Mohammad Reza: wire-frame, prototype, video-design.
24. Enjoi-SecondStore (Aplikasi  jual beli barang bekas ) oleh  Mochammad Sofyan Fanani: wire-frame, prototype dengan mockingbot, video-design.
25. Klimis (Aplikasi booking antrian untuk potong rambut) oleh Rizal Refandi : Klimis, Prototype dengan AdobeXD, video-design

1. e-Gorgeous, wireframe aplikasi makelar kecantikan oleh Kristin Angelina
2. E-Klontong, wireframe aplikasi jual beli kebutuhan sehari-hari oleh Muhammad Ilhamil Mi’roj
3. Sikat Narkoba, wireframe aplikasi untuk konsultasi tentang Narkoba oleh Melania Rizky Eka Putri
4. Sematik, wareframe aplikasi persewaan kendaraan oleh Theo Pande Nandito Sinaga
5. Ovra Make-up, wireframe aplikasi layanan Make-up oleh Meilinda Nurqasanah
6. Healthier, wireframe aplikasi layanan kesehatan, obat dan ambulan oleh Anisah Nadiyah Fatin
7. Popuri E-Store, wireframe portal e-commerce oleh Aditya Lila Saputra
8. Schoolink, wireframe aplikasi berbasis android sekolah oleh Aditya Ramadhan
9. RemoteJOBS, wireframe aplikasi marketplace penjual jasa dan layanan oleh Muhamad Lutfhan Nugraha Sani
10. Petshop, wireframe aplikasi  penjualan kebutuhan dan kunsultasi binatang piaraan oleh Muhamad Risqiwahid
11. Mundo (Create and Buy Event With Ease), wireframe aplikasi  jual beli tiket, dan Event Organizer oleh Djatu Hamidan Ardiwinanto
12. Penjualantiket, wireframe aplikasi  penjualan tiket Pesawat dan Kereta oleh Alif Maulana Muhammad
13. Kursus Bahasa,  wireframe aplikasi mobile kursus berbagai bahasa oleh Nabila Intan Assaufa
14. Fire Netz, wireframe  redesign Instagram oleh  Audrey Cinderry Kala
15. Penjualan Online FreshTime, wireframe Penjualan Online oleh Aditya Nur Farika
16. Travel Adict, wireframe paket wisata online oleh Muhammad Miftahul Hadi
17. SUNMORI, wireframe aplikasi layanan mencuci sepeda motor berbasis aplikasi oleh Fabian Daffa Rafrisah
18. Redesain Dana, wireframe Redisign aplikasi Dana oleh Muchammad Tedy Adiaksa
19. Re-Design PegiPegi, wireframe Re-Design PegiPegi oleh Muhammad Muchlis Riski
20. LiRoom, wireframe aplikasi pemesanan/pembelian buku oleh Nagia panji yudha pratama
21. Re-Design SiCyca Stikom, wireframe re-design Sicyca Stikom Surabaya oleh Dwi Ari Wijaya
22. goTravel, wireframe aplikasi Travel berbasis Mobile Devices oleh Aldito Doni Pasha
23. CangZ-In, wireframe Booking Cafe oleh Mohammad Reza
24. Enjoi-SecondStore, wireframe aplikasi penjualan barang bekas oleh Mochammad Sofyan Fanani

1. Wireframe Project DC Extended Universe oleh Mario Angelo Kevin Buga Langoday
2. Instrumen wireframe aplikasi sekolah oleh Adrianus Hernowo Wahyu Pandito
3. Bola-Baju OlAh raga Wireframe layanan aplikasi penjualan online baju oleh raga oleh Onastatia Sahartian
4. MegaPict oleh Indana Nazulfa
5. Nusantara wireframe aplikasi layanan wisata oleh Yulian Tino Lesta
6. Bacain  oleh Abyan Akbar Indroyono
7. SIX Games Store wireframe untuk jual beli aksesoris untuk Game oleh Leonardo Gunawan
8. NewSiCyCa wireframe Sistem Informasi Akademik Stikom Surabaya oleh Calvin Young
9. Komputerku Wireframe aplikasi oleh Kevin Owen David Kurniawan
10. Smart City Wireframe aplikasi Smart City di Indonesia oleh Deo Marvin Yahya
11. Yok Olah Raga Wireframe pemesanan lapangan/sarana olah raga oleh Irvan Adi
12. E-Service Wireframe aplikasi E-Service,aplikasi untuk pengguna gadget yang malas men-servis-kan gadget karena tidak ingin repot
13. Farmasi-Care Wireframe aplikasi layanan farmasi oleh Michael Vinsent Djulianto
14. E-Tilang CCTV Wireframe E-Tilang yg didukung dengan CCTV oleh Reiki Arlansyah Rokhani
15. Katrol Wireframe Katering Online oleh Aprianto
16. Pet-Care Wireframe layanan online pemeliharaan dan penjualan kebutuhan binatang piaraan oleh M. Dimas Aditya Pamungkas
17. Rent-Trans, wireframe persewaan sarana transportasi oleh Meisya Jala Girinda
18. MakeUpbyMe, wireframe layanan MakeUp oleh Sahla Salsalbila Arza Saat
19. E-Sekolah, wireframe Sistem informasi sekolah oleh Moh. Nofi Oke I Bagus Putra
20. konfek, wireframe penjualan partai barang-barang konfeksi Rifqi Ahmad Alhuwaidi
21. WaveAccustica, wireframe aplikasi peminjaman alat musik oleh Toddi Erlangga
22. AdaEvent, wireframe aplikasi pembuatan dan informasi event oleh Reva Eka Prasetyo
23. OnlineStore, wireframe penjualan online oleh Jacky Setiawan
24. JalanYok, wireframe travelling oleh Azril Hari Nugroho
25. Crita.co, wireframe aplikasi tentang cerita oleh Nikolaus Christian Aditama
26. J-Properti, wireframe aplikasi untuk jual beli rumah oleh Abraham Filipo
27. OLShopKu, wireframe aplikasi penjualan baju online oleh Isnaini Hayati

Evolusi proses pengembangan perangkat lunak : 

• Diagram pertama menggambarkan awal hari industri perangkat lunak, ketika programmer menginisiasi produk perangkat lunak, kemudian membangun dan menguji.
• Pada era berikutnya, manajer profesional ikut andil untuk membantu memfasilitasi proses dengan menerjemahkan peluang pasar menjadi persyaratan produk.
• Diagram ketiga, desainer grafis dibawa untuk membuat ikon dan elemen visual lainnya dalam proses pembuatan aplikasi.
• Diagram akhir menunjukkan pendekatan Goal-Directed untuk pengembangan perangkat lunak, di mana keputusan tentang fitur, bentuk, dan perilaku aplikasi divisualisasikan dalam design antarmuka. Selanjutnya proses pengembangan disepakati dengan sejumlah biaya (software cost).

Referensi : Cooper, A., Reimann, R., Cronin, D., & Noessel, C. (2014). About face: the essentials of interaction design. John Wiley & Sons.

Evolusi dalam pengembangan perangkat lunak (software engineering) saat ini menempatkan Design User Interface (UI) sebagai langkah awal yang harus dibuat sebelum code program dibuat. Untuk menghasilkan design User Interface (UI) yang sederhana, indah dan mudah digunakan, Adham Dannaway seorang produk designer,  memberikan rekomendasi bagi designer User Interface (UI) untuk mengkonsumsi buku-buku berikut agar didapat design yang sesuai dengan harapan.

Buku-buku tersebut adalah sebagai berikut :

1. UI is Communication By Everett N McKay
2. Designing with the Mind in Mind By Jeff Johnson
3. Evil by Design By Chris Nodder
4. Simple and Usable Web, Mobile, and Interaction Design By Giles Colborne
5. Designing Interfaces By Jenifer Tidwell
6. The Best Interface Is No Interface By Golden Krishna
7. About Face: The Essentials of Interaction Design By Alan Cooper, Robert Reimann, David Cronin, Christopher Noessel
8. Don’t Make Me Think, Revisited By Steve Krug
9. Digital Design Essentials By Rajesh Lal
10. Interdisciplinary Interaction Design By James Pannafino

Sumber  : UI design books you should read By Adham Dannaway last updated on 23 May 2018

Menurut Molich dan Nielsen, suatu pendekatan dalam melakukan evaluasi heuristic antara manusia dengan mesin (man-machine) jika dikaitkan dengan kemudahan penggunaan (usability) meliputi hal-hal sebagai berikut :

1. visibility of system status (feedback)
2. Match between system and the real world (metaphor)
3. User control and freedom (navigation)
4. Consistency and standards (consistency)
5. Error prevention (prevention)
6. Recognition rather then recall (memory) 
7. Flexibility and efficiency of use (efficiency)
8. Aesthetic and minimalist design (design)
9. Help users recognize, diagnose, and recovers from errors (recovery)
10. Help and documentation (help)

Referensi :

Nielsen, J. dan Molich, R. (1990). “Heuristic evaluation of user interface”, in Proceedings of ACM Chi’90 Conference on Human Factors in Computing system, pp. 25-62.

Desain Antarmuka Pengguna/User Interface Design) atau rekayasa antarmuka pengguna adalah desain untuk komputer, peralatan, mesin, perangkat komunikasi mobile, aplikasi perangkat lunak, dan situs web yang berfokus pada pengalaman pengguna (User Experience) dan interaksi.

Berikut hasil karya Project Akhir  Design User Interface berbagai Aplikasi dan Video pemaparan dari Design yang sudah dibuat oleh mahasiswa program Studi Sistem Informasi Stikom Surabaya.

Kelas P1 Mata kuliah Design Antar Muka Pengguna (MK Semester Dua):

1. Sistem informasi perpustakaan berbasis Web by Arda Fikri S.:Design,  Video-1, Video-2
2. Indonesia Trade by Noel Godzallez : Design1, Design2, Video1, Video2
3. T-Culture by Graciela Evanda Ronadi : Design, Video1, Video2, Video3
4. K-DShop by Rofi Wahyudi : Design, Video
5. Sinau by Denandra Putra : Design, Video
6. Let’s Chat by Reynaldi Himawan Fanani : Design, Video1, Video2
7. Celestial Travel by Yushar Yusof : Design, Video
8. Bytes Film by Dwiky Hidayat : Design, Video
9. Health One by Dimas Fitrah Maulana : Design, Video
10. Desain (LINECTED) by Enrico Chandra Hartono : Design1, Design2, Video 
11. Lelang Online by Arif Prasetiyo Utomo : Design, Video
12. JackSound by Fadhli Dzil Ikhram I.P. : Design, Video
13. Khitan by Rizaldy Pasya Wijaya : Design, Video
14. Better Trip by Rafif Akbar : Design, Video1, Video2
15. Pembayaran Online by Alhidayah : Design, Video1, Video2
16. Treatment Sepatu by Bima Lestya : Design, Video1, Video2
17. DGame Store by Gde Yandika Putrawan : Design1, Design2, Design3, Video1, Video2
18. Rocknation by Adwin Oktavian T. : Design, Video1, Video2
19. Muson (Museum Online) by Yholandha Martha R. A. : Design, Video
20. Mediccal, aplikasi dokter Online by Gita Puspita Sari : Design, Video
21. Aplikasi SanStrip (Pemesanan Hotel) by Satya Agatha F. : Design, Video1, Video2
22. Co-Coach by Heryawan Wisnuyana : Design, Video
23. Lease Camera by Achmad Lukman Hakim : Design, Video
24. Wash my Car by Susilo Bayu Aji : Design, Video
25. Empek-empek bu Rusdi by Rakha Hardi : Design, Video

Kelas Q1 Mata kuliah Design Antar Muka Pengguna (MK Semester Dua):

1. Desain Antar Muka Aplikasi World comic by Habiburrohman : Design, Video
2. Desain Antarmuka Pengguna  (ZOYA) by Muhsin Habib : Design1, Design2, Video
3. Redesign Wattpad to Bluebooks by Egakania Wijaya : Design, Video
4. Redesign Instagram Menjadi MyGram by Delvia Sunarno Putri : Design, Video
5. Tutorial Aplikasi GoFlight by Ekky Febrihandani Rahmawati : Design, Video
6. Redesign Twitter menjadi Tweety by Karenina Zaskiya Belkis : Design, Video
7. I Game by Irvan Adi Santoso : Design, Video
8. Play my Film by Tito Dwiki Darmawan :  Design, Video1, Video2
9. Pemesanan Tiket Kebun Binatang by Shofa Wardatul Jannah : Design, Video
10. Pemesanan menu makanan Cengkir Resto by Hanifah Lazuardy E. S. : Design, Video
11. Hi Rencar and Travel by Atika Wardhani R. : Design, Video
12. Helios Applikasi Testing Kepribadian by Gede Kitchen Batara : Design, Video
13. Aplikasi Apotech by Kalingga Razak : Design, Video
14. Penjualan Tiket Pesawat by Rahmat Aris : Design, Video
15. Penjualan Batik Online by Muhammad Alvin Agung G. : Design, Video
16. Paket Pernikahan by Harris Dwi Putranda : Design, Video
17. Live.TV by Amrizal Rizky Fajar : Design, Video
18. Cookpedia by Edvan Perdana Sandjaya : Design, Video
19. Dream House by Ferry : Design, Video
20. My Coffee by Muhamad Afif S. : Design, Video
21. Toko Online Retail Alas Kaki – prospect by Hafidz Widyanto : Design, Video