EVALUASI HEURISTIK PADA DESAIN ANTARMUKA

WEBSITE STMIK SUMEDANG

Anjar Muhammad Ridwan
Jurusan Teknik Informatika, STMIK Sumedang
Jl. Angkrek Situ No.19, Sumedang Utara, Kabupaten Sumedang
Email: a2.1500016@mhs.stmik-sumedang.ac.id

ABSTRAK

Sebagai suatu lembaga pendidikan yang berkaitan dengan masyarakat secara langsung, perguruan tinggi juga
perlu membuat brand bagi lembaganya. Brand yang melekat pada lembaga sekolah (yang positif) akan menentukan
bagaimana alumninya diterima di lembaga pendidikan yang lebih tinggi dan bagaimana alumninya diterima di
masyarakat, termasuk di dunia kerja.
Evaluasi desain antarmuka merupakan bagian dari desain interaksi pada Human Computer Interaction (HCI).
Penelitian ini berfokus pada evaluasi heuristik pada desain antarmuka webisite STMIK Sumedang untuk mengetahui
tingkat kegunaan desain antarmuka. Jumlah pengunjung website kampus akan terus bertambah, dan kenapa perguruan
tinggi STMIK Sumedang harus memperbaiki layanan kepada pengunjung website seperti informasi akademik
(kalender akademik, repository publikasi tugas akhir, skripsi, dan jurnal), informasi event-event kampus dan laporan
keluhan layanan keluhan.
Hasil dari penelitian ini adalah bahwa antarmuka website STMIK Sumedang pada umumnya telah mampu
memberikan kemudahan bagi pengunjung namun ada beberapa poin yang perlu ditingkatkan dalam hal kemudahan
penggunaan dan keakuratan informasi.

Kata kunci : evaluasi, heuristik, antarmuka, desain, website, STMIK Sumedang

LATAR BELAKANG
Sekolah Tinggi Manajemen Informatika dan Komputer
(STMIK) Sumedang merupakan salah satu Perguruan
Tinggi Swasta yang telah beridiri sejak 8 Agustus 1999,
Sekolah ini memiliki tiga Program Studi yaitu Teknik
Informatika, Sistem Informasi, dan Manajemen
Informatika. Dalam melakukan publikasi informasi dan
hal-hal lain, kampus STMIK membuat media publikasi
melalui website yang merupakan sebuah platform untuk
mempublikasikan sebagian besar aktifitas kampus dan
dalam upaya memenuhi informasi bagi civitas STMIK
Sumedang maupun diluar kampus STMIK Sumedang.
Website STMIK Sumedang dapat diakses secara luas,
selain di lingkungan kampus STMIK Sumedang website
ini juga dapat diakses oleh pengguna umum untuk
memperoleh informasi. Sehingga website kampus
STMIK Sumedang dituntut untuk bisa berinteraksi
dengan para pengunjungnya. Untuk mengetahui
skalabilitas terhadap kemudahan / usability pengunjung
yang akan berdampak pada peningkatan layanan dan
tercapainya informasi kepada pengunjung, dilakukanlah
ulasan dengan memanfaatkan suatu teknik evaluasi
dalam interaksi manusia komputer yang bernama
evaluasi heuristik.
Hal yang ingin ditinjau dalam penelitian ini berfokus
kepada evaluasi heuristik pada desain antarmuka website
STMIK Sumedang untuk mengetahui sejauh mana daya
guna (Usability) desain antarmuka website kampus
STMIK Sumedang. Evaluasi desain interface merupakan
bagian dari materi desain interaksi (interaction design)
dalam Interaksi Manusia Komputer (IMK) atau Human
Computer Interaction (HCI).[5]
Human Computer Interaction (HCI)
Interaksi Manusia dan Komputer adalah disiplin yang
berkaitan dengan perancangan, evaluasi dan implementasi
sistem komputasi interaktif untuk penggunaan manusia
dan dengan mempelajari fenomena utama yang
mengelilinginya. Interaksi manusia-komputer muncul
sebagai bidang dari akar yang saling terkait dalam grafis
komputer, sistem operasi, faktor manusia, ergonomi,
teknik industri, psikologi kognitif, dan bagian sistem dari
ilmu komputer. Hal ini menyebabkan berkembangnya
beberapa teknik interaksi manusia dan komputer. Banyak
teknik berasal dari Sutherland's Sketchpad Ph.D. tesis
(1963) yang intinya menandai awal grafis komputer
sebagai sebuah disiplin.[1]

