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

Vol. 1, No. 1, Januari 2017, hlm. x-x http://j-ptiik.ub.ac.id

Evaluasi dan Perbaikan User Experience Aplikasi Geotagging Sungai

Brantas Menggunakan Metode Human Centered Design dan Heuristic
Evaluation
M. Daffa Rhesa Dewanntoro1, Herman Tolle2, Buce Trias Hanggara3

Program Studi Teknik Informatika, Fakultas Ilmu Komputer, Universitas Brawijaya

Email: 1daffarhesa@ub.ac.id, 2emang@ub.ac.id, 3buce_trias@ub.ac.id

Abstrak
GETAS (Geotagging Brantas) adalah aplikasi yang berfungsi untuk memberikan informasi mengenai
keadaan sungai Brantas. Aplikasi ini diharapkan dapat menumbuhkan kesadaran masyarakat yang
hidup di kawasan sekitar sungai untuk lebih peduli terhadap kebersihan ekosistem sungai.
Setelah 2 tahun digunakan, belum adanya evaluasi dan perbaikan lebih lanjut yang dilakukan pada
aplikasi GETAS, pihak pengembang aplikasi GETAS membutuhkan evaluasi dan perbaikan sebelum
aplikasi GETAS launching di Playstore agar aplikasi GETAS dapat digunakan oleh masyarakat untuk
menjaga ekosistem sungai brantas. Hasil Heuristic Evaluation mendapatkan 37 permasalahan yang
akan diselesaikan dengan membuat desain solusi menggunakan metode Human Centered Design..
Hasil pengujian usability pada 20 partisipan mendapatkan menunjukkan nilai sebesar 97% didapatkan
pada aspek efektivitas, nilai 0.126 goals/detik didapatkan pada aspek efisiensi, dan nilai sebesar 80
didapatkan pada aspek kepuasan pengguna melalui kuisioner SUS. Tingkat usability yang didapatkan
sebesar 80 masuk dalam kategori good pada skor SUS, dapat disimpulkan bahwa desain solusi sudah
bagus dan memenuhi kebutuhan. Perbandingan UEQ desain awal dengan desain solusi memperoleh
hasil peningkatan terhadap desain solusi sebesar 2.12. Desain awal mendapatkan nilai rata rata 0.15
atau bad pada keseluruhan item, sedangkan desain solusi mendapatkan nilai rata rata 2.27 atau
excellent pada keseluruhan item.
Kata kunci: GETAS, user experience, heuristic evaluation, human centered design, usability
testing, user experience questionnaire
Abstract
GETAS (Geotagging Brantas) is an application that functions to provide information about the state of
the Brantas river. This application is expected to raise awareness of people who live in areas around
rivers to care more about the cleanliness of river ecosystems. After 2 years of use, there has been no
further evaluation and improvement made to the GETAS application, the GETAS application
developer requires evaluation and improvement before the GETAS application is launched on the
Playstore so that the GETAS application can be used by the community to maintain the Brantas river
ecosystem. The results of the Heuristic Evaluation get 37 problems that will be solved by designing
solutions using the Human Centered Design method. The results of the usability test on 20 participants
show a value of 97% obtained on the effectiveness aspect, a value of 0.126 goals/second is obtained
on the efficiency aspect, and a value of 80 obtained on the aspect of user satisfaction through the SUS
questionnaire. The usability level obtained by 80 is included in the good category on the SUS score. It
can be concluded that the solution design is good and meets the needs. Comparison of the initial UEQ
design with the solution design results in an increase in the solution design of 2.12. The initial design
gets an average score of 0.15 or bad for all items, while the solution design gets an average score of
2.27 or excellent for all items.
Keywords: GETAS, user experience, heuristic evaluation, human centered design, usability
testing, user experience questionnaire

Fakultas Ilmu Komputer

