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

Vol. 4, No. 9, September 2020, hlm. 3037-3046 http://j-ptiik.ub.ac.id

Evaluasi Usability dan Perbaikan Antarmuka Pengguna Aplikasi Malang e-

Policing dengan Pendekatan Human Centered Design
Imam Safi'i1, Komang Candra Brata2, Hanifah Muslimah Az-Zahra3

Program Studi Sistem Informasi, Fakultas Ilmu Komputer, Universitas Brawijaya

Email: 1imam.msu@gmail.com, 2k.candra.brata@ub.ac.id, 3hanifah.azzahra@ub.ac.id

Abstrak
Polres Malang meluncurkan aplikasi Malang e-Policing yang digunakan untuk kegiatan melayani
masyarakat baik dalam hal pencatatan, mengatasi pelaporan tindak kriminal, penyuluhan/sosialisasi
tindak kriminal, penyebaran informasi dan kebutuhan lainnya. Namun aplikasi tersebut masih terdapat
keluhan dari pengguna terkait usability seperti tulisan yang terlalu kecil dan tertumpuk background,
tidak ada tombol back (kembali) di beberapa menu, dan tidak ada tombol edit di pengaturan profil.
Penelitian ini bertujuan untuk melakukan evaluasi usability dan perbaikan antarmuka aplikasi Malang
e-Policing dengan Human Centered Design (HCD). HCD merupakan pendekatan untuk desain sistem
dan pengembangan yang lebih interaktif dengan fokus tidak hanya kepada pengguna tetapi juga
stakeholder. Pada HCD tahap pertama adalah understand and specify the context of use yang
menghasilkan Identifikasi terhadap pengguna, stakeholder, karakteristik pengguna, tugas dan tujuan,
serta lingkungan sistem. Tahap kedua Specify the user requirements, dilakukan dengan usability testing,
kuesioner QUIS, dan wawancara menghasilkan 14 permasalahan usability dan antarmuka. Ketiga adalah
produce design solutions dari tahap tersebut menghasilkan rancangan information architecture,
wireframe, mockup, dan prototype. Tahap keempat atau terakhir yaitu evaluate the design dengan hasil
nilai learnability 99,75%, efficiency 99,7%, errors 0,07%, memorability segi waktu 15,15% dan jumlah
tap 9,36%, serta satisfaction 95,46%. Dari hasil evaluasi dapat disimpulkan desain perbaikan
memberikan dampak baik terhadap usability aplikasi Malang e-Policing.
Kata kunci: Usability, Antarmuka Pengguna, Human Centered Design (HCD), Usability Testing, Questionnaire
for User Interface Satisfaction (QUIS)
Abstract
Polres Malang launched the application of Malang e-Policing which is used for the activities of serving
the community both in terms of recording, addressing criminal reporting, counseling/socialization of
criminal acts, dissemination of information and other needs. However, the app still has complaints from
users related to usability, such as too small and stacked background, no back button in some menus,
and no edit button in profile settings. This research aims to evaluate the usability and improvement of
the application interface of Malang e-Policing with Human Centered Design (HCD). HCD is an
approach to system design and development that is more interactive with a focus not only to the user
but also stakeholders. On the first stage HCD is understand and specify the context of use which
generates identification of users, stakeholders, user characteristics, tasks and objectives, as well as the
system environment. The second phase of Specify the user requirements, done with usability testing, the
QUIS questionnaire, and interviews resulted in 14 usability and interface issues. Third is produce design
solutions from this stage resulting in a draft information architecture, wireframe, mockup, and
prototype. The fourth or final stage is Evaluate the design with the results of the value learnability
99.75%, efficiency 99.7%, errors 0.07%, memorability facet of 15.15% and the number of taps 9.36%,
as well as satisfaction 95.46%. From the evaluation results can be concluded the repair design gives a
good impact on the application usability Malang e-Policing.
Keywords: Usability, Antarmuka Pengguna, Human Centered Design (HCD), Usability Testing, Questionnaire
for User Interface Satisfaction (QUIS)

Fakultas Ilmu Komputer

