Pengujian Heuristic dan Re-Design Igracias ITTP

Setiawan Dwi Novantoro
3 min readJul 18, 2021

--

Dibuat oleh Setiawan Dwi Novantoro(19102091) untuk memenuhi tugas Interaksi Manusia dan Komputer.

Evolusi Heuristic

Evolusi Heuristic adalah metode pemeriksaan kegunaan untuk perangkat lunak komputer yang membantu untuk mengidentifikasi masalah kegunaan di desain user interface(UI).

Tujuan utama dari evaluasi heuristik adalah untuk mengidentifikasi masalah yang terkait dengan desain antarmuka pengguna.Konsultan kegunaan Rolf Molich dan Jakob Nielsen mengembangkan metode ini berdasarkan pengalaman beberapa tahun dalam mengajar dan berkonsultasi tentang rekayasa kegunaan. Heuristik Jakob Nielsen mungkin adalah heuristik kegunaan yang paling banyak digunakan untuk desain antarmuka pengguna. Nielsen mengembangkan heuristik berdasarkan kerja sama dengan Rolf Molich pada tahun 1990. Himpunan terakhir heuristik yang masih digunakan saat ini dirilis oleh Nielsen pada tahun 1994, Heuristik yang dipublikasikan dalam buku Nielsen Usability Engineering adalah sebagai berikut:

  1. Visibilitas status sistem.
  2. Kecocokan antara sistem dan dunia nyata.
  3. Kontrol dan kebebasan.
  4. Konsistensi dan standar.
  5. Pencegahan kesalahan.
  6. Pengenalan daripada mengingat.
  7. Fleksibilitas dan efisiensi penggunaan.
  8. Desain estetis dan minimalis.
  9. Membantu mengenali, mendiagnosis dan memulihkan kesalahan.
  10. Bantuan dan dokumentasi.

Melakukan Penilaian pada interface Igracias ITTP

Amatilah tampilan Igracias Mobile di atas, lalu tentukanlah nilai dari usability nya berdasarkan 3 dari 10 kriteria heuristic evolution berikut,

1) Visibilitas status sistem

Apakah pengguna mengetahui posisi mereka saat ini dalam perjalanan pengguna?

2) Kecocokan antara sistem dan dunia nyata

Apakah elemen UI (icon, tombol, link) dan permintaan interaksi mudah dikenali?

3) Kontrol dan kebebasan pengguna

Apakah pengguna dapat keluar dari semua status seperti pop-up dan multimedia? (apakah ada mekanisme exit)?

Beri nilai 1 untuk jawaban ya, 0 untuk jawaban tidak, lalu jumlahkan.

Jika nilai totalnya 3 berarti bagus, 2 berarti sedang, 1 berarti kurang bagus, 0 berarti perlu perbaikan signifikan. Lalu, berikan rekomendasi dan desain kembali (re-desain) halaman tersebut menggunakan tools adobe XD, Figma, atau yang lain.

Penilaian untuk interface Igracias ITTP diatas:

  1. Visibilitas status sistem(Nilai 2)

Alasan:

pada tampilan interface Igracias ITTP diatas pengguna dapat mengetahui posisi perjelanan mereka seperti pada gambar diatas tobol pada menu karyawan berwarna putih untuk menandakan dimana pengguna sekarang. Alasan saya memberi nilai 2 pada gambar tampilan interface Igracias diatas karena untuk pengguna baru mungkin akan cukup sulit untuk memahami tampilan diatas, berbeda dan pengguna lama atau yang berhubungan dengan tampilan interface tersebut.

2. Kecocokan antara sistem dan dunia nyata(Nilai 1)

Alasan:

Alasan saya memberi nilai 1 pada usability ini yaitu tampilan interface Igracias diatas ada beberapa 2 icon yang sedikit membingungkan atau harus berpikir terlebih dahulu untuk mengetahui icon apa itu, seperti pada icon cuti yang bergambar pintu keluar yang sangat mirip dengan tampilan logout pada aplikasi-aplikasi kebanyakan, dan seperti icon presensi yang mirip dengan sebuah penanda dan ini mungkin juga akan membingungkan pengguna baru.

3. Kontrol dan kebebasan pengguna(Nilai 1)

Alasan:
Untuk kontrolnya pengguna dapat mengakses menu sesuai dengan groupnya, misal: Mahasiswa, Dosen, Karyawan, dan untuk keluar dari aplikasi tersebut, pengguna dapat menekan tombol power dipojok kanan atas. untuk kebebasan menurut saya kurang baik karena menu untuk user yang ada dibawah kurang efektif jika user tidak sesuai dengan user group nya, contohnya mahasiswa tidak bisa membuka menu dosen.

Re-design tampilan Interface Igracias ITTP

Gambar diatas adalah hasil re-design dari tampilan interface Igracias ITTP:

  1. Visibilitas status sistem

Pada tampilan tersebut saya tambahkan tanda atau penegasan saat pengguna mengklik dan tetap pada menu user group sesuai dengan siapa usernya, bisa dilihat pada gambar yang ada dikanan bawah pada menu profil.

2. Kecocokan antara sistem dan dunia nyata

Selanjutnya, adalah ada perubahan beberapa icon seperti icon presensi dan icon cuti yang menurut saya itu akan lebih mudah untuk dipahami.

3. Kontrol dan kebebasan pengguna

Kontrol yang saya ubah adalah pengguna dapat melihat profil sesuai dengan usernya, menuju menu untuk memilih siapa usernya dan menu untuk mengscane barcode ditengah untuk lebih memudahkan pengguna, untuk kebebasan disini saya memisahkan interface sesuai dengan siapa user nya agar lebih memudahkan user dalam mengelola informasi perkulian dan igracias.

--

--