Universitas Brawijaya 1
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
1. PENDAHULUAN
Kurangnya kesadaran masyarakat untuk
menjaga lingkungan sungai Brantas, membuat
sungai tersebut mengalami pencemaran yang
cukup parah. Sungai yang dinilai memberikan
kesejahteraan bagi manusia namun juga
memiliki permasalahan. Kondisi umum sungai-
sungai di Indonesia termasuk sungai Brantas
masih belum diharapkan seperti sungai di
negara-negara maju dari aspek kualitas air
dan pengendalian pencemaran sehingga
perlu diketahui bagaimana pengelolaannya.
Fakta lainnya adalah sungai ini masih menjadi
tempat favorit pembuang popok, hal ini ditandai
dengan adanya kegiatan pengangkatan lima
kuintal sampah diapers di pipa bawah jembatan
Karangpilang oleh aktivis lingkungan Ecoton
(Prianggoro et al, 2021).
Geotag atau geotagging merupakan suatu
proses untuk menambahkan informasi
mengenai koordinat lintang dan bujur dalam
berbagai media. Media disini yaitu video, foto,
website, maupun sosial media lainnya. Pada
penelitian Arrazaq, et al. (2021) geotagging
akan digunakan untuk menambahkan
informasigeografis dalam media foto.
Penambahan informasi geografis dalam media
foto disebut sebagai GPS Photo Tagging.
Kemudian hasil dari GPS Photo Tagging
dinamakan foto geotag. GPS Photo Tagging
memanfaatkan dua sensor yang sudah ada pada
perangkat bergerak yaitu sensor GPS serta
sensor kamera. Sensor GPS akan digunakan
untuk mengambil informasi koordinat lintang
dan bujur, kemudian sensor kamera berfungsi
untuk mengambil foto. Dalam penelitian ini,
sungai brantas yang merupakan salah satu
sungai besar yang ada di Indonesia diobservasi.
Masalah utama yang ada pada sungai brantas
ini yaitu masih banyaknya masyarakat yang
membuang sampah sembarangan pada sungai
brantas. Ditambahkan dari Saudara Abu Hasan
Baskara, mahasiswa Teknik Informatika yang
melakukan penelitian pada skripsi yang
berjudul “Pengembangan Aplikasi Geotagging
Pemetaan Sungai dengan Pendekatan
Gamification” yang bertujuan untuk
menyelesaikan permasalahan yang telah
diuraikan dengan mengembangkan sebuah
aplikasi yang harapannya aplikasi tersebut
dapat meningkatkan kepedulian masyarakat
mengenai pentingnya menjaga ekosistem
sungai.
Fakultas Ilmu Komputer, Universitas Brawijaya
2
GETAS (Geotagging Brantas) adalah
aplikasi yang berfungsi untuk memberikan
informasi mengenai keadaan sungai Brantas.
Aplikasi ini diharapkan dapat menumbuhkan
kesadaran masyarakat yang hidup di kawasan
sekitar sungai untuk lebih peduli terhadap
kebersihan ekosistem sungai. Pemetaan sungai
pada aplikasi GETAS menggunakan sensor
Global Positioning System dan Kamera
(Arrazaq, et al., 2021). Aplikasi GETAS
berkerjasama dengan Sabers Pungli dalam Zero
Waste Program. Setelah 2 tahun digunakan,
belum adanya evaluasi dan perbaikan lebih
lanjut yang dilakukan pada aplikasi GETAS,
pihak pengembang aplikasi GETAS
membutuhkan evaluasi dan perbaikan sebelum
aplikasi GETAS launching di Playstore agar
aplikasi GETAS dapat digunakan oleh
masyarakat untuk menjaga ekosistem sungai
brantas.
Evaluasi pada aplikasi GETAS
menggunakan metode Heuristic Evaluation
pada tahap I. Evaluasi Tahap II pada hasil
desain solusi diuji menggunakan Usability
Testing dan User Experience Questionnaire.
Perbaikan User Experience aplikasi GETAS
menggunakan metode Human Centered Design.
Penelitian dilakukan untuk memperbaiki
aplikasi GETAS dan meningkatkan jumlah
penggunanya. Belum ada pengujian yang
dilakukan kembali sehingga pengembang
aplikasi GETAS tidak mengetahui
permasalahan yang terjadi setelah aplikasi
tersebut digunakan oleh pengguna. Penelitian
ini diharapkan menghasilkan analisis dari segi
usability dan solusi hasil analisis tersebut
berupa high-fidelity prototype.
2. LANDASAN KEPUSTAKAAN
2.1 Human Centered Design
Human Centered Design merupakan
pendekatan pengembangan sistem interaktif
yang fokus pengembangan sistemnya adalah
memusatkan perhatian pada pengguna.
Pendekatan ini dapat memberi kepuasan lebih
terhadap pengguna, karena dari awal
perencanaan pengguna diajak untuk turut serta
dalam pengembangan desain sistem. Dalam
dokumen ISO 9241-210:2010 menyebutkan
bahwa untuk mengembangkan sebuah desain
sistem yang berfokus pada pengguna maka
perlu dilakukan tahapan-tahapan seperti berikut
ini:
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
1. Memahami dan menspesifikasi
konteks yang digunakan.
2. Menspesifikasi permintaan
kebutuhan.
3. Solusi desain produk.
4. Mengevaluasi desain yang telah
dirancang.
2.2 Heuristic Evaluation
Heuristic walkthrough merupakan metode
evaluasi usability yang menggabungkan metode
cognitive walkthrough dan metode heuristic
evaluation. Dalam metode ini, evaluator akan
melalui dua tahapan evaluasi. Tahap pertama
menggunakan thought provoking question
dengan serangkaian tugas yang harus dilakukan
oleh evaluator. Tahap kedua dengan
menggunakan heuristic number sebagai
panduan, evaluator akan diberikan form bebas
untuk menemukan masalah tambahan dari
tahapan sebelumnya lalu memberikan severity
rating sesuai dengan tingkat keparahan
permasalahan (Sears, 1997). Selanjutnya yaitu
cognitive walkthrough yang merupakan tahapan
pertama dari heuristic walkthrough. Pada
tahapan ini, evaluator menyelesaikan tugas
evaluasi yang sudah disiapkan sesuai dengan
urutan tahapan penyelesaian tugas (Sears,
1997). Heuristic evaluation merupakan tahapan
kedua dari heuristic walkthrough. Pada tahap
ini, evaluator bebas membandingkan sistem
terhadap heuristic, menggunakan perkenalan
sistem yang telah mereka lakukan sebelumnya
pada tahapan pertama. Heuristic evaluation
membutuhkan tiga hingga lima evaluator dalam
menilai suatu masalah yang terdapat pada
aplikasi. Heuristic sendiri memiliki tujuan
dalam menemukan masalah usability dalam
user interface menurut para ahli usability
hingga ahli domain agar dapat diperbaiki lebih
lanjut (Nielsen, 1992). Terdapat 10 prinsip yang
diterapkan oleh metode heuristic evaluation
dalam mengevaluasi usability (Nielsen, 1992).
Severity rating merupakan skala yang
dipergunakan dalam mengetahui seberapa
penting masalah yang ditemukan oleh para ahli
untuk diperbaiki. Rentang rating ini mulai dari
nol hingga empat di mana semakin tinggi
nilainya maka semakin penting untuk
diperbaiki.
2.3 Usabilty Testing
Usability atau yang sering dikenal dengan
kebergunaan merupakan teknik pengujian atau
pengukuran aplikasi perangkat lunak yang
Fakultas Ilmu Komputer, Universitas Brawijaya
3
dilihat dari lima aspek yaitu learnability,
efficiency, memorability, errors dan
satisfaction. Learnability digunakan untuk
mengetahui seberapa mudah perangkat lunak
untuk dipelajari, efficiency digunakan untuk
mengetahui seberapa cepat perangkat lunak
dalam menyelesaikan tugas yang ditentukan,
memorability digunakan untuk mengetahui
seberapa jauh proses (tampilan dan menu)
perangkat lunak dapat diingat oleh pengguna,
errors digunakan untuk mengetahui kesalahan
yang dilakukan perangkat lunak cara
mengatasinya, dan satisfaction digunakan untuk
mengetahui kepuasan pengguna ketika
menggunakan perangkat lunak. Dalam
melakukan pengujian usability memiliki
beberapa teknik pengukuran diantaranya adalah
heuristic evaluation (HE) dan system usability
scale (SUS). Heuristic evaluation (HE) secara
umum merupakan pengujian dengan cara
melibatkan ahli dalam proses pengerjaannya.
Sedangkan system usability scale (SUS)
merupakan pengujian dengan cara melibatkan
pengguna akhir (end user) dalam proses
pengerjaannya. Dari kedua teknik pengujian
usability tersebut memiliki karateristik
tersendiri sehingga perlu untuk dikaji
sejauhmana perbedaan keduannya dalam proes
evaluasi perangkat lunak (Ependi et al., 2019).
2.4 User Experience Questionnaire
User Experience Questionnaire merupakan
suatu alat bantu pengolahan data survei terkait
pengalaman pengguna yang mudah
diaplikasikan, terpercaya dan valid, yang
dapat digunakan untuk melengkapi data dari
metode evaluasi laindengan penilaian kualitas
subjektif. UEQ memungkinkan penilaian yang
cepat atas pengalaman pengguna produk
interaktif. Skala kuesioner dirancang untuk
menangani impresi pengalaman pengguna yang
komprehensif. Format kuesioner mendukung
respon user untuk segera mengungkapkan
perasaan, kesan, dan sikap yang muncul Ketika
memakai suatu produk. Sikap terhadap
pengukuran pengalaman pengguna lebih
positif daripada yang diidentifikasi dalam
wawancara, dan terdapat pandangan yang
bernuansa pada detail pengukurannya (Sularsa,
et al., 2015). Tujuan UEQ adalah untuk
memungkinkan penilaian cepat yang dilakukan
oleh pengguna akhir mencakup kesan yang
lebih komprehensif tentang pengalaman
pengguna. Dalam hal ini harus memungkinkan
pengguna untuk mengekspresikan perasaan,
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 4