Universitas Brawijaya 3037
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
1. PENDAHULUAN
Kepolisian Resort Malang atau Polres
Malang adalah pelaksana tugas Kepolisian
Negara Republik Indonesia yang berada di
wilayah Kabupaten Malang. Polres Malang
memanfaatkan teknologi berupa aplikasi mobile
yaitu Malang e-Policing untuk kegiatan
melayani masyarakat dalam hal pencatatan,
mengatasi pelaporan tindak kriminal,
penyuluhan/sosialisasi tindak kriminal,
penyebaran informasi dan kebutuhan layanan
lainnya. Namun berdasarkan hasil pra penelitian
menunjukkan bahwa terdapat keluhan pengguna
terkait usability yang membuat pengguna merasa
kesulitan dalam menggunakan aplikasi Malang
e-Policing. Permasalahan tersebut yaitu: (1)
Kendala login karena pemberitahuan gagal atau
suksesnya kurang jelas dan tidak mudah
dipahami; (2) Tidak tersedia kategori yang akan
dilaporkan pengguna pada form pelaporan
sehingga pengguna kebingungan saat akan
melaporkan tindak kriminal; (3) Tidak ada
tombol edit profil pada pengaturan profil; (4)
Bahasa dan istilah yang digunakan tidak biasa
digunakan oleh masyarakat sehingga sulit
diingat dan dikenali; (5) Terdapat isi halaman
yang tidak sesuai dengan menu; (6) Tulisan yang
tidak terbaca karena terlalu kecil dan tertumpuk
warna background; (7) Tidak ada tombol back
dibeberapa menu; (8) Pengisian form yang rumit
dan membingungkan. Permasalahan yang
didapatkan tersebut merupakan bagian dari
permasalahan usability.
Dalam menyelesaikan permasalahan
usability dan antarmuka pengguna terdapat
berbagai metode yang dapat digunakan seperti
Heuristic Evaluation, Cognitive Walkthrough
dan Usability testing. Menurut Moran (2019),
usability testing selain dapat digunakan untuk
mengidentifikasi permasalahan, usability
metode ini juga dapat membantu menemukan
peluang serta memahami perilaku dan preferensi
dari target pengguna. Jika dibandingkan dengan
Heuristic Evaluation dan Cognitive
Walkthrough yang melibatkan expert, metode ini
tidak dapat digunakan untuk memahami perilaku
dari target pengguna. Maka dari itu metode
usability testing akan digunakan sebagai metode
evaluasi aplikasi Malang e-Policing. Hasil
evaluasi yang didapat dari usability testing akan
digunakan sebagai dasar untuk perbaikan
aplikasi Malang e-Policing.
Proses evaluasi dan perbaikan aplikasi
Fakultas Ilmu Komputer, Universitas Brawijaya
3038
Malang e-Policing akan digunakan pendekatan
Human Centered Design. Jika dibandingkan
dengan pendekatan Design Thinking, User
Centered Design, dan Goal Directed Design
pendekatan Human Centered Design akan
digunakan sebagai pendekatan dalam proses
evaluasi dan perbaikan aplikasi Malang e-
Policing karena selain melibatkan pengguna,
Human Centered Design juga melibatkan
stakeholder dalam prosesnya sehingga hasil
yang didapatkan akan sesuai dengan keinginan
dari pengguna dan juga stakeholder. Kelebihan
lain yang dimiliki Human Centered Design yaitu
dapat meningkatkan identifikasi dan definisi
persyaratan fungsional, memiliki manfaat
ekonomi dan sosial yang cukup besar bagi
pengguna dan stakeholder serta dapat
meningkatkan kualitas sistem (ISO, 2010).
Keterlibatan stakeholder pada proses perbaikan
aplikasi Malang e-Policing ini dibutuhkan agar
hasil dari proses perbaikan aplikasi Malang e-
Policing sesuai dengan keinginan Polres Malang
selaku stakeholder dan agar hasil dari desain
perbaikan tidak keluar dari batasan atau aturan
yang telah ditetapkan sebelumnya.
Dari adanya penelitian ini diharapkan
hasil evaluasi aplikasi Malang e-Policing dapat
meningkatkan nilai usability dan memperbaiki
permasalahan pada antarmuka pengguna. Selain
itu hasil evaluasi juga diharapkan dapat
membantu Polres Malang untuk
menyempurnakan aplikasi Malang e-Policing
sehingga menjadi lebih baik lagi dan dapat
diterima oleh masyarakat.
2. LANDASAN KEPUSTAKAAN
Menurut (ISO, 1998) Usability adalah
sejauh mana suatu produk dapat digunakan oleh
pengguna tertentu untuk mencapai tujuan
tertentu dengan efektivitas, efisiensi, dan
kepuasan dalam konteks penggunaanya. ISO
mengatakan bahwa usability terdiri dari 3 aspek
yaitu efektivitas (effectiveness), efisiensi
(efficiency), dan kepuasan (satisfaction).
Sedangkan menurut (Nielsen, 2012) Usability
adalah atribut kualitas yang menilai seberapa
mudah sebuah antarmuka pengguna dapat
digunakan. Kata “Usability” juga merujuk pada
metode yang digunakan untuk meningkatkan
kemudahan penggunaan selama proses desain.
Usability dapat didefinisikan oleh 5 aspek yaitu
Learnability, Efficiency, Memorability, Errors,
dan Satisfaction.
Berdasarkan pengertian usability yang telah
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
dikemukakan oleh ISO (1998) dan Nielsen
(2012) maka dapat disimpulkan bahwa usability
merupakan tingkat kualitas produk atau layanan
dimana dapat digunakan oleh pengguna untuk
mencapai tujuan tertentu dengan mudah dan
nyaman sehingga memenuhi kepuasan
pengguna. Pada aspek usability yang dimiliki
ISO dan Nielsen terdapat kesamaan pada aspek
effectivitas dan satisfaction. Untuk efficiency
memiliki kesamaan pada learnability dan errors
dimana variabel perhitungannya terdapat pada
jumlah penyelesaian tugas dan jumlah
penyimpangan. Berikut merupakan tabel
perbandingan dari aspek usability menurut ISO
dan Nielsen. Dapat dilihat pada tabel 1
perbandingan aspek usability ISO dan Nielsen.
Tabel 1. Perbandingan Aspek Usability ISO &
Nielsen
ISO 1998 Jakob Nielsen
Effectiveness Effectiveness
Efficiency Learnability (Mencakup
(Mencakup penyelesaian) dan
penyelesaian dan Errors (Mencakup
penyimpangan) penyimpangan)
Satisfaction Satisfaction
- Memorability
Usability merupakan kondisi yang sangat
dibutuhkan untuk sebuah produk agar dapat
terus bertahan. Jika sebuah produk sulit untuk
digunakan maka kebanyakan pengguna akan
meninggalkan produk tersebut. Jika sebuah
aplikasi gagal menjawab pertanyaan pengguna,
maka pengguna akan meninggalkan aplikasi
tersebut. Jika ada beberapa informasi yang tidak
terbaca sehingga pengguna tidak mendapatkan
apa yang mereka inginkan maka mereka akan
pergi. Hampir tidak ada pengguna yang akan
membaca manual penggunaan sebuah aplikasi
dan menghabiskan banyak waktu hanya untuk
mempelajari antarmuka pengguna aplikasi yang
akan mereka gunakan. Maka dari itu usability
merupakan hal yang penting untuk dibentuknya
sebuah produk atau aplikasi (Nielsen, 2012).
Antarmuka pengguna atau user interface
adalah bagian dari sistem dimana pengguna
berinteraksi untuk mengerjakan tugas dan
meraih tujuannya. Antarmuka pengguna pada
dasarnya memiliki dua komponen yaitu input
dan output. Input adalah cara seseorang
mengkomunikasikan kebutuhan atau
keinginannya kedalam sistem. Beberapa
komponen input yang umum yaitu seperti
keyboard, mouse, trackball, jari (untuk layar
Fakultas Ilmu Komputer, Universitas Brawijaya
3039
sentuh), dan suara (untuk instruksi lisan). Output
adalah cara sistem menyampaikan hasil
kalkulasi kepada pengguna. Antarmuka
pengguna merupakan jembatan yang
menghubungkan antara pengguna dengan sistem
baik software maupun hardware. (Stone, et al.,
2005).
Human Centered Design (HCD) adalah
sebuah pendekatan yang digunakan untuk desain
sistem dan pengembangan, dimana HCD
bertujuan untuk membuat sistem menjadi lebih
interaktif dengan berfokus pada penggunaan
sistem, penerapan faktor manusia (ergonomi),
serta pengetahuan dan teknik kegunaan. Istilah
Human Centered Design digunakan daripada
User Centered Design hal tersebut dikarenakan
perlu dilakukan penekanan bahwa pendekatan
ini tidak hanya membahas mengenai
user/pengguna namun juga membahas dampak
terhadap sejumlah pemangku
kepentingan/stakeholder (ISO, 2010). Terdapat
empat tahap kegiatan Human Centered Design
yang akan berlangsung selama desain interaktif:
yaitu (1) Understand and specify the context of
use, (2) Specify the user requirements, (3)
Produce design solutions, (4) Evaluate the
design.
Usability Testing dapat membantu
mengidentifikasi permasalahan usability. Selain
hal tersebut usability testing juga dapat
membantu dalam menemukan peluang serta
memahami perilaku dan preferensi target
pengguna. Desain yang baik tidak akan
didapatkan oleh desainer UX terbaik sekalipun
tanpa adanya desain iterative yang didorong oleh
pengamatan pengguna dan pengamatan terhadap
interaksi pengguna dan desain. Terdapat banyak
variabel dalam mendesain antarmuka pengguna.
Untuk mengetahui desain yang baik satu satunya
cara adalah dengan menguji desain tersebut
(Moran, 2019).
Nilai satisfaction dapat diukur dengan
kuesioner yang diberikan pada partisipan pada
akhir sesi pengujian. Hal ini berfungsi untuk
mengukur kesan partisipan terhadap keseluruhan
kemudahan penggunaan sistem yang telah diuji
(Mifsud, 2015). Questionnaire for User
Interaction Satisfaction (QUIS) adalah alat
pengukuran yang dirancang untuk menilai
kepuasan subyektif pengguna komputer
terhadap antarmuka komputer. Kuesioner ini
dikembangkan oleh tim peneliti multi-disiplin di
Human-Computer Interaction Lab (HCIL)
University of Maryland College Park. Saat ini
QUIS mencapai versi 7.0 dimana kuesioner ini
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
berisi kuesioner demografis, ukuran kepuasan
sistem secara keseluruhan sepanjang enam skala,
dan langkah langkah terorganisisr secara
hierarkis dari sembilan faktor antarmuka spesifik
seperti faktor layar, terminologi dan umpan balik
sistem, faktor pembelajaran, kemampuan sistem,
manual teknis, tutorial online, multimedia,
telekonferensi, dan instalasi perangkat lunak.
Setiap faktor antarmuka memiliki komponen
pernyataan yang diikuti oleh sub komponen
pernyataan memiliki 10 skala (Tullis, 2008).
3. METODOLOGI PENELITIAN
Hal pertama yang dilakukan pada penelitian
ini adalah studi literatur. Studi literatur
dilakukan dengan mempelajari teori teori yang
berkaitan dengan topik penelitian untuk
mendukung penyelesaian permasalahan dan
tercapainya tujuan dari penelitian. Studi literatur
yang dilakukan yaitu teori mengenai Usability,
Antarmuka Pengguna, Human Centered Design,
Usability Testing, dan Questionnaire for User
Interaction Satisfaction (QUIS). Sumber teori
yang digunakan dapat berasal dari buku, jurnal,
laporan penelitian, skripsi, thesis yang sudah
ada, serta hasil pencarian pustaka di internet.
Analisis Konteks Kegunaan, Pada tahap ini
akan dilakukan pengumpulan data terkait dengan
konteks kegunaan. Mulai dari identifikasi
pengguna dan stakeholder, identifikasi
karakteristik pengguna/kelompok pengguna,
identifikasi tujuan dan tugas pengguna, dan
identifikasi lingkungan sistem. Penggalian
informasi mengenai konteks kegunaan akan
dilakukan dengan cara wawancara terhadap
stakeholder dan juga pengguna. Apabila terdapat
data atau informasi lain seperti feedback
pengguna, laporan helpdesk, dan informasi lain
yang memberikan dasar untuk memprioritaskan
modifikasi sistem dan suatu perubahan maka
akan digunakan sebagai informasi tambahan
sebagai bahan pertimbangan. Hasil identifikasi
dari konteks kegunaan berupa identifikasi
pengguna dan stakeholder, identifikasi
karakteristik pengguna atau kelompok
pengguna, identifikasi tugas dan tujuan
pengguna serta identifikasi lingkungan sistem
akan dilakukan validasi terhadap stakeholder
sebelum dilanjutkan ke tahap analisis kebutuhan
pengguna.
Identifikasi kebutuhan pengguna dilakukan
untuk mendapatkan informasi mengenai
kebutuhan pengguna dalam aplikasi Malang e-
Policing. Penggalian kebutuhan pengguna
Fakultas Ilmu Komputer, Universitas Brawijaya
3040
dilakukan melalui tahapan usability testing,
pemberian kuesioner QUIS dan wawancara.
Hasil akhir dari penggalian kebutuhan pengguna
ini akan dilakukan validasi terhadap stakeholder
mengenai bagian-bagian yang akan dilakukan
perbaikan. Namun sebelum dilakukan hal
tersebut akan dilakukan validasi instrumen
penelitian terlebih dahulu agar mendapatkan
hasil yang valid dan sesuai dengan keadaan yang
ada.
Pembuatan desain solusi didasari dari
sekumpulan informasi yang didapatkan pada
tahap sebelumnya baik dari analisis kebutuhan
pengguna maupun batasan-batasan yang
ditetapkan oleh stakeholder. Pada tahap ini
diawali dengan menerapkan prinsip dan
guidelines desain, kemudian perancangan
information architecture, perancangan
wireframe, perancangan mockup, hingga
perancangan prototype.
Evaluasi desain solusi dilakukan untuk
mengtahui apakah desain solusi sudah
memenuhi kebutuhan dan harapan pengguna dan
apakah desain solusi dapat menyelesaikan
masalah yang sebelumnya. proses pada tahap ini
hampir sama dengan tahapan pada analisis
kebutuhan pengguna yaitu usability testing dan
pemberian kuesioner QUIS, namun pengujian
dilakukan pada desain solusi. Hasil dari usability
testing dan kuesioner QUIS pada tahap ini akan
dilakukan perbandingan dengan sebelumnya
untuk mengetahui apakah desain solusi memiliki
nilai usability yang lebih baik dari desain awal.
Setalah dilakukan perbandingan dari desain awal
dan desain solusi maka hasil dari perbandingan
tersebut akan dilakukan validasi pada
stakeholder.
4. HASIL ANALISIS DAN EVALUASI
AWAL
Pada tahap ini menjelaskan hasil dari
analisis konteks kegunaan dan analisis
kebutuhan pengguna dari aplikasi Malang e-
Policing.
4.1. Analisis Konteks Kegunaan
Pada tahap analisis konteks kegunaan
dilakukan penggalian informasi mengenai
karakteristik pengguna, stakeholder, tujuan,
tugas, dan lingkungan sistem. Hal ini bertujuan
untuk mengetahui isu konteks dari sistem mulai
dari kekurangan, dasar kinerja, dan kepuasan
pengguna terhadap aplikasi Malang e-Policing.
Tahap ini akan membantu untuk menentukan
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 3041

