UB Class Project

Filkom UB Great Project

PUX 2020 Kelompok B1

Ruang Apps

Prototipe
Tentang Aplikasi
Design Process
Anggota Tim
Demo Aplikasi

PUX 2020 Kelompok B1


Facebook-f


Twitter


Google-plus-g


Envelope

Meminjam Ruangan Menjadi Lebih Mudah

Ingin melihat prototipe kami?


Lihat Prototipe Peminjam


Lihat Prototipe Administrator

Apa itu Ruang Apps?

Sebuah web apps yang memungkinkan mahasiswa untuk mengajukan peminjaman ruangan, memantau status pengajuan peminjaman dimanapun, melihat daftar jadwal ruangan yang tersedia, dan menyediakan informasi status ketersediaan pegawai Bagian Umum dan Perlengkapan FILKOM di ruangannya.

Selain itu juga terdapat bagian untuk admin Staff Umum dan Perlengkapan untuk mengkonfirmasi permohonan peminjaman ruang dan Memperbarui status ketersediaan staff di ruangan.

 



Coba Prototipe Web

Design Process

Emphatize

Emphatize yaitu mengenali tentang orang-orang terkait peminjam ruangan yang ada di FILKOM UB. Dalam hal ini kami menggunakan wawancara individu. Stakeholder terkait dengan peminjaman ruangan adalah mahasiswa dan staff bagian umum dan perlengkapan FILKOM.

Wawancara

Wawancara

Mahasiswa yang kami jadikan narasumber disini adalah mahasiswa yang pernah mengalami kesulitan dalam proses peminjaman ruang kelas. Sedangkan staff bagian umum dan perlengkapan, kami tidak dapat melakukan wawancara karena untuk melakukan wawancara membutuhkan surat pengantar dosen dan prosesnya mebutuhkan waktu yang cukup lama, sementara waktu yang dimiliki pada saat itu terlalu singkat. Kami hanya mendapatkan alur peminjaman ruangan yang terdapat di depan ruangan Bagian Umum dan Perlengkapan.

Hasil Wawancara

Dari narasumber mahasiswa yang kami wawancarai terdapat beberapa kesulitan dalam proses peminjaman ruangan seperti berikut:

  1. Peminjam diminta untuk mengkonfirmasi ke bagian Umum dan Perlengkapan lagi tiga hari setelah mengisi form.
  2. Selain itu juga kita tidak bisa tahu secara langsung status peminjaman kita apakah masih dalam status booking, disetujui, atau terpinjam. 
  3. Tidak adanya informasi jadwal peminjaman ruangan yang telah disetujui. Jika kita ingin memakai ruangan tapi sudah dipinjam orang lain kita ditawarkan ruangan lain. Sehingga harus mengecek ruangan yang ditawarkan apakah cocok dengan kegiatan yang dilakukan.
  4. Terkadanag ruangan yang telah kita booking dipakai buat acara dari FILKOM atau dari lain yang lebih mendesak namun tidak ada pemberitahuan ke orang yang mem-booking duluan.
  5. Tidak ada status bahwa staff Umum dan Perlengkapan sedang rapat atau tidak ada di ruangan sehingga harus bolak-balik lagi ke lantai enam gedung F. 

Kami mencoba wawancara dengan staff bagian Umum dan Perlengkapan FILKOM, namun tidak bisa mewawancarainya karena tidak memiliki surat pengantar dari dosen dan tidak sempat mengurusnya untuk melakukan wawancara. Kami ditunjukkan alur-alur peminjaman ruangan yang baru yang dipajang di depan ruangannya. Berikut langkah-langkah peminjaman ruangan:

  1. Langkah pertama melakukan scan barcode untuk mengisi form peminjaman.
  2. Kemudian diminta konfirmasi ke bagian Umum dan Perlengkapan.
  3. Selanjutnya Minta form peminjaman ruang yang telah ditandatangani oleh petugas serta menyerahkan kartu identitas sebagai jaminan.
  4. Kemudian form tersebut digunakan untuk mengambil kembali kartu identitas setelah ruangan selesai dipakai.

Persona

Emphaty Map

Insight Statement

Penjelasan Insight Statement

Insight statement yaitu menuliskan temuan-temuan penting selama riset dengan user dan stakeholder. Temuan tersebut dikelompokan berdasarkan tema tertentu.

Daftar Insight Statement

a. Tema: Kebutuhan mahasiswa

Insights:

  • Mahasiswa membutuhkan daftar tanggal dan waktu ruangan yang sudah dipesan dan yang masih tersedia untuk dipinjam.
  • Mahasiswa membutuhkan fitur upload proposal kegiatan.
  • Mahasiswa membutuhkan status ketersediaan staff di ruang Umum dan Perlengkapan FILKOM untuk menyerahkan identitas.
  • Mahasiswa membutuhkan pemberitahuan jika terjadi perubahan ruangan yang telah dipesan.

b. Tema: Kebutuhan Bagian Umum dan Perlengkapan

Insight:

  • Bagian umum dan perlengkapan perlu melakukan konfirmasi kegiatan
  • Bagian umum dan perlengkapan dapat mengubah ruang kegiatan jika terdapat acara yang lebih penting
  • Bagian umum dan perlengkapan dapat mencetak form peminjaman

