Prototype Aplikasi – User Interface Design

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-frameprototype dengan mockingbot, video-design.
  3. BOLA (Baju Olah RAga adalah layanan aplikasi penjualan online baju oleh raga) oleh Onastatia Sahartian Onastatia Sahartian: wire-frameprototype dengan AdobeXD, video-design.
  4. MegaPict.id (Aplikasi  jasa dokumentasi untuk berbagai acara) oleh Indana Nazulfa: wire-frameprototype 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-frameprototype dengan AdobeXD, video-design.
  7. SIX Game Store (Aplikasi untuk jual beli game dan peralatannya)  oleh  Leonardo Gunawan: wire-frameprototype dengan mockingbot, video-design.
  8. NewsiCyCa (Aplikasi sistem informasi Cyber Campus versi Mobile)  oleh  Calvin Young: wire-frameprototype dengan AdobeXD, video-design.
  9. Komputerku (Aplikasi toko komputer online berbasis mobile android)  oleh  Kevin Owen David Kurniawan: wire-frameprototype 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-frameprototype, video-design.
  12. E-Service (Aplikasi untuk service gadged Online berbasis Android)  oleh  Aldo Julianto: wire-frameprototype dengan mockingbot, video-design.
  13. Farmasi-Care (Aplikasi untuk pembelian obat melalui apotik-apotik yang terdaftar)  oleh  Michael Vinsent Djulianto: wire-frameprototype 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-frameprototype dengan AdobeXD, video-design.
  16. PET-CARE (Aplikasi untuk pemeliharaan hewan dan kebutuhannya)  oleh  M. Dimas Aditya Pamungkas: wire-frameprototype 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-frameprototype menggunakan AdobeXD, video-design.
  18. MakeUpbyMe (Aplikasi untuk penjualan makeUP dan tutorialnya)  oleh  Sahla Salsalbila Arza Saat: wire-frameprototype 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-frameprototype 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-frameprototype dengan Mockingbird, video-design.
  22. AdaEvent (Aplikasi untuk melihat informasi tentang event dan create event)  oleh  Reva Eka Prasetyo: wire-frameprototype dengan AdobeXD, video-design.
  23. OnlineStore (Aplikasi untuk transaksi jual beli online) oleh  Jacky Setiawan: wire-frameprototype 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-frameprototype dengan mockingbot, video-design.
  27. J-property (Aplikasi untuk jual beli rumah) oleh Abraham Filipo : wire-frameprototype dengan AdobeXD, video-design.

#Group-B

  1. e-Gorgeous (Aplikasi untuk makelar kecantikan) oleh  Kristin Angelina: wire-frameprototype dengan mockingbot, video-design.
  2. E-Klontong (Aplikasi untuk jual beli bahan kebutuhan pokok) oleh  Muhammad Ilhamil Mi’roj: wire-frameprototype 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-frameprototype dengan mockingbot, video-design.
  4. Sematik (Aplikasi untuk sewa motor dan mobil)  oleh  Theo Pande Nandito Sinaga: wire-frameprototype dengan AdobeXD, video-design, video-using.
  5. Ovra Make-up (Aplikasi untuk menjual makeUp dan untuk memanggil perias ke rumah) oleh  Meilinda Nurqasanah: wire-frameprototype dengan mockingbot, video-design.
  6. Healthier (Aplikasi untuk memesan obat secara online, pemesanan ambulan dan konsultasi kesehatan) oleh  Anisah Nadiyah Fatin: wire-frameprototype dengan mockingbot, video-design.
  7. Popuri E-Store (Aplikasi untuk penjualan personal untuk merchandise berbasis web) oleh  Aditya Lila Saputra: wire-frameprototype dengan AdobeXD, video-design.
  8. Schoolink (Aplikasi  untuk menampilkan info-info di lingkup sekolah) oleh  Aditya Ramadhan: wire-frameprototype 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-frameprototype  menggunakan mockingbot, video-design.
  11. Mundo (Aplikasi untuk mencari event, mencari lokasi event dan menyewakan lokasi event)  oleh  Djatu Hamidan Ardiwinanto: wire-frameprototype, video-design.
  12. Penjualantiket (Aplikasi untuk pemesanan tiket pesawat dan kereta api)  oleh  Alif Maulana Muhammad: wire-frameprototype menggunakan AdobeXD, video-design.
  13. Kursus Bahasa (Aplikasi  untuk kursus segala jenis bahasa) oleh  Nabila Intan Assaufa: wire-frameprototype menggunakan mockingbot, video-design.
  14. Fire Netz (Aplikasi untuk menyimpan foto secara otomatis) oleh  Audrey Cinderry Kala: wire-frameprototype dengan mockingbot, video-design.
  15. Penjualan Online FreshTime (Aplikasi untuk penjualan online produk-produk sayur, buah, dan makanan beku) oleh  Aditya Nur Farika: wire-frameprototype dengan mockingbot, video-tutorial, video-design.
  16. Travel Adict (Aplikasi untuk penjualan tiket travel) oleh  Muhammad Miftahul Hadi: wire-frameprototype dengan AdobeXD, video-design.
  17. SUNMORI (Aplikasi  untuk cuci motor panggilan kerumah) oleh  Fabian Daffa Rafrisah: wire-frameprototype dengan AdobeXD, video-design.
  18. Redesain Dana (Aplikasi untuk pembayaran elektronik) oleh  Muchammad Tedy Adiaksa: wire-frameprototype dengan AdobeXD, video-design.
  19. Re-Design PegiPegi (Aplikasi penjualan tiket)  oleh  Muhammad Muchlis Riski: wire-frameprototype dengan AdobeXD, video-design.
  20. LiRoom (Aplikasi  pemesanan buku) oleh  Nagia panji yudha pratama: wire-frameprototype dengan mockingbot, video-design.
  21. Re-Design SiCyca Stikom (Aplikasi untuk sistem informasi siber campus)  oleh  Dwi Ari Wijaya: wire-frameprototype dengan AdobeXD, video-design.
  22. goTravel (Aplikasi   Travel berbasis Mobile Devices) oleh  Aldito Doni Pasha: wire-frameprototype 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-frameprototype dengan mockingbot, video-design.
  25. Klimis (Aplikasi booking antrian untuk potong rambut) oleh Rizal Refandi : Klimis, Prototype dengan AdobeXD, video-design

Leave a Reply

Your email address will not be published. Required fields are marked *

Post Navigation