1
Daya Guna (Usability) 2. Melihat efek interface bagi pengguna, Mencakup
Organisasi Standar Internasional (International Standard aspek dari kemudahan sistem dipelajari, daya
Organization, ISO) mendefinisikan bahwa daya guna guna dan perilaku user.
(Usability) adalah sejauhmana suatu produk suatu produk 3. Mengidentifikasi masalah khusus yang terjadi
dapat digunakan oleh pengguna untuk mencapai tujuan pada sistem. Ketika penggunaan suatu konteks
mereka dengan efektivitas dan efisiensi. Daya guna memberikan hasil yang tidak diinginkan, atau
memiliki lima atribut kualitas yaitu:[2] terjadi kekacauan di antara user. Tujuan ini
1. Learnability: menunjukkan betapa mudahnya merupakan aspek negatif dari desain.
pengguna dapat mempelajari fungsi sistem utama
dan mencapai keterampilan untuk melakukan Evaluasi Heuristik
pekerjaan
Evaluasi Heuristik adalah panduan, prinsip umum, atau
2. Efisiensi: Setelah mempelajari sistem, seberapa
aturan yang dapat menuntun keputusan rancangan atau
cepat pengguna dapat melakukan tugas mereka
digunakan untuk mengkritik suatu keputusan yang sudah
menggunakan sistem.
diambil. Evaluasi Heuristik diusulkan oleh Nielsen dan
3. Memorability: sangat penting bagi pengguna
Molich, hampir sama dengan Cognitive Walkthrough
yang tidak teratur untuk dapat menggunakan
tetapi sedikit terstruktur dan sedikit terarah. Pada
sistem tanpa harus belajar lagi. Fitur ini
pendekatan ini, sekumpulan kriteria usability atau
membantu pengguna untuk mengingat sistem
heuristic diidentifikasi dan perancangan dilaksanakan
bekerja setelah periode penggunaan tertentu.
misalnya dimana kriteria dilanggar.[5]
4. Error: jumlah kesalahan pengguna dan
Evaluasi Heuristik sangat baik digunakan sebagai teknik
bagaimana dengan mudah mereka dapat
evaluasi desain, karena lebih mudah untuk menemukan
memulihkannya.
atau menentukan masalah usability yang muncul. Untuk
5. Satisfaction: menunjukkan bahwa
menggunakan evaluasi ini dibutuhkan software yang akan
menyenangkan atau tidaknya pengguna dalam
diteliti atau storyboard untuk sistem yang akan dibuat.[4]
menggunakan sistem.
Ada sepuluh prinsip aturan untuk evaluasi heuristik[3]
sebegai acuan dalam melakukan evaluasi daya guna
Aturan dan prinsip-prinsip usability memberikan arahan
antarmuka pada website STMIK Sumedang, yaitu:
kepada desainer untuk menghasilkan sistem yang dapat
digunakan. Ada begitu banyak prinsip dan pedoman yang 1. Visibility of system status (feedback), yaitu sistem
tersedia untuk menghasilkan antarmuka yang dapat selalu menginformasikan pada pengguna apa yang
digunakan. Tapi semua aturan ini harus sederhana dan sedang terjadi, melalui pesan yang baik dan waktu
fokus di titik tertentu. Banyak pendukung telah disajikan yang sesuai.
seperti seperangkat aturan emas atau heuristik yang 2. Match between system and the real world, yaitu
digunakan untuk memberikan ringkasan yang berguna sistem harus sesuai dengan bahasa penggunanya,
dari saran desain dan membantu untuk menghasilkan menggunakan kata, kalimat, dan konsep yang
sistem yang dapat digunakan dengan baik. Di antara biasa digunakan oleh pengguna.
begitu banyak aturan, delapan aturan emas Shneiderman 3. Use Control and Freedom, yaitu pengguna harus
dan sepuluh prinsip heuristik Nielsen sangat berguna dan dapat secara bebas memilih dan melakukan
dikenal baik dikalangan perancang antarmuka.[2] pekerjaan (sesuai kebutuhan). Pengguna harus
dapat mengambil keputusannya sendiri (dengan
Evaluasi sendiri adalah proses penentuan usability dan
informasi yang jelas) berkaitan dengan pekerjaan
acceptability dari produk atau desain yang terukur di
yang sedang/akan dilakukan. Sistem harus
dalam sebuah varietas kriteria termasuk sejumlah error-
memiliki kemampuan untuk undo dan redo.
nya, daya tariknya, kecocokannya dengan kebutuhan, dst.
4. Consistency and Standards, yaitu bahwa
Evaluasi memiliki tiga tujuan utama[5], yaitu :
pengguna tidak perlu mempertanyakan lagi
1. Melihat seberapa jauh sistem berfungsi,
mengenai perbedaan pemahaman pada sebuah
Mencakup kesesuaian penggunaan sistem
kata dan kalimat, situasi dan aksi. Semua harus
terhadap harapan user pada tugas tersebut.
sudah mengikuti standar yang ada.
Evaluasi pada tahap ini meliputi pengukuran
5. Error Prevention, yaitu merancang sistem yang
unjuk kerja dari user pada sistem, untuk melihat
dilengkapi pencegah terjadinya kesalahan lebih
keefektifan sistem dalam mendukung tugas.