c. Tema: Efisiensi

Insights:

  • Efisien membuat mahasiswa menggunakan lebih sedikit waktu dan tenaganya dalam proses peminjaman
  • Banyak mahasiswa peduli mengenai kemudahan untuk mengakses dan menyerahkan informasi peminjaman ruangan

 

How Might We Question

#1

Bagaimana kita membuat sistem untuk mengakses form peminjaman ruangan dan menyerahkan ke bagian perlengkapan FILKOM UB tanpa harus ke lantai 6 FILKOM UB?

#2

Bagaimana kita mengetahui status peminjaman yang telah diajukanl dalam sistem peminjaman ruangan FILKOM UB?

#3

Bagaimana kita membuat fitur untuk melihat ruangan yang tersedia di filkom serta menampilkan hari serta waktu yang berkaitan dengan ruangan tersebut?

Design Application

User Journey

User Flow

Information Architecture

Mental Model

Sketsa

Sketch3
Sketch1
Sketch2
Sketch4

Previous
Next

Wireframe

Halaman Peminjam

1 - Peminjam – Login Page
1 – Peminjam – Login Page

2 - Peminjam – Reservasi Ruang
2 – Peminjam – Reservasi Ruang

3 - Peminjam – Reservasi Ruang – Notifikasi
3 – Peminjam – Reservasi Ruang – Notifikasi

4 - Peminjam – Reservasi Ruang – Profil
4 – Peminjam – Reservasi Ruang – Profil

5 - Peminjam – Edit Profil
5 – Peminjam – Edit Profil

6 - Peminjam – Ganti Password
6 – Peminjam – Ganti Password

7 - Peminjam – Reservasi Ruang – Continue
7 – Peminjam – Reservasi Ruang – Continue

8 - Peminjam – Riwayat Reservasi – Diajukan
8 – Peminjam – Riwayat Reservasi – Diajukan

9 - Peminjam – Riwayat Reservasi – Menunggu Jaminan
9 – Peminjam – Riwayat Reservasi – Menunggu Jaminan

10 - Peminjam – Riwayat Reservasi – Disetujui
10 – Peminjam – Riwayat Reservasi – Disetujui

11 - Peminjam – Riwayat Reservasi – Ditolak
11 – Peminjam – Riwayat Reservasi – Ditolak

12 - Peminjam – Riwayat Reservasi – Digunakan
12 – Peminjam – Riwayat Reservasi – Digunakan

13 - Peminjam – Riwayat Reservasi – Selesai
13 – Peminjam – Riwayat Reservasi – Selesai

14 - Peminjam – Notifikasi
14 – Peminjam – Notifikasi

15 - Peminjam – Tentang Kami – Staff
15 – Peminjam – Tentang Kami – Staff

16 - Peminjam – Tentang Kami – Ketersedian Staff
16 – Peminjam – Tentang Kami – Ketersedian Staff

17 - Peminjam – Tentang Kami – Kontak
17 – Peminjam – Tentang Kami – Kontak


Previous
Next

1 - Admin – Login Page
1 – Admin – Login Page

2 - Admin – Reservasi Ruang
2 – Admin – Reservasi Ruang

3 - Admin – Reservasi Ruang – Notifikasi
3 – Admin – Reservasi Ruang – Notifikasi

4 - Admin – Reservasi Ruang – Profil
4 – Admin – Reservasi Ruang – Profil

5 - Admin – Edit Profil
5 – Admin – Edit Profil

6 - Admin – Ganti Password
6 – Admin – Ganti Password

7 - Admin – Verifikasi Reservasi - Diajukan
7 – Admin – Verifikasi Reservasi – Diajukan

8 - Admin – Verifikasi Reservasi - Edit
8 – Admin – Verifikasi Reservasi – Edit

9 - Admin – Verifikasi Ruang – Menunggu Jaminan
9 – Admin – Verifikasi Ruang – Menunggu Jaminan

10 - Admin – Verifikasi Reservasi – Disetujui
10 – Admin – Verifikasi Reservasi – Disetujui

11 - Admin – Verifikasi Reservasi – Ditolak
11 – Admin – Verifikasi Reservasi – Ditolak

12 - Admin – Verifikasi Reservasi – Sedang Digunakan
12 – Admin – Verifikasi Reservasi – Sedang Digunakan

13 - Admin – Verifikasi Reservasi – Selesai
13 – Admin – Verifikasi Reservasi – Selesai

14 - Admin – Notifikasi
14 – Admin – Notifikasi

15 - Admin – Tentang Kami – Staff
15 – Admin – Tentang Kami – Staff

16 - Admin – Tentang Kami – Ketersedian Staff
16 – Admin – Tentang Kami – Ketersedian Staff

17 - Admin – Tentang Kami – Kontak
17 – Admin – Tentang Kami – Kontak


Previous
Next

Halaman Admin

Design Application

1. Bagian Login
1 Peminjam – Login Page
1 Peminjam – Login Page
2 Login Page – error
2 Login Page – error

