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

Vol. 3, No. 2, Februari 2019, hlm. 1725-1732 http://j-ptiik.ub.ac.id

Evaluasi dan Perancangan User Interface untuk Meningkatkan User

Experience menggunakan Metode Human-Centered Design dan Heuristic
Evaluation pada Aplikasi Ezyschool
Ikrima Nuha Arifin1, Herman Tolle2, Retno Indah Rokhmawati3
Program Studi Sistem Informasi, Fakultas Ilmu Komputer, Universitas Brawijaya
Email: 1arifinikrima@gmail.com, 2emang@ub.ac.id, 3retnoindahr@ub.ac.id
Abstrak
Aplikasi EzySchool adalah aplikasi yang ditujukan untuk orang tua peserta didik untuk mengontrol
aktivitas peserta didik di sekolah. Aplikasi EzySchool dikembangkan sejak 2017. Meskipun desain
User Interface (UI) aplikasi EzySchool sudah cukup baik, perlu dilakukan evaluasi agar aspek-aspek
usability sesuai dengan prinsip User Experience (UX) yang baik dan benar. Evaluasi dilakukan untuk
mengetahui tingkat keberhasilan UX yang diterapkan agar memenuhi kebutuhan dan kepuasan
pengguna. Tujuan penelitian ini adalah untuk menemukan permasalahan usability berdasarkan prinsip
heuristik sekaligus merancang desain solusinya berdasarkan saran evaluator, severity ratings dan
Google Material Design (guidelines). Pendekatan Human-Centered Design (HCD) digunakan karena
pendekatan pengembangan desain dan sistem interaktifnya berfokus pada user dan kebutuhan user.
Metode Heuristic Evaluation (HE) digunakan untuk menemukan dan menilai temuan permasalahan
usability berdasarkan prinsip heuristik dengan bantuan expert (evaluator). Pengumpulan data awal
dilakukan dengan melakukan interview dengan stakeholder EzySchool mengenai analisis konteks
penggunaan aplikasi. Kemudian, dilakukan pengujian heuristik awal (melibatkan 3 evaluator) yang
menghasilkan 17 temuan masalah sebagai acuan dasar kebutuhan pengguna untuk merancang desain
solusi. Iterasi dilakukan sebanyak 1 kali karena keterbatasan waktu. Hasil penelitian ini adalah analisis
perbandingan antara hasil evaluasi awal dan desain solusi beserta desain solusi dengan UX yang lebih
baik yang ditunjukkan dengan penurunan 10 masalah heuristik sehingga hanya ditemukan 7 masalah
pada desain solusi.
Kata kunci: evaluasi, UI, UX, HCD, HE.
Abstract
EzySchool is an application that is intended for parents of students to control the student activities at
school. EzySchool has been developed since 2017. Although the EzySchool's User Interface (UI)
design is good enough, it needs to be evaluated so that usability aspects are in accordance with User
Experience (UX) principle well and correctly. Evaluation is done for determining the success rate of
applied UX to meet user needs and satisfaction. The purpose of this study are to find usability
problems based on heuristic principles and designing the solution design based on evaluator
suggestions, severity ratings and Google Material Design (guidelines). The Human-Centered Design
(HCD) approach was used because the design development approach and interactive system focus on
the user and user needs. The Heuristic Evaluation (HE) method was used to find and assess usability
problems based on heuristic principles with the help of experts as evaluators. The initial data
collection was carried out by conducting interviews with EzySchool stakeholder regarding the
analysis of the application usage context. Initial heuristic evaluation (involving 3 evaluators)
produced 17 problems as a baseline for user needs to design a solution design. Iterate have been done
once because of time limitness. The results of this study are a comparison between the initial
evaluation and solution design results along with better solution design in UX which is indicated by a
decrease of 10 heuristic problems so that only 7 problems were found in the solution design.
Keywords: evaluation, UI, UX, HCD, HE.

1. PENDAHULUAN kewajiban dan hak, tetapi juga kebutuhan.

Pendidikan yang baik akan melahirkan generasi
Pendidikan bukan lagi menyangkut

Fakultas Ilmu Komputer