2
 baik daripada merancang pesan kesalahan yang
baik.
6. Recognation Rather than Recall, yaitu bahwa
antarmuka akan lebih baik mudah diingat
daripada mengulang kembali. Meminimalisir
penggunaan memori manusia akan meningkatkan
pengalaman pengguna yang lebih baik.
7. Flexibility and Efficient of Use, yaitu bagaimana
membuat sebuah sistem yang mengakomodasi
pengguna yang sudah ahli dan pengguna yang
masih pemula. Berikan alternatif untuk pengguna Gambar 1. Halaman depan website STMIK Sumedang
yang “berbeda” dari pengguna biasa (secara fisik,
budaya, bahasa, dll). 2. Match between system and the real world
8. Esthetic and Minimalist Design, yaitu bahwa Suatu antarmuka harus memiliki karakteristik ragam
sistem menghasilkan informasi yang relevan dialog yang memberi kemudahan untuk dikenal dengan
karena informasi yang tidak relevan mengurangi mudah oleh penggunanya atau biasa disebut Familiarity.
visibilitas dan usability dari sistem. dalam hal ini penggunaan bahasa harus dimengeri oleh
9. Help users recognize, dialogue, and recovers pengguna. Sistem harus menggunakan bahasa yang dapat
from errors, yaitu bahwa pembuatan objek, aksi dimengerti oleh pengguna. Bahasa dan istilah yang
dan pilihan harus jelas terlihat. Pengguna tidak terdapat pada website STMIK Sumedang cukup mudah
harus mengingat-ingat informasi dari satu dimengerti oleh pengunjung pertama atau pengguna
halaman ke halaman lain. Instruksi dan informasi awam, sehingga pengguna tidak menghadapi kesulitan
pada sistem haras mudah diakses dan jelas terlihat saat mengunjungi website ini. Sebagai contoh pada setiap
pada saat dibutuhkan. menu layanan, pengunjung akan memahami apa yang
10. Help and Documentation, yaitu sistem harus harus di klik dan diinputkan. Tetapi ada beberapa tautan
memiliki dokumentasi yang relevan dan fitur help yang masih mati, seperti tautan alih bahasa (Language),
yang baik, sehingga pengguna dapat mempelajari Pesan (Message), dan paling banyak pada bagian footer
segala sesuatu yang terkait dengan sistem. di website.

PEMBAHASAN 3. Use Control and Freedom

Dalam penelitian ini penulis, menggunakan sepuluh
aturan evaluasi heuristik Nielsen sebagai acuan dalam
melakukan evaluasi daya guna antarmuka pada website
STMIK Sumedang yang sebelumnya dibahas pada
evaluasi heuristik dan akan dibahas secara rinci pada
bagian ini.
1. Visibility of system status (feedback)
Sebuah antarmuka pengguna seharusnya tidak membuat
pengguna berada pada kondisi yang tidak pasti. Prinsip
ini berkaitan langsung dengan beberapa pertanyaan
seperti : “Dimana saya sekarang?” dan “Dimana jalan
selanjutnya?” Aktifitas apapun yang sedang terjadi dalam
penggunaan suatu sistem harus selalu menampilkan
feedback guna memberikan kepastian kepada pengguna.
Website STMIK Sumedang telah menerapkan prinsip ini
bahkan dalam segi penampilan tata letak yang mudah
dan dekat ke berbagai kepentingan dan dimasukan ke
dalam website kampus.
Pengunjung website tidak hanya civitas kampus, tetapi
juga mereka yang bukan civitas kampus STMIK
Sumedang. Pengunjung yang bukan civitas kampus
STMIK Sumedang biasanya akan melakukan eksplorasi
terhadap menu dan konten website walaupun tidak
sedikit, juga pengujung website dari civitas kampus
STMIK Sumedang dapat melakukan eksplorasi untuk
memahami lebih jauh mengenai website ini. Tidak jarang
pada saat eksplorasi pengunjung melakukan kesalahan.
Karena itu diperlukan solusi yang bisa membawa
pengunjung ke menu utama. Website ini menyediakan
tombol ke menu utama pada bagian navigasi disetiap
halaman untuk kembali ke menu utama.
4. Consistency and Standards
Sistem pada website STMIK Sumedang memiliki
konsistensi yang baik, setiap halaman memiliki desain,
warna dan tema yang sama, hanya pada bagian konten
yang berubah sesuai tautan yang diinginkan. Bagian
navigasi dan menu juga selalu berada di lokasi yang