Previous
Next

2. Bagian Peminjam
3 Reservasi Ruang - Peminjam
3 Reservasi Ruang – Peminjam
4 Reservasi Ruang – Peminjam
4 Reservasi Ruang – Peminjam
5 Reservasi Ruang Form Error Peminjam
5 Reservasi Ruang Form Error Peminjam
6 Reservasi Ruang Delete - Peminjam
6 Reservasi Ruang Delete – Peminjam
7 Reservasi Ruang konfirmasi -Peminjam
7 Reservasi Ruang konfirmasi -Peminjam

Previous
Next

8 Riwayat Reservasi Diajukan - Peminjam
8 Riwayat Reservasi Diajukan – Peminjam
9 Riwayat Reservasi Menunggu Jaminan –Peminjam
9 Riwayat Reservasi Menunggu Jaminan –Peminjam
10 Riwayat Reservasi Disetujui - Peminjam
10 Riwayat Reservasi Disetujui – Peminjam
11 Riwayat Reservasi Ditolak - Peminjam
11 Riwayat Reservasi Ditolak – Peminjam
12 Riwayat Reservasi Digunakan –Peminjam
12 Riwayat Reservasi Digunakan –Peminjam
13 Riwayat Reservasi Selesai - Peminjam
13 Riwayat Reservasi Selesai – Peminjam

Previous
Next

14 Notifikasi _ Peminjam
14 Notifikasi _ Peminjam
15 Tentang Kami - Peminjam
15 Tentang Kami – Peminjam
16 Tentang Kami Ketersedian Staff - Peminjam
16 Tentang Kami Ketersedian Staff – Peminjam
17 Tentang Kami Kontak - Peminjam
17 Tentang Kami Kontak – Peminjam

Previous
Next

3. Bagian Admin
1 Reservasi Ruang - Admin
1 Reservasi Ruang – Admin
2 Verifikasi Reservasi Diajukan - Admin
2 Verifikasi Reservasi Diajukan – Admin
3 Verifikasi Reservasi Edit Status - Admin
3 Verifikasi Reservasi Edit Status – Admin

Previous
Next

4 Notifikasi - Admin
4 Notifikasi – Admin
5 Tentang Kami Ketersedian Staff - Admin
5 Tentang Kami Ketersedian Staff – Admin

Product Testing

Usability Testing

Tentang Usability Testing

Usablity testing adalah cara terbaik untuk memahami user experience  dari aplikasi anda.  Kami menggunakan SUS untuk mengukur usability aplikasi Sistem Peminjaman Ruang FILKOM

Hasil Usability Testing

Usability testing dilakukan terhadap mahasiswa Teknik Infromatika FILKOM UB yang berjumlah 5 responden. Setelah dilakukan perhitungan, didapatkan rata-rata skor SUS  sebesar 78. Sehingga desain yang dihasilkan dapat dikategorikan memiliki usability yang cukup baik karena melebihi skor rata-rata  dari banyak penelitian yaitu 68.

 

hasil usability testing

Heuristic Evaluation

Tentang Heuristic Evaluation

Heuristic Evaluation adalah metode rekayasa usability untuk menemukan masalah kegunaan dalam desain User Interface, sehingga membuatnya dapat diatasi dan dipecahkan sebagai bagian dari proses desain berulang.

Hasil Heuristic Testing

Heuristic Evaluation yang dilakukan menggunakan metode sistem checklist. Hasil yang didapatkan dapat dilihat pada gambar dibawah.

 

 

hasil heuristic evaluation

Anggota Tim

Aditya Bagas Pratama
Membuat dokumentasi di tiap bagian yang dikerjakan, Membuat information architecture, Membuat sketsa aplikasi, dan Melakukan presentasi

Andi Fikri Safaraz Diningrat
Membuat dokumentasi di tiap bagian yang dikerjakan, Membuat user journey, Membuat user flow, Membuat wireframe aplikasi, Membuat desain aplikasi, Membuat prototype aplikasi, dan Membuat video demo aplikasi

Anindya Celena Khansa Kirana
Membuat dokumentasi di tiap bagian yang dikerjakan, Melakukan wawancara, Membuat review aplikasi, Membuat persona, Membuat empathy map, dan Membuat mental model

Benyamin Fajri
Membuat dokumentasi di tiap bagian yang dikerjakan, Membuat interview guide, Merangkum hasil wawancara, Membuat insight statement, Melakukan information architecture, Membuat revisi desain aplikasi, dan Membuat website

Jesika Silviana Br Situmorang
Membuat dokumentasi di tiap bagian yang dikerjakan, Melakukan wawancara dan merangkum hasil wawancara, Membuat review aplikasi, Membuat how-might-we questions, Membuat mental model, Membuat screenflow aplikasi

Dokumentasi?

Dokumentasi didasarkan dari projek akhir kelompok mata kuliah User Experience. Dokumentasi terdiri dari:

  • Pendahuluan
  • Proses design
  • Penutup

 

 


Lihat Dokumen

Demo Aplikasi

https://www.youtube.com/watch?v=9M5DyBYRGyk&feature=youtu.be

Scroll to top