kesan, dan sikap yang muncul ketika 4. PENGUMPULAN DATA DAN

mengalami produk di bawah pemeriksaan PENGOLAHAN DATA
dengan cara yang sangat sederhana dan secara
langsung. Pada prinsipnya, User Experience 4.1 Analisis Konteks Pengguna
Questionnaire dengan nilai total dapat dibagi ke Analisis konteks penggunaan perlu
dalam dua kategori berbeda, yaitu kuesioner dilakukan untuk mendapatkan pehaman situasi,
dengan satu hasil keseluruhan dan kuesioner latar belakang, tugas, tujuan, dan dari pengguna
yang menghitung hasil keseluruhan sebagai (Glomann, 2015). Analisis konteks pengguna
rata-rata sub-skala (Hinderks, et al., 2019). ini dilakukan untuk mendapatkan kebutuhan
pengguna. User Aplikasi GETAS dapat
3. METODOLOGI PENELITIAN
dilihat pada Tabel 4.1 dibawah ini.
Metode yang digunakan dalam Evaluasi
dan Perbaikan User Experience Aplikasi Tabel 4.1 User Aplikasi GETAS
Geotagging Sungai Brantas ini adalah Kelompok Pengguna Peran dalam Sistem
penggabungan antara heuristic evaluation dan Menggunakan Aplikasi
human centered design yang dapat dilihat pada GETAS untuk
Masyarakat Indonesia
Gambar 3.1. Pada tahap awal, metode ini melaporkan kondisi
melakukan studi literatur untuk mengumpulkan sungai brantas
data, membaca, mencatat dan mengolah bahan-
bahan penelitian. Pada tahap selanjutnya Stakeholder Aplikasi GETAS dapat
menggunakan metode Human Centered Design dilihat pada Tabel 4.2 dibawah ini.
yang terdiri dari analisis konteks pengguna,
spesifikasi kebutuhan pengguna, membuat Tabel 4.2 Stakeholder Terkait
desain solusi, dan evaluasi desain solusi. Stakeholder Terkait Peran dalam Sistem
Metode Heuristic Evaluation sendiri digunakan
pada bagian analisis konteks dan spesifikasi Mengembangkan dan
Developer meng-update Aplikasi
pengguna. Pada tahap selanjutnya dilakukan GETAS
evaluasi desain solusi menggunakan metode
Usability Testing. Analisis perbandingan hasil
evaluasi desain awal dan desain solusi
menggunakan metode User Experience Daftar pertanyaan dan jawaban wawancara
Questionnaire. Tahap akhir pada metode ini pengguna Aplikasi GETAS dapat dilihat pada
yaitu kesimpulan. Tabel 4.3 dibawah ini, yaitu:
Tabel 4.3 Daftar Pertanyaan dan Jawaban Pengguna
No. Pertanyaan Jawaban
Apakah anda pernah Apakah anda pernah
1. menggunakan menggunakan
aplikasi GETAS? aplikasi GETAS?

