Anjik Sukmaaji

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