3
sama. Hal ini berkaitan dengan standar website yang merupakan warga kampus, jika keluhan umum maka
sederhana, tema yang minimalis dan tidak menggunakan akan beda tampilan dan tidak usah login terlebih dahulu.
tampilan grafis yang rumit.

5. Error Prevention
Pada website STMIK Sumedang, terdapat error pada
halaman Tugas Akhir D3 Manajeman Informatika. Yang
menyebabkan pengunjung awam bingung dengan
kesalahan yang terjadi, dikarenakan tampilan kesalahan
dalam bahasa teknis.

Gambar 3. Halaman Login keluhan akademik

Gambar 2. Error Halaman Tugas Akhir MI D3

6. Recognation Rather than Recall

Pengunjung tidak harus mengingat informasi dari satu
bagian dialog ke bagian lainnya. Instruksi dari sistem Gambar 4. Halaman keluhan umum
seharusnya jelas dan dapat diprediksi dengan mudah,
sehingga langkah-langkah penggunaan website ini akan 9. Help users recognize, dialogue, and recovers from
sangat mudah dipelajari. website STMIK Sumedang errors
sudah mengantisipasi hal ini, dengan menampilkan
Pesan kesalahan harus ditampilkan berupa bahasa
informasi tautan disetiap proses dan setelahnya.
pengguna (bukan berupa kode), secara langsung
mengidentifikasi masalah, dan memberikan solusi.[5]
7. Flexibility and Efficient of Use Website STMIK Sumedang belum memenuhi kriteria ini,
Fleksibilitas dan efisiensi pada website ini dapat pada saat pengunjung ingin melihat tugas akhir D3
dirasakan saat pengunjung memerlukan data atau terjadi pesan error yang kurang dipahami bagi pengguna
informasi materi yang bisa di download dari navigasi umum (Gambar 2).
“Download” baik itu brosur, formulir pengajuan,
panduan, dll. selain itu ada masalah saat ingin 10. Help and Documentation
mendownload jurnal yang ada di sub domain
Website STMIK Sumedang memang tidak menyediakan
repository.stmik-sumedang.ac.id yang menyebabkan
fitur Documentation dan FAQ (Frequently asked
tidak efisien dan memakan waktu.
questions) atau pertanyaan yang sering ditanyakan.
Namun, pada saat pertama kali mengunjungi, website ini
8. Esthetic and Minimalist Design memiliki konsistensi yang baik karna pada halaman
Sebuah dialog tidak boleh mengandung konten atau banyak tautan dengan keterangannya dan tidak sedikit
informasi yang tidak relevan dan tidak diperlukan.[5] juga banyak tautan yang mati. Selain itu, website ini ini
Setiap komponen harus mengandung arti dan fungsi yang menyediakan beberapa cara untuk mendapatkan bantuan
sesuai dengan keperluan website tersebut . website dari admin atau lembaga seperti pada halaman Kontak
STMIK Sumedang sudah ada beberapa menampilan berikut.
menu yang relevan yaitu pada saat membuka menu “E-
Complaint” pada sidebar dalam hal ini dalam melakukan
komplen terbagi menjadi dua prosedur, apabila keluhan
akademik maka akan login terlebih dahulu dan

4
 Gambar 5. Halaman Kontak