Senang saat adanya

aplikasi getas karena
sudah sesuai
fungsinya sesuai yang
dibutuhkan, tidak ada
Bagaimana error saat
pengalaman anda menggunakan
2.
saat menggunakan aplikasi, tetapi
aplikasi GETAS? pertanyaan
pertanyaan ketika
ingin melaporkan
kondisi sungai kurang
relevan atau tidak
sesuai.

Gambar 3.1 Langkah-langkah Penelitian

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 5

Tidak ada kesulitan

yang ditemukan
karena GETAS sudah
Apa kesulitan yang sesuai dengan
kebutuhan akan tetapi
anda temukan saat
3. data aktivitas yang
menggunakan dimasukkan ketika
aplikasi GETAS? melaporkan sungai
kurang relevan
seperti (memancing,
berenang).

Solusi apa yang anda Merombak ulang

pertanyaan-
harapkan untuk
4. pertanyaan ketika
menyelesaikan ingin melaporkan
masalah tersebut? sungai.
Gambar 4.1 Persona Pengguna Aplikasi GETAS

Apakah aplikasi
Empathy map terdiri dari 4 bagian yaitu
GETAS sudah sesuai Says, Thinks, Does, dan Feel. Bagian Says
Sudah sesuai tapi
dengan kebutuhan berisi tentang apa yang dikatakan oleh
5. masih membutuhkan
anda untuk menjaga improve. pengguna, Thinks berisi tentang apa yang
ekosistem sungai dipikirkan oleh pengguna, Does berisi tentang
brantas?
apa yang dilakukan oleh pengguna, dan feels
Jika bisa tidak hanya berisi tentang apa yang dirasakan oleh
sungai brantasnya pengguna. Berikut merupakan empathy maps
saja tapi sungai
brantas beserta dari pengguna aplikasi GETAS yang dapat
daerah sekitar aliran dilihat pada Gambar 4.2.
sungai brantas
tersebut seperti pohon
Apa kebutuhan sekitar sungai
tambahan yang anda ataupun longsor
6.
harapkan ada dalam sekitar sungai,
aplikasi GETAS? pertanyaannya diubah
menjadi general,
laporan masalah yang
sudah diselesaikan
atau dibersihkan itu
bisa dihilangkan atau
diberi tanda sudah
diselesaikan.