Universitas Brawijaya 1725
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
penerus bangsa yang cerdas dan kompeten
dalam bidangnya sehingga kondisi bangsa akan
terus mengalami perbaikan. Pendidikan
merupakan tanggung jawab bersama
pemerintah, masyarakat dan orang tua (PP No.
17 Tentang Pengelolahan pendidikan, 2010).
Setiap institusi pendidikan, sekolah seharusnya
melaporkan perkembangan perilaku anak didik
kepada orang tuanya secara periodik (Ilahi,
2012). Komunikasi dengan orang tua peserta
didik penting untuk menjaga hubungan
harmonis agar tidak menimbulkan syak
wasangka, saling menyalahkan dan
misscommunication sehingga masalah yang
menyangkut peserta didik dapat segera
ditangani bersama (Mulyasa, 2015).
Kualitas pendidikan menjadi perhatian
utama sebagian besar orang tua. Orang tua
berhak berperan serta dalam memilih satuan
pendidikan dan memperoleh informasi tentang
perkembangan pendidikan anaknya (UU No. 20
Tentang Sistem Pendidikan Nasional Bagian 2
Pasal 7, 2003). Namun, masih banyak orang tua
yang kurang memahami pentingnya dukungan
orang tua terhadap proses pendidikan peserta
didik. Padahal, motivasi dan perhatian orang
tua sangat besar pengaruhnya bagi keberhasilan
siswa (Suprihatiningrum, 2016). Untuk
melakukan monitoring aktivitas peserta didik
secara continue dibutuhkan kerjasama dan
komunikasi yang baik antara pihak sekolah dan
orang tua. Namun, hal tersebut menjadi kendala
orang tua karena kesibukan pekerjaannya.
Masyarakat berkewajiban memberikan
dukungan sumber daya dalam penyelenggaraan
pendidikan (UU No. 20 Tentang Sistem
Pendidikan Nasional Bagian 3 Pasal 9, 2003).
Sejalan dengan semakin canggihnya
perkembangan teknologi, dunia pendidikan pun
dituntut untuk meningkatkan peranannya dalam
membangun pendidikan bangsa. Kepribadian
erat kaitannya dengan karakter. Dan karakter
dibentuk dan dipupuk melalui pendidikan
moral. Pendidikan moral seharusnya dilakukan
dengan pendekatan komprehensif, baik
komprehensif dalam isi, metode, maupun dalam
keseluruhan proses pendidikan (Ilahi, 2012).
Oleh karena itu, sebuah mobile app yang
accessable dapat menjadi solusinya.
EzySchool merupakan sebuah aplikasi
untuk mengontrol aktivitas peserta didik.
Aplikasi EzySchool ditujukan untuk orang tua
peserta didik agar orang tua dapat mengawasi
seluruh aktivitas peserta didik (absensi siswa
harian atau bulanan, informasi tagihan
Fakultas Ilmu Komputer, Universitas Brawijaya
1726
keuangan dan pembayarannya, nilai ujian
siswa, dll.) di sekolah tanpa harus
berkomunikasi langsung dengan pihak sekolah.
Kemudahan akses informasi tersebut dapat
menjadi motivasi bagi orang tua untuk
mengontrol aktivitas sekolah putra-putrinya
secara berkelanjutan sehingga mengetahui
perkembangan dan kebutuhan terkini putra-
putrinya di sekolah.
Aplikasi EzySchool harus memiliki User
Interface (UI) dan User Experience (UX) yang
baik agar lebih mendekati kebutuhan dan
kepuasan user. Menerapkan requirement
engineering untuk menghasilkan spesifikasi
fitur baik saja tidak cukup. Berdasarkan
pengamatan peneliti, masalah konsistensi dan
standar dalam penggunaan ikon belum
diaplikasikan dengan baik pada Aplikasi
EzySchool versi 1.0.24. Oleh karena itu, perlu
dilakukan evaluasi pada Aplikasi EzySchool
agar memiliki UX yang lebih user-friendly. Hal
tersebut sesuai dengan salah satu tujuan utama
evaluasi yaitu untuk mengidentifikasi masalah
spesifik pada sistem (Dix, 2004).
Pendekatan yang digunakan adalah
Human-Centered Design (HCD) untuk
merancang sebuah desain aplikasi yang
berorientasi kepada manusia sebagai
penggunanya sehingga UX Designer
mengetahui apa yang dibutuhkan pengguna
secara nyata dan langsung. Metode yang
digunakan adalah Heuristic Evaluation (HE)
yaitu evaluasi yang dilakukan oleh expert
UI/UX (evaluator) secara teori sehingga UX
Designer akan menghasilkan desain solusi yang
baik dan benar berdasarkan prinsip heuristik.
Dengan begitu, desain solusi yang dihasilkan
dari proses evaluasi dan perancangan tersebut
dapat meningkatkan nilai UX yang berdampak
positif bagi user maupun keberlangsungan
hidup aplikasi.
2. METODOLOGI
Sebelum memulai dan melakukan
penelitian, perlu dilakukan studi literatur untuk
mencari informasi pendukung dan dasar teori
yang memperkuat penelitian. Kemudian,
dilakukan wawancara dengan stakeholder
Aplikasi EzySchool untuk melakukan analisis
konteks penggunaan mengenai karakteristik
pengguna, tugas dan organisasi, lingkungan
teknis dan lingkungan fisik aplikasi. Dengan
begitu, dapat diketahui kebutuhan dan kendala
pada aplikasi yang belum terdeteksi pada
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
konteks saat ini, namun berguna untuk konteks
yang akan datang.
Gambar 1. Metodologi Penelitian
Evaluasi desain awal dilakukan
berdasarkan prosedur evaluasi heuristik dan 10
prinsip heuristik untuk mencari temuan
permasalahan pada Aplikasi EzySchool. Jumlah
evaluator yang efektif pada evaluasi heuristik
adalah 3 hingga 5 expert (Molich & Nielsen,
1990: 255). Expert merupakan seseorang yang
yang dianggap mampu, menguasai, ahli dan
dapat dipercaya dalam bidang keilmuannya.
Terdapat 3 professional UX design yang
berpartisipasi pada evaluasi desain awal dan
evaluasi desain solusi, yaitu seorang dosen
Fakultas Ilmu Komputer Universitas Brawijaya,
UI/UX Designer and Software Engineering dan
UI/UX Designer and Ghrapic & Front End
Developer pada CV. Profile Image Studio.
Hasil evaluasi heuristik desain awal
dikelompokkan berdasarkan kategori heuristik
dan ditulis kembali dengan saran perbaikan dan
severity ratings yang direkomendasikan oleh
evaluator sehingga menghasilkan spesifikasi
kebutuhan pengguna beserta solusi desain UI.
Kemudian, spesifikasi permasalahan akan
dikomunikasikan kepada stakeholder Aplikasi
EzySchool.
Kebutuhan pengguna akan diterjemahkan
dan diimplementasikan ke dalam bentuk desain.
Sebelum menerapkan rancangan desain solusi
diperlukan guideline yang sesuai sebagai acuan
dasar yang memperkuat saran evaluator.
Fakultas Ilmu Komputer, Universitas Brawijaya
1727
Guideline yang digunakan adalah Google
Material Design. Saran perbaikan evaluator
dapat diimplementasikan sebagai desain solusi
ketika telah sesuai dengan guideline dari
Google Material Design.
Pada tahap perancangan desain solusi,
terdapat 3 rancangan yang perlu dibuat.
Pertama, desain wireframe (dibuat dengan
aplikasi Marvel App) untuk menggambarkan
organisir konten, navigasi, layout, struktur dan
susunan desain solusi dalam gambar hitam
putih secara detail. Kedua, desain screenflow
yang menggambarkan keseluruhan alur
aplikasi. Terakhir, pembuatan prototype (dibuat
dengan aplikasi Adobe XD dan Marvel App)
yang high-fidelity (prototipe dengan desain
interaktif yang memiliki tingkat kemiripan
tinggi dalam hal detail dan fungsionalitasnya).
Prototype adalah desain solusi yang telah siap
dievaluasi. Kemudian, desain solusi akan
dikomunikasikan kepada stakeholder Aplikasi
EzySchool.
Evaluasi desain solusi dilakukan
sebagaimana evaluasi heuristik desain awal.
Hasil evaluasi desain solusi adalah temuan
permasalahan heuristik yang perlu
disempurnakan lebih lanjut. Pada tahap analisis
perbandingan, hasil evaluasi desain awal dan
evaluasi desain solusi disajikan dalam bentuk
diagram yang mengambarkan temuan
permasalahan berdasarkan kategori heuristik
dan severity ratings. Kemudian, hasil evaluasi
awal dan evaluasi desain solusi dibandingkan
dan dianalisis untuk menghasilkan informasi
yang bermanfaat.
Penarikan kesimpulan dilakukan dengan
menjawab rumusan masalah yang menjadi
intisari penelitian secara umum. Kemudian,
penulisan saran dilakukan dengan menjelaskan
hal-hal apa saja yang dinilai masih kurang
dalam penelitian agar bermanfaat untuk proses
penelitian selanjutnya.
3. ANALISIS DAN PERBANDINGAN
HASIL EVALUASI HEURISTIK
AWAL DAN DESAIN SOLUSI
3.1. Spesifikasi Konteks Penggunaan
User Aplikasi EzySchool adalah orang tua
dari peserta didik yang memiliki karakteristik,
yaitu: berada di wilayah negara Indonesia,
berusia 17 tahun ke atas, dengan jenis kelamin
laki-laki atau perempuan, memiliki putra atau
putri sebagai peserta didik, dari berbagai tingkat
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
latar belakang, pendidikan dan ekonomi. User
Task adalah mengakses profil peserta didik
dengan berbagai fitur yang dibutuhkan user.
User Goal adalah untuk memantau aktivitas
peserta didik secara real-time dan terpercaya.
Lingkungan sistem Aplikasi EzySchool adalah
perangkat mobile dengan operating system
Android minimal versi 4.2. yang tersambung ke
server EzySchool dan jaringan internet.
3.2. Analisis Kebutuhan Pengguna
Evaluasi Awal merupakan serangkaian
prosedur pengujian yang dilakukan pada
aplikasi EzySchool versi 1.0.24 dari sudut
pandang User Experience (usability dan User
Interface). Hasil evaluasi desain awal
merupakan temuan permasalahan yang akan
menjadi acuan untuk perancangan desain solusi.
Pada evaluasi heuristik awal, temuan
permasalahan ditemukan pada kategori, yaitu:
H1, H2, H4, H6, H8, dan H10.
Sebagian besar temuan permasalahan pada
kategori heuristik H1 Visibility of System Status
yang ditemukan pada evaluasi awal berkaitan
dengan informasi form login yang kurang jelas
dan selection yang mirip dengan simbol
absensi. Sebagian besar temuan permasalahan
pada kategori heuristik H2 Match between
System and The Real World yang ditemukan
pada evaluasi awal berkaitan dengan
ketidakefisienan kalimat input dan tidak
tersedianya fitur logout. Sebagian besar temuan
permasalahan pada kategori heuristik H4
Consistency and Standards yang ditemukan
pada evaluasi awal berkaitan dengan
penempatan keuangan yang kurang
menunjukkan clickable area dan ikon shortcut
profile yang memicu kebingungan user.
Sebagian besar temuan permasalahan pada
kategori heuristik H6 Recognition rather than
Recall yang ditemukan pada evaluasi awal
berkaitan dengan tidak terorganisirnya nilai
dengan baik dan tidak tersedianya fitur tertentu.
Contoh: tidak tersedianya fitur ekstrakulikuler
siswa. Sebagian besar temuan permasalahan
pada kategori heuristik H8 Aesthetic and
Minimalist Design yang ditemukan pada
evaluasi awal berkaitan dengan penggunaan
ikon dan simbol yang kurang tepat. Contoh:
tanda bulat kecil berwarna hijau kurang
menjelaskan kehadiran siswa. Sebagian besar
temuan permasalahan pada kategori heuristik
H10 Help and Documentation yang ditemukan
pada evaluasi awal berkaitan dengan tidak
Fakultas Ilmu Komputer, Universitas Brawijaya
1728
berfungsinya fitur help.
3.3. Guidelines
Guidelines merupakan aturan-aturan yang
ditetapkan dan digunakan sebagai acuan dalam
melakukan perbaikan desain UI/UX sehingga
sesuai dengan standar platform tertentu untuk
penggunaan tertentu dan memiliki dasar yang
jelas sehingga kredibel, dapat dipercaya dan
dapat dipertanggung jawabkan. Penelitian ini
menggunakan guidelines dari Google Material
Design (GMD). terdapat 12 guidelines yang
bersumber dari Google Material Design (GMD-
1 hingga GMD-12).
GMD-1 menjelaskan bahwa fokus
traversal antara layar dan tugas harus
berkesinambungan. Jadi, jika suatu tugas
terputus dan kemudian dilanjutkan, fokus harus
ditempatkan pada elemen yang sebelumnya
difokuskan. GMD-2 menjelaskan bahwa
elemen dekoratif seperti logo atau ilustrasi tidak
harus memenuhi rasio kontras, tetapi harus
dapat dibedakan jika memiliki fungsi yang
penting. GMD-3 menjelaskan bahwa teks UI
harus ditulis dengan singkat menggunakan
bahasa yang sederhana dan langsung sehingga
konten mudah dipahami. GMD-4 menjelaskan
bahwa layout harus menggunakan grid,
toylines, dan padding yang konsisten. GMD-5
menjelaskan bahwa bagian top level suatu
aplikasi, tugas-tugas dengan tujuan yang sama
(meskipun tidak saling berhubungan) sering
dikelompokkan ke dalam kelompok navigasi
yang sama (bertransisi dengan mengubah nilai
seperti opasitas dan skala). GMD-6
menjelaskan bahwa shape membuat pengguna
mengenali komponen dan mengidentifikasi
permukaan material yang berbeda. GMD-7
menjelaskan bahwa mengatur jarak antar-item
satu sama lain sangat membantu user yang
memiliki penglihatan rendah atau memiliki
masalah fokus pada layar. GMD-8 menjelaskan
bahwa elemen harus tetap dalam bentuk
geometrisnya dan tidak miring, diputar,
tertunduk, melengkung, atau ditekuk. GMD-9
menjelaskan bahwa warna menunjukkan
elemen mana yang interaktif, bagaimana
mereka berhubungan dengan elemen lain, dan
tingkat keunggulannya. Elemen penting harus
paling menonjol. GMD-10 menjelaskan bahwa
elemen ditampilkan berdasarkan bagaimana
mereka harus digunakan. GMD-11 menjelaskan
bahwa dokumentasi bantuan harus relevan,
dapat diakses, dan dapat ditemukan. GMD-12
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
menjelaskan bahwa ikon sistem harus
melambangkan tindakan, file, perangkat, dan
direktori umum.
3.4. Desain Solusi
(a.) (b.)
Gambar 2. Prototype Halaman Home
Prototype pada Gambar 2. merupakan
perbandingan desain aplikasi EzySchool
sebelum dan setelah dievaluasi. Desain (a.)
merupakan desain awal halaman beranda
aplikasi EzySchool. Sedangkan desain (b.)
merupakan desain solusi yang menyelesaikan
beberapa temuan permasalahan heuristik.
Temuan permasalahan dengan kode U2-2, U4-
3, U4-1 & U4-2, U6-6 dan U8-3. Pertama, tidak
terdapat fitur logout dan menu terletak pada
side menu aplikasi EzySchool. Pada desain
solusi, diberi fitur logout dan side menu
dihilangkan. Kedua, shortcut ikon profil
menggunakan ikon yang sama pada semua
profil sehingga membuat user kesulitan
membedakan antara profil satu dan profil yang
lainnya. Ikon-ikon tersebut terletak pada side
menu aplikasi EzySchool. Pada desain solusi,
shortcut ikon profil menggunakan foto siswa
agar dapat dibedakan. Side menu dihilangkan
dan ikon-ikon profil tersebut diletakkan di
bagian atas pada menu lainnya. Ketiga, fitur
keuangan dapat diakses melalui halaman
beranda (shortcut) dan side menu. Namun,
shortcut fitur keuangan kurang menunjukkan
clickable area. Pada desain solusi, fitur
keuangan menjadi salah satu dari lima menu
utama yang diletakkan pada navigation bar
bagian bawah agar selalu dapat diakses dengan
mudah dan fitur keuangan pada halaman
beranda dan side menu dihilangkan. Keempat,
tidak terdapat fitur grafik perkembangan nilai
siswa untuk setiap semester. Kelima, tanda
bulat kecil yang terletak di sebelah kiri hari
Fakultas Ilmu Komputer, Universitas Brawijaya
1729
kurang menjelaskan status absensi siswa. Pada
desain solusi, ditambahkan fitur grafik
perkembangan nilai siswa untuk setiap semester
dan status absensi siswa diubah menggunakan
simbol checklist dan tertulis hadir berwarna
hijau. Solusi tersebut diimplementasikan ke
dalam desain prototype berdasarkan kode
perbaikan SE-4, GMD-10, SE-7, GMD-6, SE-
5, GMD-4, SE-6, GMD-5, SE-13, GMD-10,
SE-16 dan GMD-12.
3.5. Hasil Evaluasi Desain Solusi
Temuan permasalahan pada kategori
heuristik H1 Visibility of System Status yang
ditemukan pada evaluasi awal berkaitan dengan
selection pada menu absensi yang masih dapat
menimbulkan salah persepsi akibat perbedaan
yang kurang signifikan dengan simbol absensi.
Sebagian besar temuan permasalahan pada
kategori heuristik H4 Consistency and
Standards yang ditemukan pada evaluasi awal
berkaitan dengan teks yang kurang rapi pada
home dan menu esktrakulikuler dan ukuran
tombol yang masih terlalu kecil pada sebagian
besar halaman. Temuan permasalahan pada
kategori heuristik H7 Flexibility and efficiency
of Use yang ditemukan pada evaluasi awal
berkaitan dengan tidak terdapatnya fitur
pengingat pada kalender akademik yang
berfungsi seperti alarm. Temuan permasalahan
pada kategori heuristik H8 Flexibility and
efficiency of Use yang ditemukan pada evaluasi
awal berkaitan dengan halaman login dan
tambah profil siswa yang terlihat serupa.
3.6. Perbandingan Hasil Evaluasi Awal Dan
Desain Solusi
Tabel 1. merupakan Tabel Jumlah Temuan
Masalah pada evaluasi heuristik awal yang
ditemukan oleh masing-masing evaluator
dengan total 17 temuan permasalahan.
Evaluator 1 menemukan 4 permasalahan
heuristik yaitu: 1 temuan masalah pada kategori
heuristik H2, H4, H6 dan H8. Evaluator 2
menemukan 4 permasalahan yaitu: 1 temuan
masalah pada kategori heuristik H1 dan H10
serta 2 temuan masalah pada kategori heuristik
H4. Evaluator 3 menemukan 9 permasalahan
yaitu: 1 temuan masalah pada kategori heuristik
H1 dan H2, 2 temuan masalah pada kategori
heuristik H8 dan 5 temuan masalah pada
kategori heuristk H6. Oleh karena terdapat 2
temuan masalah yang sama maka 2 masalah
tersebut akan dihitung 1 agar tidak terjadi
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
redudansi masalah. Dengan begitu, jumlah total
masalah adalah 16 masalah.
Tabel 1. Jumlah Temuan Masalah Pada
Evaluasi Heuristik Awal
Tabel 2. merupakan tabel jumlah temuan
masalah pada evaluasi heuristik desain solusi
oleh masing-masing evaluator. Evaluator 1
menemukan 2 permasalahan pada kategori
heuristik H4. Evaluator 2 menemukan 2
permasalahan pada kategori heuristik H4.
Evaluator 3 menemukan 3 permasalahan pada
kategori heuristik H1, H7 dan H8. Dengan
begitu, jumlah total temuan permasalahan hasil
evaluasi heuristik II adalah sebanyak 7 temuan
permasalahan.
Tabel 2. Jumlah Temuan Masalah Pada Evaluasi
Heuristik Desain solusi
Fakultas Ilmu Komputer, Universitas Brawijaya
1730
Gambar 3. Perbandingan Temuan Masalah Heuristik
Awal & Desain solusi
Temuan masalah yang ditemukan pada
Evaluasi Heuristik awal adalah sebanyak 17
masalah dengan rincian yaitu: 2 masalah H1
Visibility of System Status, 2 masalah H2
Match between System and The Real World, 3
masalah H4 Consistency and Standards, 6
masalah H6 Recognition rather than Recall, 3
masalah H8 Aesthetic and Minimalist Design
dan 1 masalah H10 Help and Documentation.
Pada Evaluasi Heuristik desain solusi terjadi
penurunan jumlah masalah yang ditemukan
yaitu sebanyak 7 masalah.
Masalah heuristik H1 Visibility of System
Status mengalami penurunan dari evaluasi awal
ke evaluasi desain solusi yaitu dari 2 menjadi 1
masalah. Masalah heuristik H4 Consistency and
Standards mengalami kenaikan dari evaluasi
awal ke evaluasi desain solusi yaitu dari 3
menjadi 4 masalah (masalah baru). Terdapat 1
masalah heuristik H7 Flexibility and efficiency
of Use baru yang ditemukan pada evaluasi
desain solusi. Masalah heuristik H8 Aesthetic
and Minimalist Design mengalami penurunan
dari evaluasi awal ke evaluasi desain solusi
yaitu dari 3 (telah diatasi dengan desain solusi)
menjadi 1 masalah (masalah baru).
Masalah heuristik H1 Visibility of System
Status, H2 Match between System and The Real
World, H6 Recognition rather than Recall dan
H10 Help and Documentation tidak ditemukan
lagi pada evaluasi desain solusi. Pada evaluasi
desain awal masalah heuristik H2 Match
between System and The Real World berjumlah
2 masalah, H6 Recognition rather than Recall
berjumlah 6 masalah, H8 Aesthetic and
Minimalist Design berjumlah 3 masalah, H10
Help and Documentation berjumlah 1 masalah.
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
Gambar 4. Perbandingan Temuan Masalah Heuristik
Awal & Desain solusi Berdasarkan Severity Ratings
Gambar 4. merupakan gambar
perbandingan temuan masalah berdasarkan
severity ratings pada evaluasi heuristik awal
dan evaluasi heuristik desain solusi. Pada
evaluasi pertama, total temuan permasalahan
yang ditemukan adalah 17 masalah dan pada
evaluasi desain solusi berkurang menjadi 7
masalah. Terdapat 1 temuan masalah yang
memiliki severity ratings 4 yang ditemukan
pada evaluasi awal yang telah dapat
diselesaikan dengan desain solusi sehingga
tidak ada temuan permasalahan yang memiliki
severity ratings 4 pada evaluasi desain solusi.
Hal tersebut juga terjadi pada temuan
permasalahan yang memiliki severity ratings 3.
Pada evaluasi awal ditemukan 5 temuan
permasalahan dan pada evaluasi desain solusi
sudah tidak ditemukan lagi adanya
permasalahan. kemudian, pada temuan
permasalahan yang memiliki severity ratins 2
terjadi penurunan jumlah temuan masalah
dimana pada evaluasi awal ditemukan 8
masalah menjadi 4 masalah pada evaluasi
desain solusi. Sedangkan pada temuan
permasalahan yang memiliki severity ratings 1
jumlahnya tetap pada evaluasi awal dan
evaluasi desain solusi.
4. KESIMPULAN
Aplikasi EzySchool versi mobile dijalankan
pada operating system Android dengan versi
minimal 4.2. User Aplikasi EzySchool adalah
orang tua atau wali peserta didik. Karakter user
Aplikasi EzySchool, yaitu: berada di wilayah
Negara Indonesia, berusia 17 tahun ke atas,
berjenis kelamin laki-laki atau perempuan,
memiliki putra atau putri sebagai peserta didik,
dari berbagai tingkat latar belakang pendidikan
dan ekonomi. User task Aplikasi EzySchool
yaitu mengakses profil peserta didik dan
menggunakan berbagai fitur yang mungkin
dibutuhkan. User goal yaitu memantau aktivitas
Fakultas Ilmu Komputer, Universitas Brawijaya
1731
peserta didik secara real-time dan terpercaya.
Stakeholder terkait adalah developer yang
mengembangkan Aplikasi EzySchool.
Kebutuhan pengguna Aplikasi EzySchool
diperoleh melalui hasil evaluasi heuristik
desain awal.
Berdasarkan evaluasi awal aplikasi
EzySchool, ditemukan 17 temuan permasalahan
heuristik yang menjadi acuan kebutuhan
dilakukannya perbaikan desain UI/UX agar
dapat mendekati kebutuhan user dan
meningkatkan pengalaman user. Temuan
masalah pada evaluasi desain awal terletak pada
kategori heuristik H1, H2, H4, H6, H8, H10.
Rancangan desain solusi dibagi menjadi 3
tahap, yaitu: wireframe, screenflow dan
prototype. Desain solusi yang telah siap
diujikan adalah desain solusi dalam bentuk
prototype. Pada evaluasi desain solusi Aplikasi
EzySchool ditemukan 7 temuan permasalahan
heuristik yang masih harus diatasi lebih lanjut.
Temuan masalah pada evaluasi desain awal
terletak pada kategori heuristik H1, H4, H7, H8.
Berdasarkan hasil evaluasi heuristik awal
dan desain solusi Aplikasi EzySchool dapat
diketahui bahwa terjadi penurunan tingkat
permasalahan heuristik yang ditemukan.
Evaluasi Aplikasi EzySchool memperoleh 17
temuan permasalahan menjadi hanya 7 temuan
permasalahan pada evaluasi desain solusi
Aplikasi EzySchool. Sebagian besar penurunan
maslah yang terjadi pada evaluasi heuristik
desain solusi menunjukkan bahwa desain solusi
Aplikasi EzySchool lebih baik dan memiliki
nilai User Experience yang lebih tinggi
daripada desain awal.
5. SARAN
Penelitian yang dilakukan menggunakan
metode Heuristic Evaluation, yaitu metode
yang berusaha mengungkapkan permasalahan
dari sudut pandang expert sebagai evaluator.
Untuk menyempurnakan UI/UX Aplikasi
EzySchool di masa yang akan datang, maka
perlu digunakan metode evaluasi yang memiliki
sudut pandang berbeda. Dalam hal ini, sudut
pandang yang dimaksud adalah sudut pandang
dari sisi user sebagai evaluator. Dengan begitu,
diharapkan UI/UX Aplikasi EzySchool akan
semakin lebih baik dari perpaduan 2 sudut
pandang user dan expert sehingga lebih
mendekati kepuasan user.
6. DAFTAR PUSTAKA
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 1732