11. Ringkasan Hasil Evaluasi
Tabel 1. Ringkasan Hasil Evaluasi
No. Deskripsi
1. Visibility of system status (feedback)
2. Match between system and the real world
3. User control and freedom
4. Consistency and Standards
5. Error Prevention
6. Recognation Rather than Recall
7. Flexibility and Efficient of Use
8. Esthetic and Minimalist Design
9. Help users recognize, dialogue, and
recovers from errors
10. Help and Documentation
Rekomendasi
Website sudah menampilkan system status dan feedback dengan
cukup baik
Perlu adanya pembaharuan konten, karna banyak tautan yang
belum terhubung
Website sudah cukup baik dengan menyediakan tombol ke menu
utama (halaman utama)
Konsistensi dalam website ini cukup baik, setiap halaman
memiliki desain, warna dan tema yang sama, hanya pada bagian
konten yang berubah sesuai tautan yang diinginkan
Kesiapan dalam pencegahan suatu kesalahan belum terlihat,
khususnya pada menu Tugas Akhir di subdomain
repository.stmik-sumedang.ac.id, jika memang konten belum
tersedia akan lebih baik sementara menu tersebut dimatikan
dahulu agar pengguna tidak bingung dengan pesan error yang
kurang dipahami pengunjung.
Perlu adanya pengecekan ulang pada semua tautan, karna belum
semua tautan yang terhubung
Perlu adanya pemeliharaan di beberapa subdomain agar
fleksibilitas dan efisiensi dapat merata sampai ke subdomain.
Desain formulir yang minimalis sehingga tidak menimbulkan
kebingungan
Evaluasi saat ada dialog error alangkah baiknya apabila
ditampilkan lebih userfriendly dan menampilkan beserta solusinya
Perlu diadakannya fitur FAQ (Frequently Asked Questions) agar
dapat lebih memudahkan lagi pengunjung
5
 KESIMPULAN DAFTAR PUSTAKA

Berdasarkan pembahasan analisis dan hasil evaluasi yang
dijelaskan sebelumnya, maka dapat diambil kesimpulan
sebagai berikut:
1. Dengan digunakannya Evaluasi heuristik, dengan
10 aturan Nielsen secara umum dapat dijadikan
rujukan untuk perbaikan dalam pengembangan
website berikutnya.
2. Ada beberapa poin yang perlu dikaji kembali
telah diberikan rekomendasi sebagaimana pada
ringkasan hasil evaluasi (Tabel 1) di atas.
3. Evaluasi heuristik bersifat pragmatis, mudah
dilakukan dan mendapatkan hasil yang cepat.
Meskipun metode ini tidak menghasilkan solusi
yang pasti, namun merupakan metode yang
cukup mudah untuk memulai analisis terhadap
desain sistem. Ekspektasi dari penelitian yang
lebih lanjut adalah dengan menggunakan lebih
dari satu metode untuk memperoleh hasil yang
maksimal, karena tiap metode memiliki
kelebihan dan kekurangan yang dapat dilengkapi
oleh satu sama lain. Metode heuristik sendiri
terdiri dari sepuluh prinsip yang berkaitan
dengan berbagai aspek pada tampilan antarmuka
dalam sebuah website. Pernilaian terhadap tiap
konten telah dilakukan.
[1] Hewett, T. et al., (2009, July 29). ACM SIGCHI
Curricula for Human-Computer Interaction.
Diakses pada tanggal 26 November 2017.
http://old.sigchi.org/cdg/cdg2.html#2_2_1
[2] Mazumder, F. K., & Das, U. K., (2014, September).
USABILITY GUIDELINES FOR USABLE
USER INTERFACE. IJRET: International Journal
of Research in Engineering and Technology, Hal.
79-82.
[3] Nielsen, J., (1995, Janurary 1). 10 Usability
Heuristics for User Interface Design. Diakses pada
tanggal November 26, 2017.
https://www.nngroup.com/articles/ten-usability-
heuristics/
[4] Ridwan, A. (2007)., Pengukuran Usability Aplikasi
Menggunakan Evaluasi Heuristik. Jurnal Informasi
Komputer, Hal. 218-228.
[5] Savitri, P., & Ispani, M., (2015). REVIEW DESAIN
INTERFACE APLIKASI SOPPPOS
MENGGUNAKAN EVALUASI HEURISTIK.
Jurnal SIMETRIS, Hal. 95-100.

Ada beberapa point yang dapat dijadikan sebagai

masukan atau saran:
1. Ada beberapa point yang perlu dikaji kembali
saat melakukan update konten website sesuai
hasil pembahasan sebelumnya
2. Evaluasi heuristik dapat digunakan untuk menilai
proses bisnis atau layanan lain (selain antarmuka
pengguna suatu website) yang tentu saja dengan
dilengkapi teknik-teknik lain yang disesuaikan
dengan kebutuhan dan literatur yang ada.