4.2 Mengidentifikasi Karakteristik Pengguna Gambar 4.2 Emphathy Map Pengguna Aplikasi
Karakteristik pengguna aplikasi GETAS GETAS
adalah:
4.3 Hasil Evaluasi Heuristik
1. Pengguna adalah masyarakat Indonesia
yang di daerah tempat tinggalnya Evaluasi Heuristik yang dilakukan pada
terdapat sungai yang tercemar maupun tahap pertama ini menghasilkan beberapa
bersih. temuan masalah. Masalah-masalah yang
2. Pengguna memiliki umur 10 tahun ditemukan tersebut dikelompokkan
keatas. berdasarkan kategori heuristik.
Pengelompokkan tersebut dapat dilihat pada
3. Pengguna berjenis kelamin laki-laki Tabel 4.4.
maupun perempuan.
4. Pengguna memiliki smartphone yang Tabel 4.4 Pengelompokkan Masalah Heuristik
bersistem android. Kode E1 E2 E3 Total
H1 4 1 3 8
Persona Pengguna aplikasi GETAS
dipadatkan dari hasil wawancara yang H2 3 2 0 5
telah dilakukan sebelumnya. Persona H3 1 1 2 4
tersebut dapat dilihat pada Gambar 4.1. H4 1 1 0 2

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 6

H5 1 1 0 2 5.3 Wireframe
H6 0 1 0 1 Arsitektur informasi dan userflow menjadi
gambaran pembuatan wireframe perbaikan
H7 0 0 2 2
aplikasi GETAS. Saran perbaikan dari hasil
H8 5 0 2 7 evaluasi heuristik juga digunakan untuk
membuat wireframe. Terdapat 22 halaman
H9 1 1 0 2
wireframe yang telah dibuat berdasarkan
H10 1 2 1 4 arsitektur informasi, userflow, dan saran
perbaikan dari hasil evaluasi heuristik. 22
Total 17 10 10 37
Halaman tersebut adalah On boarding, Sign Up,
Log In, OTP, Home Page, Comment Page,
4.4 Analisis Kebutuhan Pengguna Report Page, Status Page, Notification Page,
Masalah yang ditemukan oleh para Geotagging Page, Pin Page, Upload Post Page,
evaluator pada heuristik tahap I berjumlah 37 Leaderboard Page, Level Up Page, Profile
masalah. Masalah dengan severy ratings Page, Edit Profile Page, Setting Page, About
tertinggi akan memiliki prioritas untuk Page, Help Page, Password Page, Change
diperbaiki terlebih dahulu. Hasil wawancara Password Page, dan Forgot Password Page.
pada pengguna aplikasi GETAS mendapatkan
5.4 Mockup
hal yang perlu diperbaiki dalam aplikasi
GETAS seperti perbaikan pada pertanyaan saat Mockup dibuat berdasarkan wireframe
upload laporan sungai pada halaman yang telah dibuat dengan menggunakan warna,
geotagging, memberikan tanda selesai pada typographi, ikon, logo, dan ilustrasi yang telah
laporan yang sudah diselesaikan, dan ditentukan. Mockup sendiri juga masih dalam
memperluas daerah laporan. bentu halaman yang belum dihubungkan
interaksi. Pada Gambar 5.2 merupakan hasil
5 PERANCANGAN DESAIN SOLUSI mockup perbaikan aplikasi GETAS yang
menyelesaikan masalah pada Heuristic
5.1 Arsitektur Informasi Evaluation.
Arsitektur informasi dibuat berdasarkan
kebutuhan pengguna dan saran perbaikan yang
telah ditemukan sebelumnya. Masalah yang
didapat sebelumnya pada heuristic evaluation
diselesaikan menggunakan cara membuat
halaman utama GETAS menjadi 5 halaman.
Arsitektur informasi membantu untuk
menentukan berapa halaman dan fitur apa saja
yang ada pada halaman tersebut. Pada Gambar
5.1 dijelaskan mengenai arsitektur informasi
untuk perbaikan desain pada aplikasi GETAS,
terdapat 5 halaman utama yang terdiri dari
Home Page, Geotagging, Upload Post,
Leaderboard, dan Profile. Warna hijau
menandakan halaman, warna kuning
menandakan fitur yang terdapat pada halaman
tersebut, dan warna ungu menandakan fitur
lanjutan pada halaman tersebut.