sistem mana yang akan bertahan, ditingkatkan Karakteristik yang akan diidentifikasi dapat
atau diperbaiki dan sistem mana yang harus berupa Pendidikan, pekerjaan, kebiasaan, dan
dihapus. Hal pertama yang dilakukan pada tahap informasi lain. Berikut merupakan ketetapan
ini adalah wawancara terhadap stakeholder karakteristik untuk aplikasi Malang e-Policing:
terkait informasi dengan konteks kegunaan 1. Pengguna aplikasi Malang e-Policing.
untuk kemudian dilakukan wawancara dengan 2. Masyarakat yang berada di wilayah
pengguna untuk menentukan karakteristik hukum Polres Malang. Mencakup
pengguna atau kelompok pengguna. seluruh wilayah di kabupaten malang
Identifikasi pengguna dan stakeholder kecuali kecamatan kasembon,
dilakukan dengan tujuan untuk mengetahui siapa kecamatan ngantang, dan kecamatan
saja yang terlibat dalam penggunaan aplikasi pujon karena masuk wilayah hukum
Malang e-Policing. Berikut merupakan hasil Polres Batu.
wawancara dengan stakeholder mengenai 3. Tidak ada ketentuan khusus terkait
pengguna dan stakeholder yang terlibat dengan pekerjaan maupun pendidikan.
sistem namun untuk bukti wawancara dapat 4. Pengguna dapat berasal dari semua jenis
dilihat pada lampiran. Hasil dari identifikasi kelamin.
pengguna dapat dilihat pada tabel 2 dan 5. Tidak ada batasan usia.
identifikasi stakeholder pada tabel 3. 6. Memiliki NIK (Nomor Induk
Tabel 2. Hasil Identifikasi Pengguna
Kependudukan), nomor telepon, dan
menggunakan smartphone android.
Kelompok Pengguna Peran dan Kegunaan 7. Membutuhkan bantuan emergency atau
dalam Sistem
Berperan sebagai
layanan kepolisian.
Pengguna akhir (end
user) pengguna aplikasi, Proses identifikasi tujuan dan tugas
menggunakan fungsi pengguna didasari dari wawancara yang telah
emergency atau layanan dilakukan terhadap pengguna mengenai konteks
masyarakat yang kegunaan. Identifikasi tujuan dan tugas
terdapat pada aplikasi
Malang e-Policing. pengguna berisi data-data seperti Scenario,
Staff Admin Mengelola informasi dan Goals, Task, dan hal-hal lain yang dijadikan
data yang masuk dari sebagai acuan untuk menentukan pengguna
pengguna. berhasil atau gagal ketika menjalankan usability
Petugas Oncall Petugas yang bersiap testing. Beberapa hasil dari identifikasi tugas dan
lapangan memberikan bantuan
emergency kepada tujuan pengguna dapat dilihat pada tabel 4.
pengguna. Tabel 4. Hasil Identifikasi Tujuan dan Tugas
Tabel 3. Hasil Identifikasi Stakeholder Pengguna

