Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer e-ISSN: 2548-964X

Vol. 6, No. 3, Maret 2022, hlm. 1350-1359 http://j-ptiik.ub.ac.id

Evaluasi Usability dengan Menerapkan Metode Heuristic Evaluation pada

Website Dinas Pendidikan Kota Batu
Heraspati Yudha Pratama1, Buce Trias Hanggara2, Nanang Yudi Setiawan3

Program Studi Sistem Informasi, Fakultas Ilmu Komputer, Universitas Brawijaya

Email: 1heraspati0921@gmail.com, 2buce_trias@ub.ac.id, 3nanang@ub.ac.id

Abstrak
Website Dinas Pendidikan Kota Batu merupakan website yang diperuntukkan sebagai sarana dalam
mempublikasi serta memberikan informasi dan gambaran umum terkait Dinas Pendidikan Kota Batu.
Berdasarkan aturan Menteri Komunikasi Dan Informatika Republik Indonesia Nomor 32 Tahun 2017
Tentang Penyelenggaraan Portal Dan Situs Web Badan Pemerintahan di dalam Bab X Pemantauan dan
Evaluasi Pasal 19 Ayat (3) menyebutkan “Pelaksanaan pemantauan dan evaluasi dilakukan 1 kali dalam
1 tahun atau dilaksanakan sewaktu – waktu apabila diperlukan”. Dan juga pada proses wawancara
menyebutkan bahwa website tersebut belum pernah dilakukan evaluasi. Dengan melihat peluang yang
dilandaskan oleh peraturan daerah maka terjadilah penelitian ini, untuk mengevaluasi antarmuka
pengguna pada website Dinas Pendidikan Kota Batu. Karena dari pihak Dinas Pendidikan juga merasa
bahwa tampilan dan beberapa fungsi dinilai kurang begitu memuaskan. Dalam melakukan proses
evaluasi pada website tersebut dilakukannya menggunakan metode heuristic evaluation. Dalam proses
pengevaluasian dilakukan dengan melibatkan expert user interface, yang mana memiliki fungsi dalam
membantu dan menilai bagaimana website tersebut dapat memiliki desain baik yang sesuai dengan
aturan heuristic evaluation. Sebelum dilakukannya evaluasi perlunya penggalian permasalahan dengan
mewawancarai pihak terkait. Selanjutnya dilakukanlah evaluasi dengan temuan permasalahan usability
yaitu ada dua belas permasalahan yang ditemukan oleh ketiga evaluator. Pada proses evaluasi evaluator
juga melakukan penilaian terhadap website Dinas Pendidikan Kota Batu dengan memiliki hasil nilai
tertinggi rata-rata adalah 3,6 untuk H-6 (Recognition rathen than recall) dan terendah H-4 (Consistency
and standards) dengan perolehan nilai rata-rata 2,45. Temuan permasalahan tersebut dilakukannya
perbaikan dengan membuat rekomendasi perbaikan dengan menerapkan guidelines material design by
google. Berdasarkan rekomendasi perbaikan tersebut dilakukannya pengujian dengan menggunakan
metode heuristic evaluation yang melibatkan ketiga evaluator yang sama pada proses evaluasi.
Pengujian yang dilakukan tersebut mendapatkan hasil yaitu dengan berkurangnya nilai severity rating
pada setiap permasalahan yang ada.
Kata kunci: heuristic evaluation, antarmuka pengguna, prototipe, usability, desain material oleh google.
Abstract
The Batu City Education Office website is a website that provides a means of publishing and providing
information and general descriptions regarding the Batu City Education Office. Based on the
Regulation of the Minister of Communication and Information of the Republic of Indonesia Number 32
of 2017 concerning the Implementation of Portals and Websites of Government Agencies in Chapter X
Monitoring and Evaluation Article 19 Paragraph (3) states "The implementation of monitoring and
evaluation is carried out 1 time in 1 year or carried out at any time if needed". And also in the interview
process mentioned that the website has never been evaluated. With opportunities based on local
regulations, this research took place, for the user interface on the Batu City Education Office website.
Because the Department of Education also feels that the appearance and some functions are considered
less than satisfactory. In conducting the evaluation process on the website, using the heuristic evaluation
method. In the evaluation process, it involves an expert user interface, which has a function in helping
and assessing how the website can have a good design according to the heuristic evaluation rules.
Before evaluating the need to discuss the problem by interviewing the relevant parties. Furthermore, an
evaluation was carried out with the findings of usability problems, namely there were two problems
found by the third evaluator. In the evaluation process the evaluator also has an assessment of the Batu

Fakultas Ilmu Komputer

Universitas Brawijaya 1350
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 1351

City Education Office website with the highest average score of 3.6 for H-6 (Recognition rathen than
recall) and the lowest is H-4 (Consistency and standards) with the acquisition of an average value.
average 2.45. These findings are improved by making recommendations for improvement by applying
the material design by google guidelines. recommendations based on the assessment are tested using a
heuristic evaluation involving the same three evaluators in the evaluation process. Tests carried out to
obtain these results are by reducing the severity value for each existing problem.
Keywords: heuristic evaluation, user interface, prototype, usability, material design by google.

website karya dari mahasiswa dari Universitas