Gambar 5.1 Arsitektur Informasi Aplikasi GETAS

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 7

Gambar 5.2 Mockup GETAS

5.5 Prototype
High fidelity prototype design adalah
mockup atau high fidelity design yang dibuat
interaktif. Alur High fidelity prototype dibuat
berdasarkan user flow. Pembuatan high fidelity
prototype untuk mempermudahkan developer
karena penggunaan aplikasi lebih jelas dan
interaktif. high fidelity prototype juga dibuat
untuk mempermudah testing saat diberikan ke
pengguna. Tools yang digunakan dalam
membuat interaksi pada high fidelity prototype
design adalah Figma.

6 EVALUASI

6.1 Rancangan Tugas Usability Evaluation

Rancangan tugas dibuat dari permasalahan
yang telah ditemukan sebelumnya pada tahapan

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
evaluasi heuristik. Pengguna melakukan
beberapa tugas pada maze yang telah dibuat.
Tugas-tugas tersebut dapat dilihat pada Tabel
6.1.
Tabel 6.1 Tugas Usability Evaluation
Kode Nama Tugas
T1 login
T2 Melakukan upload post
T3 Melihat leaderboard
T4 Memberikan like dan komentar pada post
T5 Melihat notifikasi
T6 Melihat geotagging menggunakan filter
T7 Melakukan update status
T8 Melakukan report post
T9 Logout
6.2 Hasil Pengujian Aspek Efektivitas
Aspek efektifitas dilakukan untuk
mengukur keberhasilan pengguna dalam
menyelesaikan 9 tugas yang telah diberikan
sebelumnya. Keberhasilan pada tugas tugas
tersebut diukur dengan nilai 1 (satu) dan 0
(nol). Angka 1 menandakan tugas tersebut
berhasil dilakukan, sedangkan untuk angka 0
menandakan tugas tersebut gagal dilakukan.
Pada Gambar 6.1 dijelaskan untuk
mendapatkan success rate, tugas yang
berhasil dilakukan oleh partisipan yaitu 175
dibagi dengan 9 tugas yang masing masing
diberikan ke 20 partisipan yaitu 180, lalu
dikali dengan 100%. Data dari perhitungan
tersebut menghasilkan success rate 97%.
Gambar 6.1 Perhitungan Success Rate
6.3 Hasil Pengujian Aspek Efisiensi
Aspek efisiensi dilakukan untuk mengukur
sebererapa efisien waktu pengguna dalam
menyelesaikan 9 tugas yang telah diberikan
sebelumnya. Perhitungan aspek efisiensi
menggunakan average duration atau waktu
Fakultas Ilmu Komputer, Universitas Brawijaya
8
yang dibutuhkan untuk partisipan
menyelesaikan per task. waktu pengerjaan per
task oleh 20 partisipan didapatkan dari Maze.
task yang berhasil di selesaikan dibagi 1 (satu)
dan task yang gagal diselesaikan dikali 0 (nol).
Perhitungan Time Based Efficiency
mendapatkan hasil 0.126 goals/detik yang
dijelaskan pada Gambar 6.2.
Gambar 6.2 Perhitungan Time Based Efficiency
6.4 Hasil Pengujian Aspek Kepuasan
Aspek kepuasan dilakukan untuk tingkat
kepuasan pengguna dalam menyelesaikan 9
tugas yang telah diberikan sebelumnya. Aspek
kepuasan diukur menggunakan System
Usability Scale atau SUS. SUS terdiri dari 10
pertanyaan dengan jawaban skala 1-5. Setiap
pertanyaan pada SUS berbeda dan skala 1
belum tentu buruk, sedangkan skala 5 belum
tentu baik. Kuisioner SUS di bagikian ke 20
partisipan setelah pengerjaan task pada Maze.
Perhitungan SUS dimulai dengan nilai pada
pertanyaan ganjil dikurangi 1 dan untuk
pertanyaan genap 5 dikurangi nilai yang
didapat. Setelah menghitung berdasarkan
pertanyaan ganjil dan genap, dilanjutkan
perhitungan total dari semua nilai lalu dikali
2.5. Hasil dari total tersebut dibagi 20 sesuai
dengan jumlah responden dan menghasilkan
nilai aspek kepuasan sebesar 80. Perhitungan
SUS dapat dilihat Pada Gambar 6.3.
Gambar 6.3 Perhitungan SUS
Pada Gambar 6.4 dapat dilihat bahwa nilai
80 merupakan hasil Good untuk aspek
kepuasan.
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 9

ditemukan sebelumnya. Rekomendasi