Stakeholder Peran dan Kegunaan No Task Scenario

dalam Sistem 1. Melihat 1. Membuka halaman
Kapolres Memiliki wewenang lokasi polsek utama
terhadap kebijakan terdekat 2. Membuka menu Polsek
program seperti konten, Terdekat
fitur, dan pemberi 3. Pilih salah satu polsek
keputusan terkait sistem 2. Melakukan 1. Membuka halaman
Staff fungsi Sitipol & Bertugas untuk pengaduan utama
Pengembang atau mengelola dan tindak 2. Membuka menu
tim IT mengembangkan sistem kriminal Pengaduan
sesuai dengan kebijakan 3. Pilih Jenis Pengaduan
yang ada. Fungsi sitipol 4. Upload foto sebagai
dapat memberikan ide bukti
terkait sistem dengan 5. Mengisi deskripsi
persetujuan Kapolres. kejadian
6. Klik tombol SUBMIT
Hal yang dilakukan selanjutnya yaitu
melakukan identifikasi terhadap karakteristik Identifikasi lingkungan sistem dilakukan
pengguna atau kelompok pengguna dari aplikasi sebagai spesifikasi perangkat yang dapat
Malang e-Policing. Identifikasi dilakukan digunakan untuk menggunakan aplikasi Malang
dengan tujuan untuk megetahui jangkauan e-Policing. Informasi-informasi yang digunakan
pengguna dari aplikasi Malang e-Policing. berupa perangkat keras, perangkat lunak, dan
hal-hal pendukung lainnya. Hasil identifikasi

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 3042