1. PENDAHULUAN
Berdasarkan Peraturan Menteri
Komunikasi dan Informatika Republik
Indonesia Nomor 32 Tahun 2017 pada Bab X
Pemantauan dan Evaluasi Pasal 19 Ayat (3)
menyebutkan bahwa “Pelaksanaan pemantauan
dan evaluasi dilakukan 1 kali dalam 1 tahun atau
dilaksanakan sewaktu – waktu apabila
diperlukan”. Selanjutnya di dalam Pasal 13 Bab
V disebutkan bahwa “Portal Web dan Situs Web
Badan Pemerintahan sekurang-kurangnya
memiliki konten meliputi profil Badan
Pemerintahan, narasi tunggal terkait dengan
kebijakan dan program prioritas pemerintahan
sesuai arahan Presiden, kebijakan dan produk
hukum Badan Pemerintahan, pelaksanaan
program dan kegiatan lembaga Badan
Pemerintahan, profil layanan publik pada Badan
Pemerintahan, layanan aspirasi dan pengaduan,
akun resmi media sosial Badan Pemerintahan
dan kontak pengelola Situs Web”. Website
Dinas Pendidikan Kota Batu sendiri merupakan
sebuah halaman yang berinteraksi langsung
dengan pengguna, maka harus memenuhi aspek
usability untuk mengetahui pengguna bisa
mempelajari dalam menggunakan produk agar
dapat memperoleh suatu tujuan sehingga dapat
diketahui seberapa puaskah mereka terhadap
penggunaannya (Joseph Dumas dan Janice R,
1999).
Dalam pelaksanaan website Dinas
Pendidikan Kota Batu mempunyai tujuan bahwa
sebuah halaman harus dapat berinteraksi
langsung dengan pengguna, maka dari itu
website Dinas Pendidikan Kota Batu harus
memenuhi aspek usability untuk mengetahui
bagaimana pengguna bisa mempelajari dalam
menggunakan produk agar dapat memperoleh
suatu tujuan sehingga dapat diketahui seberapa
puas atau tidaknya mereka terhadap
penggunaannya. Berdasarkan wawancara yang
disampaikan oleh Dinas Pendidikan Kota Batu
menjelaskan bahwa website yang dibuat adalah
Fakultas Ilmu Komputer, Universitas Brawijaya
Muhammadiyah Malang dimana keluaran dari
proses magang adalah terbentuknya website
tersebut. Karena website ini adalah inisiatif
sendiri dari anggota staf Dinas Pendidikan Kota
Batu dan tidak memiliki aturan baku dibuat oleh
Kepada Dinas menjadikan tidak adanya landasan
dasar bagaimana mengelola dan
mengembangkan website tersebut seperti
seharusnya digunakan. Kurangnya orang yang
ahli dibidang IT juga merupakan masalah yang
disampaikan oleh pihak Dinas Pendidikan Kota
Batu, karena ada perubahan Susunan Organisasi
Tata Kerja (SOTK) yang terbaru mengenai tugas
dan fungsi dari humas Dinas Pendidikan Kota
Batu. Dari hal tersebut dapat disimpulkan bahwa
kurangnya pemahaman terkait fungsi dasar dari
website itu sendiri yang mana website bukan
hanya untuk media sosial saja melainkan sebagai
media untuk dapat memberikan informasi secara
terbuka terkait kebijakan yang dibuat oleh Dinas
Pendidikan Kota Batu seperti bagaimana tujuan
dibentuknya website itu sendiri.
Untuk mengatasi permasalahan tersebut
penulis menggunakan pengujian aspek
Usability dengan metode menerapkan heuristic
evaluation. Menurut Nielsen 1993, Quesenberry
2003, Shneiderman 1980 dan 1998) dijelaskan
bahwa aspek usability adalah Effective,
Efficient, Engaging, Error Tolerant dan Easy to
Learn. Heuristic evaluation tidak memberikan
cara secara sistematik tetapi akan memberikan
hasil perbaikan pada masalah usability dan
cukup mudah untuk memperoleh desain yang
direvisi sesuai dengan pedoman disampaikan,
berdasarkan prinsip yang dilanggar untuk
sistem interaktif yang lebih baik.
2. KAJIAN PUSTAKA
2.1. Penelitian Terdahulu
Penelitian Jurnal Teknologi Industri
dengan judul “Perbandingan Metode Evaluasi
Usability Studi Kasus Pengguna Perangkat
Smartphone” yang ditulis oleh Andrie Hendra
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
Pascadewa (2018)”. Tujuan penelitiannya untuk
membandingkan ketiga metode evaluasi
usability diantaranya Think-Aloud
Evaluation(TA), Cognitive Walkthrough (CW),
Heuristic Evalution (HE) dalam menentukan
karakteristik dari perangkat mobile berbasis
layar sentuh dan antarmuka fisik. Hasil
penelitiannya menyebutkan bahwa dari
perbandingan ketiga metode usability, metode
heuristic evalution memiliki kesesuaian yang
paling baik. Selain itu dengan mengikutsertakan
aspek physical interaction and argonomics
dalam konteks evaluasi teknologi touchscreen-
based mobile device dapat menghasilkan temuan
masalah lebih banyak dan memiliki efektivitas
paling tingggi daripada yang lain. Tetapi dalam
penelitian ini terdapat kekurangan yaitu karena
evaluator yang ikut serta dalam mengevaluasi
semuanya hanya berasal dari Indonesia tetapi
apabila mencakup dari beberapa negara yang
berbeda bisa memberikan hasil yang sangat baik.
Penelitian yang dipublikasikan melalui
Seminar Nasional Hasil Penelitian dan
Pengabdian dengan judul “Evaluasi User
Interface Design Menggunakan Metode
Heuristics Pada Website Sistem Informasi
Manajemen Seminar Institut Bisnis Dan
Informasi (IBI) Darmajaya” yang ditulis oleh
Melda Agarina, Sutedi, dan Arman Suryadi
Karen. Dalam penelitian ini bertujuan untuk
mengevaluasi desain user interface pada website
seminar di IBI Darmajaya. Peneliti melibatkan
15 evaluator dari latar belakang yang berbeda
untuk memperoleh hasil yang terukur tentang
permasalahan yang ada di dalam website
tersebut. Evaluator 15 tersebut diantaranya
adalah 7 orang pengguna, 4 orang dosen fakultas
ilmu komputer, dan 4 orang yang ahli dalam
merancang website ilmu komputer. Hasil dari
penelitian tersebut berupa tabel yang
menunjukan bahwa H-8 Aesthetic and
minimalist Design menunjukan nilai 3.65 bagian
ukuran font sedangkan untuk pemilihan warna
font dan background memiliki nilai 3.12, H-1
Visibility memiliki nilai 3.10, H-6 Prevention
Error System memiliki nilai 3.77 bagian
notifikasi Input Informasi, H-7 Flexibility and
Efficiency of Use menunjukan nilai 3,25
selanjutnya peneliti menemukan temuan
permasalahan menu galeri masih belum
terdokumentasi lebih baik, menu galeri
disediakan folder per kegiatan yang
memudahkan peserta dalam mencari hasil
dokumentasi . Dimana menurut (Nielsen, 1994)
Fakultas Ilmu Komputer, Universitas Brawijaya
1352
dalam artikelnya yang berjudul Severity rating
for Usability Problems merupakan masalah
mayor oleh sebab itu diperlukannya perbaikan
pada tampilan website sebagaimana telah
ditemukannya permasalahan yang ada. Tetapi
menurut peneliti secara keseluruhan desain
antarmuka memudahkan pengguna pada sistem
informasi di IBI Darmajaya cukup baik.
Penelitian yang dipublikasikan oleh Jurnal
Matrik Vol. 18 No.2 Tahun 2019 dengan judul
“Evaluasi Website Kuliah Online STMIK
AMIKOM Purwokerto menggunakan Metode
Heuristik (Studi Kasus Mata Kuliah Enterprice
Resource Management)”. Penelitian ini ditulis
oleh Debby Umul Hidayah, Ika Romadoni
Yudita, dan Gustin Setyaningsih dengan judul
Dalam penelitian ini bertujuan untuk
mendeskripsikan dan menganalisis temuan
permasalahan usability yang ditemukan dengan
melakukan evaluasi usability dengan metode
Heuristic Evaluation. Hasil penelitian ini
menunjukkan keseluruhan nilai rata-rata dari
semua aspek pada perhitungan heuristik bernilai
2,96. Dengan memperhatikan hal tersebut
akhirnya pengajuan evaluasi heuristik digunakan
sebagai saran perbaikan website kuliah online
STMIK AMIKOM Purwokerto dengan prinsip
melihat usability. Menurut penulis, evaluasi
heuristik merupakan metode yang paling cocok
untuk mengukur sejauh mana tingkat
kebergunaan/usability desain antarmuka.
2.2. User Interface
User interface merupakan interaksi
antara program dan pengguna. Antarmuka
pengguna adalah titik interaksi manusia
dengan komputer dan komunikasi pada
perangkat, halaman web, atau aplikasi.
Antarmuka pengguna dapat memungkinkan
pengguna untuk secara efektif mengontrol
komputer atau perangkat yang berinteraksi
dengan mereka. Antarmuka pengguna yang
baik adalah harus interaktif, efisien dan ramah
pengguna. Elemen antarmukapengguna adalah
merupakan bagian yang digunakan untuk
membangun situs web atau aplikasi interaktif.
Elemen antarmuka pengguna biasanya
termasuk dalam salah satu dari empat kategori
berikut :
1. Input Control
Memungkinkan pengguna untuk
memasukkan informasi ke dalam
sistem. Sebagai contoh jika anda
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 1353