perbaikan tersebut terdiri dari perbaikan upload
status, perbaikan layout upload post dan update
status, dan perbaikan Bahasa yang tidak
konsisten yang dapat dilihat pada Tabel 6.21
Gambar 6.4 Skor SUS
Tabel 6.2 Rekomendasi Perbaikan
Saran
6.5 Hasil UEQ Desain Awal Kode Masalah
Perbaikan
Mengganti
Penilaian yang didapat dari responden Untuk update penggunaan
diolah menjadi 6 grup penilaian dengan cara di status masih kata menjadi
rata-rata. Pada 26 item penilaian, jawaban MDS1
membingung update status
positif menuju negatif menjadi rentan bobot +3 kan dan dipindah
sampai -3, lalu jawaban negatif menuju positif ke ikon more
menjadi rentan bobot -3 sampai +3. Bobot Mengubah
bernilai 0 untuk jawaban positif menuju negtaif Layout pada
layout pada
dengan nilai tengah sebagai bobot netral. Hasil halaman
MDS2 upload post
upload post
benchmark dari desain awal dapat dilihat pada perlu diganti
dan update
Gambar 6.5 memiliki nilai Bad. Pada 6 grup status
item yaitu Daya Tarik, Kejelasan, Efesiensi,
Mengganti
Ketepatan, Stimulasi, dan Kebaruan kalimat atau
mendapatkan nilai Bad. Penggunaan
tombol yang
Bahasa yang
MDS3 masih
kurang
menggunakan
konsisten
Bahasa
indonesia

Gambar 6.5 Benchmark UEQ Desain Awal
6.6 Hasil UEQ Desain Solusi
Penilaian yang didapat dari responden
diolah menjadi 6 grup penilaian dengan cara di
rata-rata. Pada 26 item penilaian, jawaban
positif menuju negatif menjadi rentan bobot +3
sampai -3, lalu jawaban negatif menuju positif
menjadi rentan bobot -3 sampai +3. Bobot
bernilai 0 untuk jawaban positif menuju negtaif
dengan nilai tengah sebagai bobot netral. Pada
Gambar 6.8 merupakan hasil dari perhitungan
UEQ desain awal. Hasil benchmark dari desain
awal dapat dilihat pada Gambar 6.6 memiliki
nilai Excellent. Pada 6 grup item yaitu Daya
Tarik, Kejelasan, Efesiensi, Ketepatan,
Stimulasi, dan Kebaruan mendapatkan nilai
Excellent.
Perbaikan masalah MDS1 merupakan
perbaikan masalah yang ditemukan pada
halaman update status. Penyelesaian masalah
pada update status adalah mengganti kata
“Sungai sudah bersih?” menjadi “Update
Status” dan dipindah kedalam ikon more.
Berdasarkan hasil dari Maze, pengguna lebih
kurang memahami untuk melakukan update
status menggunakan kata-kata “Sungai sudah
bersih?” dan lebih memahami jika
menggunakan kata “Update Status” dan
letaknya pada ikon more. Perbaikan masalah
update status dapat dilihat pada Gambar 6.7.

Gambar 6.6 Benchmark UEQ Desain Solusi

6.7 Rekomendasi Perbaikan Gambar 6.7 Perbaikan MDS 1

Rekomendasi perbaikan desain solusi Perbaikan masalah MDS2 merupakan

didapatkan dari permasalahan yang telah perbaikan masalah yang ditemukan pada

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 10

halaman upload post. Penyelesaian masalah

pada upload post adalah merubah ukuran
gambar sesuai dengan kaidah heuristik nomor 4
(empat) yaitu konsistensi ukuran setiap elemen.
Ukuran gambar dibuat sama besarnya dengan
elemen yang lain. Perbaikan masalah upload
post dapat dilihat pada Gambar 6.8.

Gambar 6.10 Perbandingan UEQ Desain Awal dan

Desain Solusi
Pada Tabel 6.3 dijelaskan peningkatan
benchmark dari desain solusi.

Tabel 6.3 Pengelompokkan Masalah Heuristik

Benchmark Benchmark
Grup
Desain Awal Desain Solusi
Gambar 6.8 Perbaikan MDS 2 Bad Excellent
Daya Tarik

Masalah pada MDS3 yaitu penggunaan Kejelasan Bad Excellent

Bahasa yang tidak konsisten dan masih Efisiensi Bad Excellent
tercampur. Penyelesaian masalah MDS3 yaitu
Ketepatan Bad Excellent
mengubah kalimat dan kata yang masih
menggunakan Bahasa Indonesia. Perbaikan Stimulasi Bad Excellent
masalah konsistensi bahasa dapat dilihat pada Bad Excellent
Kebaruan
Gambar 6.9.
Keseluruhan Bad Excellent