lingkungan sistem dapat dilihat pada tabel 5. Hasil dari aspek errors dihitung dengan
Tabel 5. Hasil Identifikasi Lingkungan Sistem
menggunakan persamaan deffect rate dan
menghasilkan rata-rata nilai sebesar 41%.
No Lingkungan Sistem Menurut Azwar (2012), mengenai kategori
1 Perangkat Keras Smartphone
presentase 41% masuk kedalam kategori cukup
2 Perangkat Lunak Operating system
berbasis android rendah. Meskipun memiliki tingkat errors yang
3 Perlengkapan lain Terdapat koneksi cukup rendah banyak tugas dari responden
internet dalam aplikasi Malang e-Policing yang belum
bisa terselesaikan atau masih banyak tujuan yang
4.2. Analisis Kebutuhan Pengguna belum tercapai.
Pada tahap usability testing, responden Aspek satisfaction dilakukan dengan
yang telah dipilih akan diberikan tugas untuk pemberian kuesioner QUIS (Questionnaire for
diselesaikan. Tugas yang diberikan berkaitan User Interface Satisfaction) setelah
dengan task/tugas pengguna yang telah didapat dilakukannya usability testing. Sebelumnya
dari identifikasi tugas dan tujuan pengguna. kuesioner tersebut dilakukan uji validasi dan
Ketika responden melakukan tugas yang reliabilitas terlebih dahulu sehingga dapat
diberikan, peneliti akan melakukan observasi menjadi tolak ukur penelitian yang tepat. Pada
terhadap perlakuan responden terhadap tugas kuesioner QUIS, terdapat 31 pernyataan dengan
yang sedang dikerjaan. Selain itu peneliti juga pilihan jawaban berupa skala 0-9. Pernyataan
mencatat waktu, jumlah tap, keterangan error, yang diberikan mencakup aspek keseluruhan
dan keberhasilan responden dalam aplikasi, antarmuka, terminologi, pembelajaran,
menyelesaikan tugas yang akan digunakan untuk dan kapabilitas sistem. Berikut merupakan hasil
analisis kebutuhan pengguna. kuesioner yang telah diisi oleh 20 responden.
Hasil dari pengujian learnability desain Tabel 6. Hasil Satisfaction Desain Awal
awal aplikasi Malang e-Policing menunjukkan No. Aspek Presentase Kategori
tingkat presentase rata rata 48,5%. Menurut Nilai
Sauro (2011) sebuah sistem dapat dikatakan baik 1. Keseluruhan 55% Cukup tinggi
apabila tingkat kesuksesan penggunanya lebih Aplikasi
dari 78%. Jika aplikasi mendapatkan nilai 2. Tampilan 45% Cukup rendah
Antarmuka
learnability 100% maka dianggap mampu 3. Terminologi 43% Cukup rendah
membantu pengguna mencapai tujuannya. Bahasa
Sehingga aplikasi Malang e-Policing dikatakan 4. Pembelajaran 43% Cukup rendah
memiliki nilai learnability yang belum 5. Kapabilitas 41% Cukup rendah
memenuhi dan belum membantu pengguna Sistem
Rata rata 45% Cukup rendah
sepenuhnya untuk mencapai tujuan dalam
menggunakan aplikasi Malang e-Policing.
Hasil dari pengujian efficiency desain awal Dari hasil aspek satisfaction pada tabel 6
aplikasi Malang e-Policing didapatkan total menunjukkan nilai kepuasan pengguna terhadap
durasi waktu seluruh responden yang sukses keseluruhan aplikasi sebesar 55%, untuk aspek
mengerjakan tugas 5502 detik dari total tampilan antarmuka sebesar 45%, untuk
keseluruhan waktu 11107 detik. Dimana tabel terminologi bahasa 43%, untuk aspek
berwarna biru menunjukkan durasi responden pembelajaran 43%, dan kapabilitas sistem
yang berhasil menyelesaikan tugas. Setelah sebesar 41%. Dari keseluruhan penilaian
dilakukan perhitungan dengan persamaan mendapatkan nilai rata rata kepuasan pengguna
overall relative efficiency menghasilkan nilai sebesar 45% yang masuk kedalam kategori
49,53% dimana Menurut Azwar (2012), nilai cukup rendah.
tersebut masuk kedalam kategori cukup rendah. Dari permasalahan yang ditemukan pada
Hasil perbandingan memorability uji wawancara dan observasi yang kemudian
pertama dan uji kedua mengalami peningkatan ditanggapi oleh pihak stakeholder dan diberikan
dari segi durasi waktu sebesar 22,34% dan dari batasan maka akan dijadikan menjadi poin
segi jumlah tap sebesar 19,7%. Hal tersebut penting permasalahan. Hasil permasalahan
menunjukkan bahwa pengguna akan menjadi usability pada desain awal dapat dilihat pada
lebih baik setelah menggunakan aplikasi lebih tabel 7.
dari satu kali.

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
Tabel 7. Hasil Permasalahan Usability Desain Awal
No. Permasalahan Usability dan
Antarmuka
1. Informasi dan konten pada
satu menu terlalu panjang
sebaiknya lebih ringkas, jelas,
dan teratur agar mudah untuk
dipahami maksud dan
tujuannya.
2. Tampilan aplikasi (warna dan
tata letak) tidak konsisten dan
kurang rapi, sehingga kurang
menarik dan membuat
pengguna cepat bosan.
Sebaiknya tampilan dibikin
simpel sehingga mudah
digunakan oleh semua
kalangan.
3. Penggunaan nama menu yang
kurang familiar sehingga sulit
dimengerti dan diingat oleh
pengguna.
4. Menu yang error sebaiknya
diberikan keterangan error
atau setidaknya terdapat
progres aplikasi sedang
loading, berhenti atau error
(tidak kosong/blank).
5. Interaksi yang digunakan tidak
konsisten dan tidak sesuai
dengan ekspetasi pengguna
seperti di scroll atau digeser.
6. Penambahan keterangan
“tahan tombol” di tempat yang
mudah dilihat pada tombol
SOS agar tidak terjadi
kesalahan fatal dari pengguna.
7. Beberapa tulisan tidak terbaca
dengan jelas.
8. Penambahan tombol back
pada menu.
9. Tata letak dan bentuk tombol
sulit dikenali dan tidak
konsisten. Sebaiknya tidak
serupa dengan label.
10. Fungsi yang tidak perlu lebih
baik tidak ditampilkan.
11. Penambahan tombol “edit
profile” pada pengaturan
profile.
12. Penambahan notifikasi
mengenai proses dan progres
dari setiap layanan yang
digunakan.
13. Desain pengisian form yang
lebih mudah dan menarik.
14. Penambahan pilihan “jenis
yang lain” pada menu
pelaporan form pilih jenis
pengaduan.
5. HASIL RANCANGAN SOLUSI
Pada bab ini menjabarkan
Fakultas Ilmu Komputer, Universitas Brawijaya
3043
perancangan desain solusi berdasarkan
Kode permasalahan yang telah didapatkan pada tahap
Permasalahan analisis kebutuhan pengguna. Mulai dari hasil
HP-01 usability testing, kuesioner QUIS, wawancara,
observasi, dan batasan dari stakeholder. Proses
pada perancangan desain solusi dimulai dari
penyusunan information architecture,
penyusunan skenario, perancangan desain
HP-02 wireframe, perancangan desain mockup, hingga
perancangan prototipe.
5.1. Information Architecture
Perancangan information architecture (IA)
dilakukan dengan tujuan mengatur dan
mengkalisifikasikan konten dengan cara yang
HP-03 jelas sehingga pengguna akan lebih mudah
menemukan apa yang mereka butuhkan didalam
sistem dengan sedikit usaha (Altexsoft, 2018).
HP-04 Hal hal yang dilakukan untuk merancang
information architecture yaitu melakukan
penelitian terhadap pengguna dan stakeholder,
memperbarui dan meninjau konten, dan
mengklasifikasikan konten, merancang hierarki
HP-05 untuk navigasi pengguna.
Hasil dari perancangan Information
Architecture tersebut dapat menunjukkan
hierarki sekaligus navigasi sistem. Seperti alur
HP-06
pertama dari login kemudian masuk kedalam
beranda. Pada beranda terdapat menu yang
memiliki tingkat sejajar diantaranya halaman
bantuan darurat, halaman dukungan, halaman
HP-07
pesan notifikasi, dan halaman profil. Dibawah
HP-08 beranda terdapat 10 halaman layanan yang
hanya dapat diakses dari beranda yaitu halaman
HP-09 lokasi polsek terdekat, halaman pengaduan
online, halaman SIM, halaman STNK, halaman
BPKB, halaman besuk tahanan, halaman
HP-10 permohonan SKCK, halaman surat kehilangan,
halaman narkoba, dan halaman berita dan
HP-11 informasi.
5.2. Wireframe
HP-12
Perancangan desain perbaikan diawali
dengan pembuatan wireframe. Pada tahap ini
HP-13 pembuatan wireframe akan disesuaikan dengan
permasalahan yang ditemukan, batasan batasan
HP-14 dari stakeholder dan juga pedoman dan prinsip
desain yang ada. Hasil dari perancangan
wireframe telah dilakukan validasi pada
stakeholder dan bukti validasi dapat dilihat pada
lampiran.
Halaman beranda berisi menu menu yang
akan mengarahkan pengguna pada fungsi fungsi
tentang dan fitur yang ada pada aplikasi. Kendala yang
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
ditemui pengguna pada desain awal beranda
yakni pengguna sedikit kesulitan mengenali
setiap fungsi menu karena penggunaan nama
menu yang awam bagi pengguna (HP-03).
Berdasarkan pedoman dan prinsip desain,
bahasa yang digunakan harus familiar, harus
selalu memastikan pengguna dapat memahami
makna tanpa harus mencari definisi dari kata
tersebut, tidak menggunakan frasa yang rumit
yang hanya bisa dipahami oleh profesional
khusus, jangan berasumsi pengguna daat
memahami singkatan atau akronim, pimpin
pengguna dengan frasa yang lengkap (UH-03).
Maka dari itu penggunaan nama menu yang
sebelumnya menggunakan kata seperti Lantas,
Tahti, Intelkam, SPKT dilakukan peninjauan dan
diganti menjadi Pengurusan SIM, Pajak STNK,
Pengurusan BPKB, Besuk Tahanan, Pembuatan
SKCK, dan Surat Kehilangan. Penggunaan nama
menu tersebut juga telah disesuaikan dengan
hasil information architecture. Hasil rancangan
dapat dilihat pada gambar 1.
Gambar 1. Hasil Wireframe
5.3. Mockup
Perancangan Mockup merupakan
perancangan yang lebih detail daripada
wireframe. Pada perancangan ini susunan warna,
icon, gambar dan lainnya ikut dirancang.
Mockup berfungsi sebagai visualisasi sebuah
konsep desain, bisa juga disebut sebagai
gambaran nyata rancangan produk, atau preview
sebuah ide yang terlihat seperti wujud aslinya.
Halaman beranda merupakan halaman
utama dari aplikasi Malang e-Policing. Pada
halaman ini semua fungsi dari aplikasi dapat
diakses. Terdapat pembagian menu pada
halaman beranda. Bagian pertama berisi menu
menu untuk pelayanan masyarakat seperti
pelaporan tindak kriminal, pengurusan SIM,
Fakultas Ilmu Komputer, Universitas Brawijaya
3044
pajak STNK, pengurusan BPKB, pendaftaran
Besuk Online, dll. Bagian kedua berisi bacaan
dan informasi kepada pengguna baik berupa
informasi mengenai narkoba ataupun berita
terkini yang perlu diketahui masyarakat. Berita
dan informasi merupakan menu tambahan yang
direkomendasikan oleh stakeholder untuk
ditambahkan. Hal tersebut nantinya digunakan
Polres Malang untuk menyampaikan berita
penting yang perlu untuk disampaikan kepada
Masyarakat. Selain itu pada halaman beranda
juga ditampilkan profil pengguna yang
diletakkan pada sebuah card dibagian atas. Hasil
dari mockup dapat dilihat pada gambar 2.
Gambar 2. Hasil Mockup
5.4. Prototype
Setelah dilakukan perancangan wireframe
dan mockup langkah selanjutnya adalah
perancangan prototipe. Prototipe merupakan
sebuah model produk yang dapat
menggambarkan bagaimana pengguna dapat
berinteraksi dengan sistem namun belum
sepenuhnya menggambarkan seluruh produk
tersebut. Interkasi yang terdapat pada prototipe
misalnya seperti hasil output dari sistem ketika
pengguna memberikan sebuah input. Dalam
pembuatan prototipe software yang digunakan
pada pembuatan desain perbaikan aplikasi
Malang e-Policing adalah Adobe Experience
Design atau Adobe XD. Berikut merupakan
sebagian gambaran dari hasil perancangan
prototipe Aplikasi Malang e-Policing.
6. HASIL RANCANGAN SOLUSI
Pada tahap ini menjelaskan hasil dari
analisis dan evaluasi desain solusi dan
perbandingan hasil evaluasi desain awal dan
desain solusi.
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
6.1. Analisis Perbandingan Desain Solusi
Perbandingan Hasil
Evaluasi
120,00%
100,00%
80,00%
60,00%
40,00%
20,00%
0,00%
Desain Awal Desain Perbaikan
Gambar 3. Perbandingan Hasil Evaluasi
Dari gambar 3 pada desain awal aplikasi
Malang e-Policing hasil evaluasi menunjukkan
nilai learnability sebesar 48,50%. Persentase
tersebut menunjukkan tingkat kesuksesan
pengguna dalam mencapai tujuan dalam
menggunakan aplikasi Malang e-Policing.
Menurut Sauro (2011), sebuah sistem dapat
dikatakan baik apabila tingkat kesuksesannya
lebih dari 78%. Maka dari itu nilai learnability
desain awal aplikasi Malang e-Policing belum
dapat dikatakan baik dan masih membutuhkan
perbaikan. Sedangkan hasil evaluasi aspek
learnability pada desain perbaikan aplikasi
Malang e-Policing menunjukkan nilai sebesar
99,75% dimana nilai tersebut lebih dari 78%
sehingga dapat dikatakan baik.
Aspek efficiency pada evaluasi desain awal
memiliki nilai sebesar 49,53%. Aspek efficiency
menunjukkan seberapa cepat pengguna dapat
menyelesaikan tugas atau tujuannya didalam
aplikasi Malang e-Policing. Menurut Azwar
(2012), nilai 49,53% masuk ke dalam kategori
cukup rendah. Total waktu pengguna yang
berhasil menyelesaikan tugas pada desain awal
sebesar 5502 detik dari total waktu keseluruhan
11107 detik. Jika dibandingkan dengan hasil
evaluasi desain perbaikan, aspek efficiency
memiliki nilai sebesar 99,70% yang dapat
dikatakan sangat tinggi dengan total waktu
pengguna berhasil menyelesaikan tugas dalam
6092 detik dari total keseluruhan waktu 6110
detik.
Pada aspek errors pengujian dilakukan
untuk mengetahui tingkat kesalahan pengguna
Fakultas Ilmu Komputer, Universitas Brawijaya
3045
dalam menggunakan aplikasi Malang e-
Policing. Semakin rendah tingkat kesalahan
pengguna maka aplikasi tersebut semakin baik.
Pengujian pada desain awal aplikasi Malang e-
Policing menunjukkan nilai errors sebesar 41%
dimana angka tersebut tergolong cukup rendah.
Jika dibandingkan dengan hasil evaluasi pada
desain perbaikan menunjukkan nilai 0,07% yang
masuk ke dalam kategori sangat rendah. Maka
dari itu desain perbaikan aplikasi Malang e-
Policing memiliki tingkat kesalahan pengguna
yang lebih kecil daripada desain awal aplikasi
Malang e-Policing.
Satisfacton diukur dengan pemberian
kuesioner QUIS setelah pengguna
menyelesaikan usability testing. Pemberian
kuesioner ini bertujuan untuk mengetahui
tingkat kepuasan pengguna terhadap aplikasi
Malang e-Policing. Dari hasil pengujian desain
awal nilai kepuasan pengguna terhadap aplikasi
Malang e-Policing memiliki rata rata sebesar
45%. Sedangkan pada hasil pengujian desain
perbaikan nilai kepuasan pengguna meningkat
menjadi 95,46%. Berikut merupakan rincian dari
hasil pengujian aspek satisfaction. Untuk rincian
hasil satisfaction dapat dilihat pada gambar 4.
Perbandingan Hasil Satisfaction
120%
100%
80%
60%
40%
20%
0%
Desain Awal Desain Perbaikan
Gambar 4. Perbandingan Hasil Satisfaction
Pada kuesioner QUIS terdapat beberapa
aspek secara umum dan khusus yang diajukan
pada pengguna. Untuk aspek Keseluruhan
Aplikasi pada desain awal mendapatkan nilai
55% dan pada desain perbaikan menjadi 95,6%.
Untuk aspek tampilan aplikasi desain awal
mendapat nilai 45% dan pada desain perbaikan
mendapat nilai 95,6%. Pada aspek terminologi
bahasa desain awal mendapat nilai 43% dan dapa
desain perbaikan mendapat nilai 95,4%. Pada
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
aspek pembelajaran desain awal mendapat nilai
43% dan pada desain perbaikan mendapat nilai
95,7%. Untuk kapabilitas sistem desain awal
mendapat nilai sebesar 41% dan desain
perbaikan mendapat nilai sebesar 95%.
Perbandingan memorability dilakukan
untuk menguji daya ingat pengguna ketika
menggunakan aplikasi Malang e-Policing.
Pengujian daya ingat pengguna dilakukan
terhadap waktu dan jumlah tap pengguna ketika
menggunakan aplikasi. Pengujian dilakukan 2
kali untuk mengetahui peningkatan daya ingat
pengguna dari pengujian pertama dan kedua.
Pada pengujian memorability desain awal
aplikasi Malang e-Policing dapat dilihat pada
gambar 5 dimana peningkatan daya ingat
pengguna mengalami peningkatan dari segi
waktu sebesar 22,34% dari 11107 detik pada
pengujian memorability pertama dan 8625 detik
pada pengujian kedua. Sedangkan pada desain
perbaikan aplikasi Malang e-Policing
peningkatan daya ingat pengguna dari segi
waktu sebesar 15,15% dari 6098 detik pada
pengujian memorability pertama dan 5174 detik
pada pengujian kedua. Meskipun peningkatan
daya ingat pengguna pada desain perbaikan lebih
kecil dari desain awal, namun desain perbaikan
memiliki jumlah total waktu yang jauh lebih
sedikit dari desain awal baik pada pengujian
pertama maupun pengujian kedua. Hal ini
menunjukkan bahwa pengguna mampu
mengingat dan menyelesaikan tugas dalam
waktu yang sebentar pada desain perbaikan.
Perbandingan memorability dalam segi
jumlah tap pada desain awal aplikasi Malang e-
Policing mengalami peningkatan daya ingat
sebesar 19,7% dari total tap 2211 pada pengujian
pertama dan 1775 pada pengujian kedua.
Sedangkan pada desain perbaikan memorability
dalam segi tap mengalami kenaikan daya ingat
sebesar 9,36% dari total 2606 pada pengujian
pertama dan 2362 pada pengujian kedua.
Perbedaan jumlah tap pada desain awal dan
desain perbaikan dipengaruhi oleh keberhasilan
pengguna karena pada pengujian desain awal
banyak pengguna yang tidak menyelesaikan
tugas sehingga jumlah tap pada pengujian desain
awal memiliki jumlah yang sedikit. Dimana hal
tersebut berbeda dengan jumlah tap pada desain
perbaikan karena hampir seluruh pengguna
menyelesaikan tugas hingga selesai sehingga
memiliki jumlah tap yang lebih banyak.
Fakultas Ilmu Komputer, Universitas Brawijaya
3046
7. DAFTAR PUSTAKA
Altexsoft. 2018. How to Create Information
Architecture for Web Design. Altexsoft
[Online]. Tersedia di:
https://www.altexsoft.com/blog/uxdesign
/how-to-create-information-architecture-
for-web-design/. [Diakses 16 Mei 2020].
Azwar, S. 2012. Metode Penelitian. Yogyakarta:
Pustaka Pelajar.
ISO: Internasional Organization for
Standardization. 1998. Ergonomic
Requirements for Office Work with Visual
Display Terminals (VDTS). Part 11:
Guidance on Usability. ISO 9241-11.
ISO: Internasional Organization for
Standardization. 2010. Ergonomics of
Human-System Interaction. Part 210:
Human-Centred Design for Interactive
Systems. ISO 9241-210.
Mifsud, J. 2015. Usability Metric-A Guide to
Quantify the Usability of Any System.
Usability Geek [Online]. Tersedia di:
https://usabilitygeek.com/usability-
metrics-a-guide-to-quantify-system-
usability/. [Diakses 27 Januari 2020].
Moran, K. 2019. Usability Testing 101. Nielsen
Norman Group [Online] Tersedia di:
https://www.nngroup.com/articles/usabili
ty-testing-101/. [Diakses 20 Januari
2020].
Nielsen, J. 2012. Usability 101: Introduction to
Usability. Nielsen Norman Group
[Online]. Tersedia di:
https://www.nngroup.com/articles/usabili
ty-101-introduction-to-usability/.
[Diakses 20 Januari 2020].
Sauro, J. 2011. What is a Good Task-Completion
Rate? [Online]. Tersedia di:
https://measuringu.com/task-completion/.
[Diakses 27 Januari 2020].
Stone, D., Caroline, J., Mark, W., Shailey, M.
2005. User Interface Design and
Evaluation. San Fransisco: Morgan
Kaufmann.
Tullis, T., Albert, B. 2008. Measuring the User
Experience Collecting, Analyzing, and
Presenting Usability Metrics. United
States: Morgan Kaufmann.