membutuhkan pengguna untuk (Buie E. and Murray D, 2012). Heuristic

menginformasikan dimana lokasi anda Evaluation dapat menjadi bagian dari
berada saat itu juga, dimana pengguna penilaian kegunaan yang mana salah satunya
akan menggunakan input control untuk menurut Nielsen, 1994 menjelaskan ada 10
membiarkan sistem melakukannya. usability heuristic dapat dilihat pada tabel 2.1
sebagai berikut :
2. Navigation Component
Tabel 1. Heuristic Evaluation
Komponen navigasi berguna untuk
membantu pengguna bergerak di sekitar Nama
Penjelasan
Heuristic
produk atau situs web. Navigation
component umum biasanya apabila Sebuah sistem harus
pengguna dapat scroll up and down dari memberikan informasi kepada
Visibility
isidari website tersebut. pengguna tentang apa yang
of system
3. Information Component sedang terjadi, melalui umpan
status
Membagi informasi kepada pengguna. balik yang sesuai dalam jangka
Sebagai contoh informasi terkait waktu yang wajar
pemberitahuan dari sistem , progress Match Sistem harus menggunakan
bars, message boxes, and pop-up between bahasa yang sesuai dengan
windows. system bahasa pengguna, seperti kata-
4. Container and the kata, frasa dan konsep yang
Container digunakan untuk menyatukan real world familiar dengan pengguna
konten terkait seperti daftar item yang Pengguna sering sekali
ditumpuk secara vertikal menggunakan melakukan tindakan secara
fungsionalitas show atau hide. User tidak di sengaja.
control Dibutuhkannya sebuah
2.3. Evaluasi Usability and “Emergency Exit” untuk
freedom membantu pengguna dalam
Evaluasi Usability adalah sebuah fokusan keluar dari keadaan yang tidak
untuk dapat memahami seberapa baik sistem diinginkan
tersebut dalam mendukung pengguna untuk Consisten
mencapai tujuan mereka (Buie E. and Murray Pengguna tidak perlu bertanya
cy and
D, 2012). Salah satu jenis evaluasi yaitu lagi tentang kata, situasi atau
standards
pengujian usability, mengevaluasi sistem tindakan mempunyai arti yang
dengan mengamati perilaku pengguna. sama
Karena evaluasi usability ini melibatkan Penyampaian pesan kesalahan
representatif pengguna jadi sebagaimana Error sangat berguna tetapi desain
menurut Nielsen secara kualitatif para evaluator preventio yang hati-hati adalah desain
berjumlah lima orang dan secara kuantitatif 20 n yang mencegah terjadi sebuah
orang. Jadi pada penelitian ini akan dibedakan 2 masalah.
karakteristik latar belakang yaitu untuk Recogniti Pengguna tidak perlu bersusah
karakteristik pertama memiliki latar belakang on rather payah untuk mengingat setiap
pengguna yang menggunakan website Dinas than informasi dari satu bagian ke
Pendidikan Kota Batu dan sedangkan recall bagian lainnya
karakteristik kedua yaitu para expert sudah Sembunyikan Akselerator agar
sering menggunakan dan menciptakan website Flexibility tidak terlihat oleh pemula
dimana untuk jumlah evaluator berdasarkan and namun dalam mempercepat
(Nielsen and Molich, 1990) untuk para efficiency interaksi untuk pengguna ahli
evaluator adalah tiga sampai lima evaluator oleh of use sehingga sistem dapat
sebab itu pada peneliti ini akan menggunakan melayani pemula dan ahli.
tiga evaluator. Antarmuka tidak boleh
Aesthetic berisikan informasi yang tidak
2.4. Heuristic Evaluation and relevan atau jarang dibutuhkan.
minimalist Dimana elemen visual
Heuristic evaluation adalah prinsip desain
design antarmuka dapat mendukung
tingkat tinggi yang berguna untuk menilai
tujuan utama pengguna.
kemudahan dalam menggunakan produk
Fakultas Ilmu Komputer, Universitas Brawijaya
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 1354