Gambar 6.9 Perbaikan MDS 2
6.8 Perbandingan UEQ Desain Awal dan
Desain Solusi
Perbandingan UEQ desain awal dengan
desain solusi dilakukan untuk mengetahui
seberapa besar peningkatan desain solusi yang
telah dibuat dari permasalahan yang ditemukan
sebelumnya menggunakan metode evualuasi
heuristik. Gambaran perbandingan UEQ
dibentuk pada diagram yang dapat dilihat pada
Gambar 6.10.
7 KESIMPULAN
Permasalahan yang ditemukan pada
evaluasi heuristic evaluation sebanyak 37
masalah. Permasalahan paling banyak
ditemukan pada prinsip HE Visibility of System
Status (H1) yaitu permasalahan tentang
memberitahu pengguna mengenai status dengan
tepat sebagai umpan balik dari sistem dan
Aesthetic and Minimalist Design (H8) yaitu
permasalahan tentang desain tidak hanya
menampilkan keindahan, namun menampilkan
dialog berupa informasi yang relevan sesuai
dengan tujuan. Pada prinsip Visibility of System
Status (H1) ditemukan masalah sebanyak 8
masalah, sedangkan prinsip Aesthetic and
Minimalist Design (H8) ditemukan masalah
sebanyak 7 masalah. Masukkan yang didapat
dari wawancara kepada pengguna GETAS
adalah memperbaiki pertanyaan pada saat
upload post dan memberi tanda jika sungai
sudah dibersihkan.
Perancangan user experience sudah
menerapkan metode HCD. Perancangan desain
diawali dengan proses analisis konteks

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
penggunaan, analisis kebutuhan, perancangan
desain solusi, evaluasi desain menggunakan
metode usability testing dan UEQ yang
menghasilkan perbaikan pada desain solusi,
menganalisis dan membahas hasil dari evaluasi,
dan membandingkan desain awal dan desain
solusi menggunakan metode UEQ.
Hasil pengujian user experience desain
solusi menunjukkan nilai sebesar 97%
didapatkan pada aspek efektifitas, nilai 0.126
goals/detik didapatkan pada aspek efisiensi, dan
nilai sebesar 80 didapatkan pada aspek
kepuasan pengguna melalui kuisioner SUS.
Tingkat usability yang didapatkan sebesar
masuk dalam kategori good pada skor SUS,
dapat disimpulkan bahwa desain solusi sudah
bagus dan memenuhi kebutuhan.
Perbandingan UEQ desain awal dengan
desain solusi memperoleh hasil peningkatan
terhadap desain solusi sebesar 2.12. Desain
awal mendapatkan nilai rata rata 0.15 atau bad
pada keseluruhan item, sedangkan desain solusi
mendapatkan nilai rata rata 2.27 atau excellent
pada keseluruhan item.
DAFTAR PUSTAKA
Arrazaq, I. R., Tolle, H., & Dewi, R. K. (2021).
Pengembangan Lanjut Aplikasi
GETAS (Geotagging Brantas) untuk
Geotagging Sungai Brantas. Jurnal
Pengembangan Teknologi Informasi
Dan Ilmu Komputer, 5(9), 3990–3997.
Fakultas Ilmu Komputer, Universitas Brawijaya
11
Ependi, U., Kurniawan, T.B. & Panjaitan, F.
(2019). System usability scale vs
heuristic evaluation: a review. Simetris:
Jurnal Teknik Mesin, Elektro dan Ilmu
Komputer, 10(1), pp.65-74.
Glomann, Leonhard. (2015). Human-centered
Design Curriculum for
Multidisciplinary Application at Design
Faculties. Procedia Manufacturing. 3.
3551-3558.
Hinderks, A., Schrepp, M., Mayo, F.J.D.,
Escalona, M.J. & Thomaschewski, J.,
2019. Developing a UX KPI Based on
the User Experience
Questionnaire. Computer Standards &
Interfaces, 65, pp.38-44.
Prianggoro, J., Subianto, A., Umiyati, S., &
Lubis, L. (2022). Implementasi
Kebijakan Pengelolaan Sungai Brantas
Kota Surabaya Pada Dinas Lingkungan
Hidup Provinsi Jawa Timur. Jurnal
Ilmiah Manajemen Publik Dan
Kebijakan Sosial, 5(2), 181 - 194.
Sears, A. (1997). Heuristic Walkthroughs:
Finding the Problems Without the
Noise. International Journal of Human-
Computer Interaction, 9(3), 213–234.
Sularsa, A., Prihatmanto, A.S. and Nugroho, E.,
2015. Evaluasi User Experiences
Produk iDigital Museum dengan
Menggunakan UEQ. Jurnal Teknologi
Informasi, 2(2), pp.56-62.