Computer Science (CO-SCIENCE) Vol.
5 No.
2 Juli 2025 Akreditasi Sinta 4 Nomor SK : 230/E/KPT/2022 Evaluasi Dan Redesain Antarmuka Website megapolitanpos.
Menggunakan Metode Usability Testing Dan Heuristic Evaluation Jonathan Tanuwijaya1.
Arfhan Prasetyo2* Program Studi Informatika.
Fakultas Teknologi Informasi.
Universitas Nusa Mandiri Jl.
Raya Jatiwaringin No.
RT.
8/RW.
Cipinang Melayu.
Kec.
Makasar.
Kota Jakarta Timur.
Daerah Khusus Ibukota Jakarta 13620.
Indonesia e-mail: 1jonathantanuwijaya90@gmail.
com, 2arfhan.
prasetyo@gmail.
(*) Corresponding Author Artikel Info : Diterima : 13-06-2025 | Direvisi : 27-07-2025 | Disetujui : 29-07-2025 Abstrak - Megapolitanpos.
com, portal berita online terverifikasi Dewan Pers, menghadapi masalah usability seperti navigasi kompleks, layout tidak terorganisir, dan desain visual kurang menarik.
Penelitian ini bertujuan mengidentifikasi masalah, mendesain ulang antarmuka, dan meningkatkan kepuasan pengguna melalui Usability Testing dan Heuristic Evaluation.
Dari 373 responden, ditemukan masalah utama seperti navigasi tidak intuitif, kategori berita tidak konsisten, informasi tidak terstruktur, ketiadaan indikator pemuatan halaman, dan kurangnya panduan pengguna.
Sebagian besar masalah memiliki severity rating 2, membutuhkan desain ulang.
Rata-rata severity rating yang diperoleh adalah 2.
Rekomendasi mencakup perbaikan tata letak kategori, penambahan indikator pemuatan, tooltips, dan penyusunan elemen informasi secara logis, dengan mempertahankan warna biru sebagai identitas visual.
Prototipe desain berbasis HTML dan Bootstrap dirancang berdasarkan analisis valid dan reliabel, diharapkan dapat meningkatkan pengalaman pengguna dan menyajikan informasi lebih intuitif.
Kata Kunci : Desain Antarmuka.
Heuristic Evaluation.
Usability Testing.
Severity Rating Abstracts - Megapolitanpos.
com, a Press Council-verified online news portal, faces usability problems such as complex navigation, unorganized layout, and less attractive visual design.
This research aims to identify problems, redesign the interface, and improve user satisfaction through Usability Testing and Heuristic Evaluation.
From 373 respondents, major problems such as unintuitive navigation, inconsistent news categories, unstructured information, absence of page loading indicators, and lack of user guidance were found.
Most of the issues had a severity rating of 2, requiring redesign.
The average severity rating obtained was 2.
Recommendations include improving the category layout, adding loading indicators, tooltips, and arranging information elements logically, while maintaining the blue color as the visual identity.
HTML and Bootstrap-based design prototypes designed based on valid and reliable analysis are expected to improve user experience and present information more Keywords : Interface Design.
Heuristic Evaluation.
Usability Testing.
Severity Rating PENDAHULUAN Website merupakan salah satu media utama yang digunakan untuk menyampaikan informasi secara cepat dan luas(Praja et al.
, 2.
Dalam era digital, kualitas antarmuka pengguna .
ser interfac.
dan pengalaman pengguna .
ser experienc.
menjadi faktor yang sangat penting untuk menarik serta mempertahankan pengguna.
Website berita online seperti Megapolitanpos.
com memiliki peran strategis dalam distribusi informasi, namun performa antarmukanya dinilai belum optimal.
Masalah utama yang diidentifikasi antara lain navigasi membingungkan, tata letak tidak terorganisir, gambar tidak proporsional serta beresolusi rendah dan tampilan kurang menarik, serta iklan yang menutupi konten berita.
Selain itu, halaman utama membutuhkan banyak gulir untuk menemukan Namun, daya saing sebuah portal berita tidak hanya ditentukan oleh konten yang disajikan, tetapi juga bagaimana pengguna dapat mengakses dan menikmati konten tersebut dengan mudah dan nyaman(Amirulloh et , 2.
Berbagai studi sebelumnya seperti pada warehouse marketplace juga menunjukkan efektivitas metode heuristic evaluation dalam mengidentifikasi permasalahan usability secara sistematis (Azkya et al.
, 2.
Selain itu, penelitian pada aplikasi e-KIA (Bachtiar et al.
, 2.
, aplikasi mobile pendidikan (Fatihahsari & Darujati, 2.
This work is licensed under a Creative Commons Attribution-ShareAlike 4.
0 International License.
Copyright .
2025 The Autour.
Computer Science (CO-SCIENCE) Vol.
5 No.
2 Juli 2025 | E-ISSN: 2774-9711 | P-ISSN: 2808-9065 dan aplikasi untuk lansia (Duma Konda et al.
, 2.
, serta sistem informasi rumah sakit (Ernanda et al.
, 2.
memperkuat pentingnya evaluasi antarmuka dari berbagai konteks pengguna.
Evaluasi antarmuka website menggunakan metode heuristik juga telah diterapkan pada situs edukasi dan layanan publik seperti LPGo (Goenawan et al.
, 2.
Berdasarkan data dari Google Analytics (Daffa Ikhsan Afdallah1.
Ekatri Ayuningsih2, 2.
, website Megapolitanpos.
com mencatat 5.
615 kunjungan selama periode 1 November hingga 30 November 2024.
Angka ini menunjukkan potensi trafik yang baik, namun belum ditunjang oleh performa antarmuka yang optimal.
Meskipun terdapat banyak studi terkait evaluasi usability situs web, sebagian besar fokus pada aplikasi ecommerce, sistem informasi akademik, maupun aplikasi mobile (Putri.
A & Dwi, 2.
dan aplikasi fiansial (Sriyeni, 2.
, namun belum ada penelitian yang secara khusus mengevaluasi usability portal berita lokal masih terbatas.
Studi ini berupaya mengisi celah tersebut dengan menyajikan analisis empiris berbasis usability testing dan heuristic evaluation terhadap antarmuka Megapolitanpos.
Hal ini menimbulkan kebutuhan untuk melakukan evaluasi dan perancangan ulang antarmuka agar pengalaman pengguna dapat ditingkatkan, sehingga website ini mampu memberikan layanan yang lebih baik bagi para pembaca dan penulis berita.
Tampilan visual dan media multimedia juga memiliki peran penting dalam menyampaikan pesan jurnalistik secara efektif (Siregar & Saragih, 2.
Selain itu, penelitian ini menyertakan proses perancangan ulang antarmuka (UI redesig.
berbasis prototipe HTML dan Bootstrap, yang merupakan pendekatan praktis yang belum banyak diterapkan dalam konteks serupa.
Dengan demikian, penelitian ini tidak hanya memberikan kontribusi teoritis, tetapi juga solusi nyata bagi pengelolaan portal berita digital.
Selain itu, verifikasi oleh Dewan Pers menjadi salah satu indikator penting bagi kredibilitas sebuah portal Dengan terdaftar dan diverifikasi oleh Dewan Pers dengan nomor sertifikat: 896 / DP-Verifikasi / K / XII / 2021.
Megapolitanpos.
com dapat memperkuat posisinya sebagai media yang tepercaya dan sesuai dengan standar jurnalistik yang berlaku(Dewan Pers, 2.
Oleh karena itu, peningkatan usability dan desain antarmuka juga diharapkan mendukung proses verifikasi ini dengan memastikan website mampu memenuhi kriteria yang ditetapkan(Putra et al.
, 2.
Kajian pustaka menunjukkan bahwa usability adalah faktor kunci kesuksesan website, mencakup aspek seperti learnability, efficiency, dan satisfaction (Putra et al, 2020.
Mayasari & Heryana.
Evaluasi heuristic efektif mengidentifikasi masalah dengan cepat, sementara usability testing memberikan umpan balik langsung dari pengguna.
Prototipe berbasis HTML dan Bootstrap memungkinkan desain interaktif yang mendekati produk akhir.
Pendekatan evaluasi dan perancangan ulang berbasis heuristic juga digunakan pada studi serupa dalam konteks aplikasi digital lainnya (Indrayan Septiandi et al.
, 2024.
Mentari et al.
, 2.
Tujuan penelitian ini antara lain mengidentifikasi masalah usability pada antarmuka, merancang ulang desain untuk lebih intuitif dan user-friendly dan meningkatkan kepuasan pengguna melalui akses informasi yang lebih mudah dan pengalaman yang lebih baik.
Tujuan utama dari penelitian ini adalah Mengidentifikasi permasalahan usability pada antarmuka website Megapolitanpos.
Merancang ulang antarmuka agar lebih intuitif dan userfriendly.
Meningkatkan kepuasan pengguna melalui penyajian informasi yang lebih mudah diakses dan pengalaman interaksi yang lebih baik.
METODE PENELITIAN
Tahapan-tahapan penelitian yang dilaksanakan pada website berita online megapolitanpos.
menggunakan metode usability testing dan heuristic evaluation dapat dijelaskan melalui langkah-langkah berikut:
Sumber : Hasil Penelitian .
Gambar 1.
Tahapan Penelitian http://jurnal.
id/index.
php/co-science Computer Science (CO-SCIENCE) Vol.
5 No.
2 Juli 2025 | E-ISSN: 2774-9711 | P-ISSN: 2808-9065 Metode penelitian meliputi observasi interaksi pengguna untuk mengidentifikasi masalah, wawancara dengan pemimpin redaksi untuk mendalami kebutuhan pengguna, studi literatur sebagai dasar teoritis, dan kuesioner berbasis usability testing serta heuristic evaluation untuk mengevaluasi pengalaman pengguna.
Penelitian ini menggunakan data primer yang dikumpulkan langsung dari responden pengguna aktif Megapolitanpos.
Data primer tersebut berupa hasil evaluasi yang diperoleh melalui kuesioner daring, yang dirancang berdasarkan prinsip usability dan heuristik Nielsen.
Teknik pengumpulan data dilakukan dengan penyebaran kuesioner secara daring menggunakan platform digital untuk mempermudah aksesibilitas.
Kuesioner terdiri dari 30 pernyataan yang disusun dalam 10 kategori, seperti Usability(Learnability & Memorability.
Efficiency & Errors, satisfactio.
, serta prinsip heuristic Visibility of System Status.
Match Between System and the Real World.
User Control and Freedom.
Consistency and Standards.
Error Prevention.
Recognition Rather Than Recall.
Flexibility and Efficiency of Use.
Aesthetic and Minimalist Design.
Help Users Recognize.
Diagnose, and Recover from Errors.
Help and Documentation, dengan skala Likert 5 poin .
Tabel 1.
Pernyataan Indikator U1.
Informasi di website ditampilkan dalam urutan yang logis dan mudah dimengerti oleh U1.
Navigasi dan kategori berita konsisten di seluruh halaman.
U2.
U2.
U3.
Indikator pemuatan halaman muncul saat halaman sedang dimuat .
eperti spinner atau progress ba.
Sistem memberikan panduan atau batasan klik untuk mencegah kesalahan pengguna.
U3.
Elemen visual di situs memiliki kontras yang memadai untuk meningkatkan keterbacaan Tata letak dan font yang digunakan mudah dibaca dan tidak berlebihan.
H1.
Status terkini, seperti berita utama atau cuaca, ditampilkan dengan jelas di halaman utama.
H1.
Pengunjung dapat dengan mudah mengetahui status progres artikel yang sedang dibaca.
H2.
Istilah yang digunakan di website, seperti 'Berita Utama' atau 'Populer', sesuai dengan ekspektasi pengguna.
Elemen visual, seperti ikon atau gambar, mencerminkan fungsi atau tindakan yang relevan bagi pengguna.
Tersedia tombol navigasi yang mempermudah pengguna kembali ke halaman sebelumnya.
H2.
H3.
H3.
Pengguna memiliki opsi untuk membatalkan atau mengubah tindakan, seperti menutup artikel atau kembali ke halaman utama.
H3.
Ada konfirmasi yang jelas untuk tindakan yang tidak dapat dibatalkan, seperti menghapus artikel dari favorit atau menyimpan artikel.
Sumber : Hasil Penelitian .
Pendekatan ini bertujuan untuk mengukur persepsi responden terhadap masalah usability dan tingkat Sebanyak 373 responden berpartisipasi dalam survei ini.
Evaluasi heuristik dilakukan melalui kuesioner berbasis prinsip Nielsen kepada dua kelompok: wartawan sebagai evaluator dengan latar belakang profesional jurnalistik, dan pengguna umum sebagai representasi audiens aktual.
Pendekatan ini digunakan untuk memperoleh perspektif usability dari sisi ahli konten dan pengguna akhir secara bersamaan.
Populasi penelitian diambil dari data Google Analytics megapolitanpos.
com dalam rentang periode 1 November hingga 30 November 2024, dengan total jumlah populasi sebanyak 5.
615 pengguna.
Untuk menentukan jumlah sampel yang representatif, digunakan metode Slovin (S) dengan tingkat toleransi kesalahan 5%.
ycA Rumus Slovin: :
ycu= 1 ycA ycu yceA Diketahui:
n = ukuran sampel N = 5615 .
kuran populas.
e = 5.
0% margin of error .
esalahan yang ditolerans.
Langkah-langkah perhitungan:
Hitung eA => eA = 0.
05A = 0.
ycA Masukan nilai kedalam slovin : ycu = 1 ycA ycu yceA Subtitusi nilai N dan e2 :
ycu= 1 5615 ycu 0.
Hitung Penyebut ( 1 (N x eA) ):
http://jurnal.
id/index.
php/co-science Computer Science (CO-SCIENCE) Vol.
5 No.
2 Juli 2025 | E-ISSN: 2774-9711 | P-ISSN: 2808-9065 1 5615 y 0,0025 = 1 14,0375 = 15,0375 Hitung n .
kuran sampe.
: ycu = C 373.
Jumlah sampel yang diperlukan adalah n OO 373 .
ibulatkan ke ata.
Kuesioner dengan skala severity rating .
Ae.
digunakan untuk mengukur tingkat keparahan masalah, melibatkan pengguna aktif untuk memastikan relevansi hasil.
diterangkan dengan tabel sebagai berikut:
Tingkat Masalah .
Tidak Ada Masalah Tabel 2.
Skala Severity Rating Deskripsi Tidak mempengaruhi pengalaman pengguna secara signifikan.
Masalah Ringan (Mino.
Masalah kecil yang tidak mengganggu fungsi utama, namun perlu diperhatikan.
Masalah Sedang Masalah yang memengaruhi usability dan memerlukan solusi segera.
(Moderat.
Masalah Serius (Majo.
Masalah signifikan yang dapat menghambat pengguna menyelesaikan tugasnya.
Masalah Kritis (Sangat Masalah yang menyebabkan kegagalan total fungsi dan harus segera diatasi.
Seriu.
Sumber : Hasil Penelitian .
Selanjutnya, severity rating dihitung menggunakan formula: Severity = ( Ratin.
/ Jumlah Penilai Nilai rating diberikan oleh responden berdasarkan dampak masalah usability terhadap pengalaman mereka.
Analisis Uji data dilakukan dalam beberapa tahap.
Pertama, uji validitas dan reliabilitas diterapkan untuk memastikan bahwa kuesioner sebagai instrumen penelitian menghasilkan data yang konsisten dan sesuai.
Solusi berupa prototipe high-fidelity berbasis HTML dan Bootstrap dirancang berdasarkan analisis validitas dan reliabilitas data.
HASIL DAN PEMBAHASAN
Instrumen Penelitian Dalam penelitian ini, kuesioner berbasis skala Likert dengan severity rating digunakan untuk mengumpulkan data dari responden.
Kuesioner disebarkan secara daring melalui Google Form dengan tautan:
https://forms.
gle/yqbgQNPFbfEeuzRq5, yang disematkan pada halaman utama website Megapolitanpos.
Setelah responden mengisi kuesioner, formulir pop-up pada website akan otomatis hilang sebagai indikasi bahwa kuesioner telah berhasil diisi.
Seperti gambar dibawah ini:
Sumber : Hasil Penelitian .
Gambar 2.
Pop Up Kuesioner di Halaman Megapolitanpos.
Klasifikasi responden dalam penelitian ini dibagi ke dalam tiga kategori utama yang di jelaskan pada tabel Ae tabel di bawah ini.
Tabel 3.
Jenis Kelamin Jenis Kelamin Jumlah Responden Persentase (%) Laki-Laki Perempuan Total Sumber : Hasil Penelitian .
Dari total 373 responden, 57% atau 213 orang adalah laki-laki, sedangkan 43% atau 160 orang adalah perempuan.
Data ini menunjukkan dominasi responden laki-laki dengan kontribusi perempuan yang tetap signifikan.
http://jurnal.
id/index.
php/co-science Computer Science (CO-SCIENCE) Vol.
5 No.
2 Juli 2025 | E-ISSN: 2774-9711 | P-ISSN: 2808-9065 Gambar 3.
Rentang Usia Sumber : Hasil Penelitian .
Mayoritas responden berasal dari rentang usia 30-39 tahun .
%), diikuti oleh usia 20-29 tahun .
%), yang bersama-sama mencakup sebagian besar dari total 373 responden.
Tabel 4.
Kontributor Atau Umum Kontributor Tidak Total Sumber : Hasil Penelitian .
Responden Persentase (%) Sebagian besar responden, yaitu 98% atau 365 orang, bukan kontributor, sementara hanya 2% atau 8 orang yang merupakan kontributor.
Severity Rating Severity rating mengukur tingkat keparahan masalah di website Megapolitanpos.
com pada skala 0Ae4, dengan perhitungan Severity Mean = Nilai / Jumlah Data Data: 2.
0, 1.
9, 1.
9, 2.
1, 2.
1, 2.
0, 1.
6, 1.
9, 1.
7, 1.
9, 2.
0, 2.
0, 2.
1, 2.
2, 2.
1, 2.
1, 2.
0, 2.
1, 2.
0, 2.
1, 2.
0, 2.
0, 1.
9, 2.
0, 2.
0, 2.
0, 2.
0, 2.
0, 2.
/ jumlah data = 30 Mean = Semua Nilai / 30 = 59.
7 / 30
Mean = 1.
99 dibulatkan menjadi 2.
Pengujian Validitas Menurut (Maulana & Prasetyo, 2.
,Uji validitas instrumen bertujuan untuk mengevaluasi sejauh mana alat ukur mampu menjalankan fungsi pengukurannya dengan tepat dan akurat.
Evaluasi validitas dalam penelitian ini juga mengacu pada prinsip evaluasi pendidikan untuk memastikan instrumen tepat sasaran (Riinawati, 2.
Derajat kebebasan .
,dituliskan dengan rumus sebagai berikut:
yeIyeN = yea Oe ya Untuk jumlah sampel sebanyak 373 dan tingkat signifikansi 0,05, nilai r tabel yang diperoleh yaitu:
yccyce = ycu Oe 2 = 373 Ae 2 yccyce = ycyiya Nilai yang tertera pada r tabel untuk n = 371 sebesar OO 0,102.
= 0.
Sumber : Hasil Penelitian .
Kode U1.
U1.
U2.
U2.
Tabel 5.
R Hitung Signifikan Taraf Signifikan r = 0.
Tabel 6.
Hasil Uji Validitas Korelasi Pearson
R Tabel
0,540
0,102
0,603
0,102
0,534
0,102
0,629
0,102
http://jurnal.
id/index.
php/co-science = 0.
Keterangan Valid Valid Valid Valid Computer Science (CO-SCIENCE) Vol.
5 No.
2 Juli 2025 | E-ISSN: 2774-9711 | P-ISSN: 2808-9065 U3.
U3.
H1.
H1.
H2.
H2.
H3.
H3.
H3.
H4.
H4.
H5.
H5.
H6.
H6.
H7.
H7.
H7.
H8.
H8.
H9.
H9.
H9.
H10.
H10.
H10.
Sumber : Hasil Penelitian .
0,570 0,609 0,560 0,528 0,585 0,577 0,591 0,586 0,587 0,585
0,603
0,634
0,597
0,604
0,589
0,569
0,577
0,584
0,614
0,594
0,585
0,636
0,586
0,583
0,580
0,567
0,102
0,102
0,102
0,102
0,102
0,102
0,102
0,102
0,102
0,102
0,102
0,102
0,102
0,102
0,102
0,102
0,102
0,102
0,102
0,102
0,102
0,102
0,102
0,102
0,102
0,102
Valid Valid Valid Valid Valid Valid Valid Valid Valid Valid Valid Valid Valid Valid Valid Valid Valid Valid Valid Valid Valid Valid Valid Valid Valid Valid Artinya, instrumen yang valid adalah alat ukur yang dapat secara efektif mengukur apa yang memang seharusnya diukur sesuai dengan tujuan penelitian.
Berdasarkan hasil uji validitas, semua item dinyatakan valid.
Interpretasi validitas dilakukan dengan membandingkan nilai r hitung dengan r tabel.
Jika r hitung > r tabel, maka item tersebut dinyatakan valid karena memenuhi kriteria validitas.
Pengujian Reliabilitas Untuk menentukan apakah nilai-nilai dalam kuesioner dapat dipercaya atau konsisten, dilakukan uji reliabilitas menggunakan metode Cronbach's Alpha dimana didapat 0.
934 menunjukan reliabel.
Tabel 7.
Hasil Uji Reliabilitas Reliability Statistics Cronbach's Alpha N of Items Sumber : Hasil Penelitian .
Reliability statistics menunjukkan hasil analisis Cronbach's Alpha sebesar 0,934 untuk 30 item.
Nilai ini menunjukkan bahwa instrumen penelitian memiliki tingkat reliabilitas yang sangat tinggi.
Umumnya, nilai Cronbach's Alpha di atas 0,7 dianggap reliabel, sehingga nilai 0,934 menunjukkan bahwa item-item dalam instrumen ini konsisten dan dapat dipercaya untuk mengukur konstruk yang dimaksud.
Hasil Mean Berdasarkan tabel "Scale Statistics" di atas, berikut adalah narasi penjelasan untuk setiap komponen statistik yang Mean (Rata-rat.
: 59.
68, menunjukkan nilai tengah data.
Variance (Varians.
: 544.
795, mengindikasikan tingkat variasi yang besar dalam data.
Standard Deviation (Standar Devias.
: 23.
341, menunjukkan penyimpangan data yang signifikan dari rata-rata.
N of Items (Jumlah Ite.
: 30, menunjukkan jumlah item yang dianalisis.
Tabel 8.
Hasil Uji Mean Indikator Scale Statistics Mean Variance Std.
Deviation N of Items http://jurnal.
id/index.
php/co-science Computer Science (CO-SCIENCE) Vol.
5 No.
2 Juli 2025 | E-ISSN: 2774-9711 | P-ISSN: 2808-9065 Sumber : Hasil Penelitian .
Hasil statistik menunjukkan bahwa data memiliki rata-rata 59.
68 dengan variasi dan penyimpangan yang cukup besar .
795 dan standar deviasi 23.
Hal ini menunjukkan bahwa data cukup tersebar di sekitar rata-rata.
Dengan jumlah 30 item yang dianalisis, data ini dapat memberikan gambaran yang cukup baik tentang fenomena yang diukur.
Rekomendasi Perancangan Ulang Evaluasi menggunakan kuesioner dengan 30 pernyataan dan skala severity rating 0Ae4 telah mengidentifikasi masalah dengan nilai Ou 2.
0 sebagai signifikan.
Prioritas perancangan ulang difokuskan pada kemudahan akses informasi, konsistensi tampilan, dan kelancaran interaksi pengguna.
Berikut ini adalah rekomendasi yang diusulkan didasarkan pada analisis ini dan perbandingan dengan kondisi website Megapolitanpos saat ini untuk meningkatkan pengalaman pengguna secara signifikan.
Tabel 9.
Rekomendasi Perancangan Ulang U1.
Severity Rating dan Rekomendasi Perbaikan Severity Pembulatan Masalah Sedang:
Desain ulang dilakukan dengan menambahkan highlight warna pada teks yang dituju oleh kursor, sehingga urutan navigasi menjadi lebih jelas dan mudah dipahami Kode U1.
Sumber : Hasil Penelitian .
Contoh hasil desain ulang terlihat pada gambar berikut:
Sumber : Hasil Penelitian .
Gambar 4.
Tampilan Desain Awal .
dan Desain Ulang .
Untuk pengalaman menjelajah yang lebih baik, kami telah menambahkan fitur highlight warna pada teks yang sedang aktif.
Fitur ini membantu Anda memahami struktur navigasi website dengan lebih jelas, seperti pada gambar dan tabel diatas.
Kode U1.
Severity Pembulatan Tabel 10.
Rekomendasi Perancangan Ulang U1.
Severity Rating dan Rekomendasi Perbaikan Masalah Sedang:
Perbaikan pada desain navigasi mobile, terutama terkait dengan penataan letak, warna, dan efek hover, dapat memberikan dampak besar terhadap kenyamanan pengguna dan letak halaman aktif di Navigasi Sumber :Hasil Penelitian .
http://jurnal.
id/index.
php/co-science Computer Science (CO-SCIENCE) Vol.
5 No.
2 Juli 2025 | E-ISSN: 2774-9711 | P-ISSN: 2808-9065 Contoh hasil desain ulang terlihat pada gambar berikut:
Sumber : Hasil Penelitian .
Gambar 5.
Tampilan Desain Awal .
dan Desain Ulang .
U1.
Penataan letak yang baik dan penggunaan warna yang kontras membuat elemen navigasi lebih mudah dilihat dan dibaca, seperti pada gambar dan tabel diatas.
Mengapa Indikator Pemuatan Penting.
Indikator pemuatan memberikan umpan balik visual kepada pengguna bahwa aplikasi sedang memproses suatu tindakan, seperti memuat halaman atau data.
Seperti pada tabel dan gambar dibawah ini.
Kode U2.
Tabel11 .
Rekomendasi Perancangan Ulang U2.
Severity Severity Rating dan Rekomendasi Perbaikan Pembulatan Masalah Sedang:
Tambahkan indikator pemuatan yang terlihat, seperti spinner atau progress bar, agar pengguna mengetahui bahwa halaman sedang dimuat.
Sumber : Hasil Penelitian .
Contoh hasil desain ulang terlihat pada gambar berikut:
Sumber : Hasil Penelitian .
Gambar 6.
Tampilan Desain Awal .
dan Desain Ulang .
U2.
Kode U3.
Tabel 12.
Rekomendasi Perancangan Ulang U3.
Severity Severity Rating dan Rekomendasi Perbaikan Pembulatan Masalah Sedang:
Sesuaikan ukuran font dan ruang antar elemen agar lebih mudah Hindari penggunaan font dekoratif yang berlebihan.
Spesifikasi Font : Poppins .
Font Size 16px, color a : #333333, style: Rata Kiri Kanan Sumber : Hasil Penelitian .
Contoh hasil desain ulang terlihat pada gambar berikut:
http://jurnal.
id/index.
php/co-science Computer Science (CO-SCIENCE) Vol.
5 No.
2 Juli 2025 | E-ISSN: 2774-9711 | P-ISSN: 2808-9065 Sumber : Hasil Penelitian .
Gambar 7.
Tampilan Desain Awal .
dan Desain Ulang .
U3.
Sumber : Hasil Penelitian .
Gambar 8.
grafik Distribusi Severity Rating pada Evaluasi Usability Grafik ini menunjukkan jumlah indikator usability berdasarkan hasil pembulatan skor severity.
Terlihat bahwa mayoritas indikator berada pada tingkat keparahan rating 2 .
asalah sedan.
, yang menjadi dasar utama untuk rekomendasi perbaikan antarmuka.
KESIMPULAN
Usability testing dan heuristic evaluation yang dilakukan terhadap 373 responden berhasil mengidentifikasi area utama yang perlu diperbaiki pada Megapolitanpos.
com, seperti navigasi yang kurang intuitif, penyajian informasi yang tidak terstruktur, ketiadaan indikator pemuatan halaman, serta minimnya panduan pengguna seperti tooltips atau feedback visual.
Masalah-masalah tersebut mayoritas berada pada tingkat keparahan sedang .
everity rating .
, yang mengindikasikan perlunya desain ulang.
Rekomendasi perbaikan meliputi penataan ulang kategori berita, penambahan indikator pemuatan seperti progress bar, penyusunan informasi yang lebih logis, serta penambahan elemen panduan navigasi.
Desain ulang mempertahankan warna biru sebagai identitas visual utama untuk menjaga konsistensi merek.
Instrumen penelitian terbukti valid dan reliabel dalam mendukung proses redesign antarmuka.
Penelitian ini memberikan kontribusi teoritis dengan menunjukkan efektivitas pendekatan gabungan antara heuristic evaluation dan usability testing dalam mengevaluasi antarmuka portal berita, dan dapat dijadikan referensi untuk studi serupa pada platform digital lain dengan karakteristik pengguna yang mirip.
Namun, penelitian ini memiliki keterbatasan, yaitu hanya melibatkan pengguna aktif Megapolitanpos.
com tanpa melibatkan uji lanjut terhadap prototipe desain baru.
Keterbatasan Penelitian ini telah menyajikan informasi kuantitatif berupa skor severity rating dari 37 indikator heuristik, dengan sebagian besar berada pada tingkat keparahan sedang .
ata-rata severity .
Data ini digunakan sebagai dasar perancangan ulang antarmuka.
Namun, karena prototipe belum diuji secara kuantitatif dalam post-test usability, maka belum tersedia perbandingan skor usability sebelum dan sesudah.
Oleh karena itu, uji lanjutan terhadap prototipe diusulkan dalam penelitian berikutnya untuk mengukur dampak empiris dari desain baru.
Oleh karena itu, penelitian lanjutan disarankan untuk menguji prototipe hasil desain ulang melalui post-test usability guna mengukur dampak perbaikan secara empiris terhadap kepuasan pengguna dan kecenderungan mereka untuk kembali menggunakan website.
REFERENSI