Tabel 1. Heuristic Evaluation (lanjutan) metodologi yang terdapat pada Gambar 1.

Nama
Penjelasan
Heuristic
Help user Pemberian pesan kesalahan
recognize, harus dinyatakan dalam bahasa
diagnose yang mudah dipahami, tepat
and dalam menunjukan
recover masalahnya dan memberikan
from sebuah solusi secara
errors konstruktif
Baiknya sistem tidak perlu lagi
penjelasan tambahan. Namun
Help and perlu untuk menyediakan
document dokumentasi agar dapat
ation membantu pengguna dalam
memahami bagaimana cara
menyelesaikan tugasnya.

2.4. Expert Evaluator

Menurut (Jeff, 2018) pada artikelnya yang
berjudul “Do Novices or Experts UncoverMore
Usability Issues”, pada artikel tersebut
menjelaskan bahwa membandingkan dua studi
kasus bertopik para ahli dapat menemukan lebih
banyak permasalahan usability dari pada
pemula dan lima studi bertopik pemula
menemukan lebih banyak masalah dari pada
pakar semua studi tersebut didapatkan dari para
ahli.
Dari hasil perbandingan tersebut
menyimpulkan bahwa pemula kemungkinan
besar akan dapat menemukan banyak masalah
usability dari pada ahli meskipun begitu ada
banyak sekali yang membandingkan pemula
dengan ahli tetapi mencoba menggunakan
evaluator pemula dan ahli dalam menerapkan
sebuah penelitian dengan seperti itu peneliti
akan dapat mengetahui apa permasalahan yang
ada baik dari segi pemula maupun segi ahli,
karena tidak semua pemula dapat menyimpulkan
permasalahan yang ada dan tidak sedikit juga
para ahli menemukan permasalahan yang baru
berbeda dari permasalahan yang disampaikan
oleh para pemula. Berdasarkan Neilsen (1994)
jumlah evaluator yang baik untuk penelitian ini
adalah 3-5 evaluator.
3. METODOLOGI
Penelitian ini berdasarkan proses rangkaian
Gambar 1 Rangkaian Metodelogi Penelitian
3.1. Studi Literatur
Pada proses studi literatur dilakukan
dengan mencari dan mempelajari teori-teori
yang berhubungan terhadap metode Heuristic
Evalution dan penerapan aspek Usability
dengan mempelajari buku, jurnal penelitian,
artikel ilmiah, dan laporan penelitian,
dilakukanagar mendapatkan pemahaman yang
lebih dalam menerapkan aspek Usability dan
metode Heuristic Evalution. Selanjutnya
dilakukan aktivitas mewawancarai Dinas
Pendidikan Kota Batu yang merupakan objek
dari evaluasi agar dapat memperdalam
kembali permasalahanyang sedang dicari tahu
oleh peneliti.
3.2. Perancangan Kebutuhan
Pada proses perancangan, peneliti akan
menentukan karakteristik evaluator yang
akan digunakan untuk melakukan kegiatan
evaluasi. Pengumpulan data akan dilakukan
dengan menyiapkan dokumen dan tahapan
tugas yang harus dilakukan oleh evaluator
dalam menilai website dari Dinas Pendidikan
Kota Batu. Dokumen evaluasi berisikan 10

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
prinsip heuristic evaluation dan sesuai dengan
penjelasan makna dari prinsip tersebut. Di
dalam dokumen tersebut merupakan panduan
untuk dapat menemukan permasalahan yang
ada pada website Dinas Pendidikan Kota Batu.
Dalam dokumen tersebut juga nantinya
terdapat rekomendasi perbaikan yang nantinya
akan menjadi panduan dalam dibuatnya
rekomendasi perbaikan pada tampilan desain
dari website. Jumlah Evaluator berdasarkan
teori Nielsen yang menyebutkan bahwa
menggunakan 3-5 orang dalam heuristic
evaluation, oleh sebab itu jumlahnya adalah 3
evaluator.
3.3. Pengujian Heuristic Evaluation
Pada proses Pengujian Heuristic
Evalution, dimana website Dinas Pendidikan
Kota Batu akan mendapatkan sebuah evaluasi
dari para evaluator yang mana akan dalam
setiap permasalahannya akan dimasukkan
kedalam 10 Instrumen Evaluasi dimana akan
ditampilkan dalam bentuk tabel dan
memberikan severity rating untuk setiap
instrumen evaluasi yang ditemukan oleh
evaluator lain. Menghimpun data heuristic
evaluation diperoleh dari hasil evaluasi
usability expert. Penelitian ini menggunakan 3
tipe evaluator yaitu ahli dala m Keilmuan
(Dosen), Ahli dalam UI/UX Desainer, dan
Ahli dalam Bidang ( Pegawai Perancangan
Sistem).
3.4. Pengenalan Objek
Selanjutnya di tahapan pengenalan objek
kepada operator, peneliti akan
memperkenalkan kepada evaluator apa
kegunaan website tersebut, tujuan dilakukan
evaluasi dan apa yang akan dilakukan oleh
evaluator. Selanjutnya peneliti menjelaskan
tujuan evaluasi, prinsip heuristic evaluation,
tahapan dalam mengevaluasi dan capaian
yang ingin diperoleh oleh peneliti. Hasil dari
pengenalan objek tersebut nantinya akan
menjadi dasar untuk evaluator dalam
melakukan evaluasi agartidak terjadi hasil yang
tidak diinginkan.
3.5. Tahapan Evaluasi
Pada tahap evaluasi, peneliti akan
melakukan evaluasi terhadap website Dinas
Pendidikan Kota Batu setelah dilakukannya
pengenalan objek kepada evaluator. Disini
Fakultas Ilmu Komputer, Universitas Brawijaya
1355
evaluator akan melakukan evaluasi kepada
website Dinas Pendidikan Kota Batu untuk
menemukan elemen-elemen permasalahan
yang tidak sesuai dengan prinsip- prinsip dari
10 heuristic Nielsen serta evaluator akan
memberikan severity rating untuk
permasalahan yang ditemukan.
3.6. Analisi Dan Pembahasan
Tahap analisis dan pembahasan berguna
untuk memberikan hasil dokumen evaluation
terhadap pengujian website Dinas Pendidikan
Kota Batu dengan metode heuristic evaluation
yang dilakukan oleh evaluator. Pada tahapan
ini data dari dua kategori pengguna yaitu
pemula dan usability expert. Setelah
dilakukannya evaluasi, peneliti akan
melanjutkan membuat tabel kategori
permasalahan berdasarkan 10 heuristic
evaluation yang telah ditemukan
permasalahannya dan dilakukan pemetaan
masalah guna untuk mengurangi temuan
masalah yang sama.
Langkah selanjutnya adalah melakukan
pencarian permasalahan dan tahap akhir
diakan dilakukan perbaikan rekomendasi
desain yang mana akan diimplementasikan
dalam bentuk prototype. Perbaikan tersebut
harus berdasarkannilai severity rating, dimana
ditemukan masalah yang memiliki nilai 3-4
merupakan kategori severity rating mayor
usability problem dan usability catastrophe
akan menjadi prioritas dalam perbaikan. Tahap
akhir adalah dengan melakukan pengujian
pada rekomendasi perbaikan tersebut dengan
menerapkan metode yang sama untuk
mendapatkan hasil dari perbaikan tersebut.
Apakah rekomendasi perbaikan tersebut
memiliki dampak positif atau melainkan tidak
terjadi perbaikan dari segi desain.
3.7. Kesimpulan Dan Saran
Tahapan ini berisikan tentang kesimpulan
dari keseluruhan tahapan yang telah dilakukan.
Adapun saran yang akan dituliskan oleh peneliti
sebagai sarana untuk mengembangkan dan
menyempurnakan lagi penelitian yang
dilakukan dilakukan sebelumnya.
4. HASIL
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 1356

