Wireframe berbagai Aplikasi tugas Matakuliah Desain Antarmuka Pengguna kelas Q1

  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

Wireframe berbagai Aplikasi tugas Matakuliah Desain Antarmuka Pengguna kelas O1

  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

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.

Daftar Menu Makanan seorang UI Design

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

Evaluasi Heuristic Interaksi Manusia dan Komputer berbasis Usability

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.

Final Projects User Interface Design 2018

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