Andianshah, A. V., 2015. Analisis Nielsen, J., 1995. 10 Usability Heuristics for
Implementasi Persona pada Penerapan user Interface Design. Morristown:
Metode Evaluasi Usability Heuristic Computer Human Interaction.
Evaluation. Studi Kasus: Situs WEB Nielsen, J., 2001. How to Conduct A Heuristic
Fakultas Ilmu Komputer Universitas Evaluation, [online] Tersedia di: <
Brawijaya (FILKOM UB). S1. https://www.useit.com/papers/heuristics
Universitas Brawijaya. /heuristic_evaluation.html/> [Diakses 7
Baharuddin, 2016. Pendidikan Dan Psikologi Maret 2018].
Perkembangan. Jogjakarta: Ar-Ruzz Peraturan Pemerintah Republik Indonesia
Media. Nomor 17 Tahun 2010 Tentang
Brooke, J., 1986. System Usability Scale. Pengelolahan pendidikan. Jakarta:
Houston, TX: Digital Equipment Kementrian Sekretariat Negara
Corporation. Republik Indonesia.
Dix, A., 2004. Human-Computer Interaction: Praditya, Ardeni Bayu. 2017. Evaluasi dan
Third Edition. England: Pearson Perancangan Antarmuka Pengguna
Education Limited. Aplikasi On Demand Berbasisi Mobile
Doubleday, et al., 1997. A Comparison of dengan Menerapkan Human-Centered
Usability Techniques for Evaluating Design. S1. Universitas Brawijaya.
Design. London: City University. Prasetyaningtias, Tiur. 2017. Analisis Usability
Google Play, 2018. EzySchool (Smart Pada Aplikasi Mobile E-Government
Education Solutions). [online] Tersedia Layanan Aspirasi dan Pengaduan
di: < Online Rakyat (LAPOR!) dengan
https://play.google.com/store/apps/detai Heuristic Evaluation. S1. Universitas
ls?id=id.EzySchool.android&hl=in> Brawijaya.
[Diakses 2 Maret 2018]. Suprihatiningrum, J., 2016. Strategi
Ilahi, M. T., 2016. Revitalisasi Pendidikan Pembelajaran. Jogjakarta: Ar-Ruzz
Berbasis Moral. Jogjakarta: Ar-Ruzz Media.
Media. Undang-Undang Republik Indonesia Nomor 20
International Standards Office, 2010. ISO 9241- Tahun 2003 Tentang Sistem Pendidikan
210 Ergonomics of Human-System Nasional. Jakarta: Kementrian
Interaction - Part 210 : Human Sekretariat Negara Republik Indonesia.
Centered Design For Iteractive
Systems. Switzerland: International
Organization for Standartdization.
Maguire, M., 2001. Methods to Support
Human-Centered Design.
Leicestershire: International Journal
Human-Computer Studies.
Material Google, 2018. Material Google
Design. [online] Tersedia di: <
https://material.io/design/> [Diakses 5
Maret 2018].
Molich, R., Nielsen, J., 1990. Heuristoc
Evaluation of User Interface. Denmark:
CHI ’90 Proceedings.
Mulyasa, H. E., 2015. Revolusi Mental Dalam
Pendidikan. Bandung: PT Remaja
Rosdakarya.
Nielsen, J., 1992. Finding Usability Problems
Through Heuristic Evaluation.
Morristown: Computer Human
Interaction.

Fakultas Ilmu Komputer, Universitas Brawijaya