4.1. Hasil Evaluasi Heuristic Evaluation 5. PEMBAHASAN

Tahapan ini bertujuan untuk melakukan Tahapan ini peneliti akan menyajikan hasil
evaluasi terhadap website Dinas Pendidikan analisis data yang telah dilakukan pada bab
Kota Batu dengan menerapkan metode sebelumnya.
heuristic evaluation. Hal yang dilakukan
pertama oleh para evaluator adalah melakukan 5.1 Analisis Hasil Konsolidasi
penelusuran semua fitur dan fungsi pada Tujuan dilakukannya tahapan ini untuk
website tersebut. Setelah melakukan memberikan data yang telah dianalisis kedalam
penelusuran, para evaluator dapat memberikan bentuk frekuensi, data tersebut didapatkan
temuan permasalahan kepada peneliti dan berdasarkan analisis hasil konsolidasi.
yang selanjutnya dilakukan penilaian terhadap Tahapan ini juga akan dilakukannya
website tersebut. Setiap evaluator memiliki penentuanpersentase dan nilai rata-rata dengan
kode yaitu evaluator 1 (EV 1), evaluator 2 (EV membedakan permasalahan kedalam sepuluh
2), evaluator 3 (EV 3). Tujuan pemberian nilai prinsip heuristic evaluation. Berdasarkan hasil
untuk dapat mengetahui manakah perbaikan konsolidasi telah ditemukan dua belas
yang harus diprioritaskan dalam proses permasalahan yang terbagi lima prinsip
perbaikan. Temuan permasalah yang telah heuristic yang ditemukan permasalahan pada
ditemukan oleh evaluator dapat dilihat pada website tersebut. Dalam hasil tersebut
tabel 2. ditemukan ada satu prinsip heuristic yang
Tabel 2. Temuan Permasalahan memiliki nilai persentase tertinggi adalah H-8
Expert Total Temuan ( Aesthetic and minimalist design) dengan
EV 1 7 persentase 41% dari temuan permasalahan
EV 2 6 yangada pada website Dinas Pendidikan Kota
EV 3 7 Batu. Persentase dan rata-rata severity rating
pada permasalahan tersebut dapat diketahui
pada Tabel 3.
4.1. Tahapan Konsolidasi
Tabel 3 Frekuensi Penemuan Masalah Usability Dan
Tahapan konsolidasi ini memiliki Rata-Rata Severity Rating
maksud untuk menyamakan persepsi antar Number Rata-Rata
evaluator. Menurut Nielsen, 1994 Persentase
Heuristic Severity Rating
menjelaskan bahwa pada tahapan kedua H-1 - -
adalah konsolidasi dengan target H-2 2(16%) 3,1
memungkinkan evaluator untuk fokus pada H-3 - -
H-4 2(16%) 2,45
elemen antarmuka tertentu. Dengan cara H-5 - -
menyamakan persepsi, yang akan dilakukan H-6 1(8%) 3,6
dengan mengidentifikasi temuan H-7 1(8%) 3
permasalahan lebih dari satu evaluator atau H-8 5(41%) 2,62
temuan permasalahan yang belum ditemukan H-9 - -
oleh para evaluator dengan pemberian H-10 - -
heuristic pada masalah tersebut.
Penentuan nilai severity rating juga akan 5.2 Rekomendasi Perbaikan
dilakukan pada tahapan ini dengan tujuan
untuk menentukan nilai rata-rata dari Berdasarkan data hasil konsolidasi
permasalahan yang ditemukan. Menetapkan tersebut ditemukan dua belas permasalah
manakah heuristic yang tepat pada dengan menggunakan metode heuristic
permasalahan tersebut merupakan kesepatan evaluation dengan. Dengan permasalahan
yang telah dilakukan dan disetujui oleh ketiga pertama yang ditemukan adalah terdapat dua
evaluator. Berdasarkan tahapan ini telah dapat navigasi menu yang dapat membingungkan
disimpulkan bahwa terdapat 12 permasalahan pengguna dalam penggunaan website tersebut.
yang ditemukan oleh para evaluator dengan Rekomendasi yang dilakukan adalah dengan
temuan heuristic terbanyak pada prinsip H-8 membagi beberapa menu navigasi tersebut ke
(Aesthetic and minimalist design) dengan dalam beberapa menu yang merupakan menu
temuan permasalahan berjumlah lima. utama dari website tersebut. Permasalahan

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
kedua adalah adalah tidak tepat dalam
menentukan judul pada sebuah fitur dengan isi
yang ada pada halaman. Rekomendasi yang
disarankan adalah untuk menempatkan dan
memastikan kembali isi sesuai dengan judul
yang ditampilkan agar pengguna tidak merasa
kebingungan dengan judul pada fitur
tersebut. Permasalahan ketiga adalah terlalu
banyak CTA(Call To Action) yang dilakukan
oleh pengguna dalam satu halaman.
Rekomendasi perbaikan yang dilakukan
adalah dengan mengurangi dan membatasi
CTA pada satu halaman dengan menjadikan
halaman berita kedalam sebuah halaman
berbeda dan mengurangi penggunaan
penggunaan button selengkapnya untuk
melihatisi berita.
Permasalahan keempat adalah tidak
adanya bantuan atau tajuk pada kolom
pencarian. Rekomendasi yang dilakukan
adalah dengan memberikan kolom bantuan
tajuk yang memudahkan pengguna dalam
mencari data, yang sekiranya sulit untuk
ditemukan yang dapat dilihat pada Gambar 2.
Gambar 2. Perbaikan yang dilakukan pada permasalahan
ke empat
Permasalahan kelima adalah ukuran font
pada website Dinas Pendidikan Kota Batu
yang terlalu kecil menyebabkan pengguna
kesusahan untuk melihat tulisan pada website
tersebut. Ukuran font yang dimaksud adalah
pada tulisan sambutan oleh Kepala Dinas
Pendidikan Kota Batu. Rekomendasi
perbaikan adalah untuk dilakukannya
peninjauan kembali font yang digunakan dan
jenis font tersebut berdasarkan autran yang
ditentukan pada website google material
design. Berikut adalah contoh rekomendasi
perbaikan yang dilakukan untuk permasalahan
kelima dapat dilihat pada Gambar 3.
Fakultas Ilmu Komputer, Universitas Brawijaya
1357
Gambar 3. Perbaikan yang dilakukan pada permasalahan
ke lima terkait font
Permasalahan enam adalah tidak adanya
panduan navigasi ketika ingin kembali ke
halaman lain atau ke halaman sebelumnya.
Rekomendasi yang dilakukan adalah tersebut
dengan menambahkan yang berguna untuk
memudahkan pengguna untuk menjelajah lebih
dalam website tersebut. Permasalahan ketujuh
adalah beranda berisikan informasi yang tidak
begitu penting bagi pengguna. Oleh sebab itu
rekomendasi perbaikan nya adalah dengan
mengurangi informasi yang tidak berguna dan
mengembangkan beberapa fitur yang ada.
Permasalahan kedelapan adalah pemberian
warna pada background yang terlalumencolok
dan kurang kontras dengan teks putih.
Rekomendasi yang dilakukan adalah dengan
menentukan warna yang tepat yang dapat
dipadukan dengan warna teks maupun warna
background. Permasalahan kesembilan adalah
website terlalu banyak memisahkan beberapa
sub-menu ke dalam sub menu yang susah
untuk ditemukan.Rekomendasi yang dilakukan
adalah pengaturan ulang tata letak navigasi
menjadi lebih baik dan perlunya kembali
pembuatan navigasi menu baru. Permasalahan
kesepuluh adalah penempatan dalam
memadukan warna beberapa fitur kurang
begitu kelihatan karena warna yang diberikan
terlalu sama dengan warna lainnya.
Rekomendasi perbaikan yang dilakukan adalah
dengan menerapkan tools yang ada pada
googlematerial design agar dapat mengetahui
manakah warna yang sesuai apabila diterapkan
di dalam fitur tersebut. Permasalahan kesebelas
adalah permasalahan terhadap desain tata letak
website yang terlalu berhimpit menyebabkan
dalam proses pemberian informasi mengalami
keterlambatan karena pengguna merasa terlalu
banyak informasi dalam satu waktu.
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
5.4 Analisis Hasil Evaluasi Rekomendasi
Perbaikan
Setelah dilakukannya pengujian
rekomendasi perbaikan yang dilakukan oleh
ketiga evaluator. Mendapatkan hasil yaitu
masih ditemukan beberapa permasalahan yang
ada pada website Dinas Pendidikan Kota
Batu. Dimana masih terdapat permasalahan
pada permasalahan kesatu, keempat, keenam,
ketujuh, kedelapan, kesembilan, kesebelas dan
kedua belas dengan nilai rata-rata severity
rating adalah satu untuk permasalahan diatas.
Tetapi ada beberapa permasalahan yang
memiliki nilai 0 yaitu permasalahan kedua,
ketiga, kelima, dan kesepuluh. Berdasarkan
hal tersebut menunjukan adanya penurunan
tingkat kategori pada website tersebut yang
sebelumnya memiliki rata-rata mayor usability
problem menjadi kategori cosmetic problem.
Hal tersebut membuktikan bahwa masih
dibutuhkannya tindakan lanjut dalam proses
perbaikan pada website tersebut.
6. KESIMPULAN
Penelitian yang dilakukan ini bertujuan
untuk mengevaluasi website Dinas Pendidikan
Kota Batu dengan menerapkan metode
heuristic evaluation. Dengan ditemukannya
hasil bahwa evaluasi usability pada website
Dinas Pendidikan Kota Batu dengan metode
heuristic evaluation, hasil konsolidasi dapat
ditemukan bahwa ada 11 permasalahan yang
terdapat pada website. Permasalahan tersebut
dikelompokan kedalam 10 heuristic, pada
temuan hasil konsolidasi diperoleh prinsip H-
8 (Aesthetic and minimalist design) dengan
temuan permasalahan yaitu 5 dengan
persentase 41 % dari keseluruhan
permasalahan. Sedangkan untuk nilai rata-rata
severity rating tertinggi dimiliki oleh prinsip
H-6 (Recognition rathen than recall) dengan
perolehan nilai 3 ,6 untuk temuan
permasalahan 1, oleh sebab itu merupakan
kategori mayor usability problem berdasarkan
tabel severity rating.
Dari 11 permasalahan yang ditemukan
oleh evaluator dilakukanlah Rekomendasi
perbaikan yaitu dengan membuat prototipe
menggunakan tools figma. Dimana untuk
pedoman yang digunakan adalah
menggunakan Guidelines Material Design By
Google. Guideline yang digunakan pada
rekomendasi perbaikan ini adalah meliputi
Fakultas Ilmu Komputer, Universitas Brawijaya
1358
guideline 7 (sound and motion), guideline 5
(writing), guideline 4 (layout and typography),
guideline 3 (color and contrast), dan guideline
(2 hierarchy). Adapun guideline yang tidak
digunakan dalam proses pembuatan
rekomendasi perbaikan website Dinas
Pendidikan Kota Batu yaitu guideline 1
(Assistive Technology) dan guideline 6
(imagery).
Prototipe yang dibuat kemudian
dilakukan pengujian untuk mengetahui
kembali apakah rekomendasi tersebut
mengurangi atau menghilangkan temuan
masalah usability yang telah ditemukan
sebelum dilakukannya pengujian. Pada proses
pengujian prototipe rekomendasi perbaikan
telah ditemukan pengurangan nilai severity
rating. Telah ditemukan bahwa ada delapan
permasalahan dan empat permasalahan yang
tidak lagi menjadi permasalahan usability.
Dengan perbaikan desain antarmuka pengguna
dan dilakukannya pengujian terhadap
perbaikan desain tersebut menjadikan nilai
severity rating mengalami penurunan menjadi
nilai 1. Dapat disimpulkan bahwa
rekomendasi perbaikan desain antarmuka
pengguna pada website DinasPendidikan Kota
Batu telah berhasil mengurangi permasalahan
yang terjadi pada proses sebelumnya
dilakukan pengujian.
7. DAFTAR PUSTAKA
Melda A, Sutedi, Arman S.K., 2019. Evaluasi
User Interface Desain Menggunakan
Metode Heuristics Pada Website Sistem
Informasi Manajemen Seminar Institut
Bisnis dan Informatika (IBI) Darmajaya.
Hilyah N. , 2019. Evaluasi Usability dan
Perbaikan Desain Website Dinas
Pendidikan Kota Malang Menggunakan
Metode Heuristic Evaluation dengan
Prinsip Usability G-Quality
Buie, E., & Murray, D. (Eds.). (2012). Usability
in government systems: User experience
design for citizens and public servants.
Elsevier.
Nielsen, J. (1989). Usability engineering at a
discount. Designing and Using Human-
Computer Interfaces and Knowledge
Based Systems. G. Salvendy and M.
Smith. Amsterdam, Elsevier, 2, 395-399.
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
Nielsen, J. (1994). How to Conduct a Heuristic
Evaluation. [Online] Tersedia di <
https://www.nngroup.com/articles/how-
to-conduct-a-heuristic-evaluation/ >
[Diakses pada 29 Oktober 2021]
Nielsen, J. (1994). 10 Usability Heuristics for
User Interface Design. [Online] Tersedia
di
<https://www.nngroup.com/articles/ten-
usability-heuristics/> [Diakses pada 19
Januari 2021]
Nielsen, J. (1994). Severity rating for Usability.
[Online] Tersedia di
<https://www.nngroup.com/articles/ten-
usability-heuristics/> [Diakses pada 10
Februari 2021]
Nielsen, J., & Molich, R. (1990, March).
Heuristic evaluation of user interfaces. In
Proceedings of the SIGCHI conference on
Human factors in computing systems (pp.
249-256).
Linschoten, J., dan Drs. Mansyur. 2007. Warna.
Yogyakarta: Institut Seni Indonesia.
Sauro, J. (2018). Do Novice or Experts Uncover
More Usability Issues ?. [Online]
Tersedia di < ibility.html > [Diakses pada 20 Oktober
https://measuringu.com/novice-expert-
issues/ > [Diakses pada 14 Februari 2021]
Anjara, F. (2015). Aplikasi Perizinan Online
Bidang Kesehatan pada Badan Pelayanan
Perijinan Terpadu Kota Palembang
(Doctoral dissertation, Politeknik Negeri
Sriwijaya).
Sauro, J. (2018). How Effective are Heuristic
Evaluations ?. [Online] Tersedia di <
https://measuringu.com/novice-expert-
issues/ > [Diakses pada 1 Maret 2021]
Hackos, J. T., & Redish, J. (1998). User and task
analysis for interface design (Vol. 1).
New York: Wiley.
Prümper, J., Frese, M., Zapf, D., & Brodbeck, F.
C. (1991). Errors in computerized office
work: differences between novice and
expert users. ACM SIGCHI Bulletin,
23(2), 63-66.
Dumas, J. S., Dumas, J. S., & Redish, J. (1999).
A practical guide to usability testing.
Intellect books.
Buie, E., & Murray, D. (Eds.). (2012). Usability
in government systems: User experience
Fakultas Ilmu Komputer, Universitas Brawijaya
1359
design for citizens and public servants.
Elsevier.
Quesenbery, W. (2003). The five dimensions of
usability. Content and complexity:
Information design in technical
communication, 81-102.
Shneiderman, B. (1998). Designing the user
interface. Boston, MA, USA: Addison-
Wesley Publishing Company.
Zhang, I., Johnson, T.R., Patel, V.L., Paige,
D.L., Kubose, T., 2003. Using usability
heuristics to evaluate patient safety of
medical devices. Journal of Biomedical
Informatics. Elsevier Ireland Ltd, 36, hal.
23–30.
de Amorim, D. M., Dias, T. G., & Ferreira, M.
C. (2018, October). Usability Evaluation
of a Public Transport Mobile Ticketing
Solution. In International Conference on
Human Systems Engineering and Design:
Future Trends and Applications (pp. 345-
351). Springer, Cham.
Google, (2015). Material Design. [Online]
Tersedia di <
https://material.io/design/usability/access
2021]
Pemerintah Kota Batu, Peraturan Walikota Batu
Nomor 78 Tahun 2017 Tentang Master
Plan Batu Smart City
Pemerintah Kota Batu, Peraturan Walikota Batu
Nomor 108 Tahun 2020 Tentang
Kedudukan, Susunan Organisasi, Uraian
Tugas dan Fungsi, serta Tata Kerja Dinas
Pendidikan Kota Batu
Pemerintah Kota Batu, Peraturan Walikota Batu
Nomor 3 Tahun 2020 Tentang
Kedudukan, Susunan Organisasi, Uraian
Tugas dan Fungsi, serta Tata Kerja Dinas
Pendidikan Kota Batu
Republik Indonesia, Instruksi Presiden Republik
Indonesia Nomor 3 Tahun 2003 Tentang
Kebijakan Dan Strategi Nasional
Pengembangan E-Government.
Republik Indonesia, Peraturan Menteri
Komunikasi Dan Informatika Nomor 32
Tahun 2017 Tentang Penyelenggaraan
Portal Dan Situs Web Badan
Pemerintahan.