Pendampingan UI/UX SukaMuda sebagai Media Informasi Generasi Muda

Anggun Fergina; M Sabri Nurzaman; Aulia Kusuma Wardani; Zaenal Alamsyah

doi:10.58266/jpmb.v5i2.1874

Authors

Anggun Fergina Universitas Nusa Putra, Indonesia
M Sabri Nurzaman Universitas Nusa Putra, Indonesia
Aulia Kusuma Wardani Politeknik Negeri Batam, Indonesia
Zaenal Alamsyah Universitas Nusa Putra, Indonesia

DOI:

https://doi.org/10.58266/jpmb.v5i2.1874

Keywords:

aksesibilitas web, generasi muda, pendampingan, portal informasi, SukaMuda, UI/UX

Abstract

SukaMuda.co.id merupakan portal informasi bagi generasi muda Indonesia yang pengembangannya tidak cukup hanya dengan menyediakan halaman dan fitur. Mitra memerlukan pendampingan untuk menata antarmuka, alur penggunaan, aksesibilitas, kesiapan penelusuran, dan keandalan teknis platform. Kegiatan pengabdian ini bertujuan mengidentifikasi kebutuhan mitra, memprioritaskan masalah antarmuka dan teknis, serta merumuskan perbaikan yang dapat diimplementasikan. Kegiatan menggunakan pendekatan deskriptif-terapan melalui diskusi dengan mitra, observasi, inventarisasi frontend, inspeksi antarmuka, inspeksi kode dan API, perancangan solusi, pendampingan, serta penyusunan skenario verifikasi. Inventarisasi awal mencakup sekitar 92 berkas frontend. Ringkasan pemeriksaan memuat sepuluh butir terkait metadata, keandalan, responsivitas, aksesibilitas, stabilitas tata letak, dan pelacakan halaman; tingkat keparahannya belum terverifikasi melalui uji ulang. Pengujian laboratorium PageSpeed Insights pada 26 September 2026 menghasilkan skor performa 82 untuk desktop dan 56 untuk mobile; aksesibilitas, praktik terbaik, dan SEO masing-masing memperoleh skor 100. Penerapan fungsi autentikasi, pengelolaan artikel, dan penyajian konten tercatat sesuai pada 22 skenario pengujian. Status tersebut tidak menunjukkan seluruh temuan telah selesai. Pendampingan juga menghasilkan matriks temuan dan tindak lanjut, panduan antarmuka dan desain responsif, checklist aksesibilitas, panduan metadata dan structured data per halaman, checklist keamanan dasar, serta roadmap menuju server-side rendering. Skor audit merupakan diagnosis pada saat evaluasi, sedangkan kesesuaian fungsi menunjukkan capaian operasional pada skenario yang dilaporkan. Keduanya belum membuktikan peningkatan UI/UX karena pengukuran sebelum–sesudah yang sebanding dan pengujian pengguna formal belum tersedia.

References

Abdillah, M. S., Wulan, N., Sitorus, D. A., Ramadhan, F., Pratama, W., Fauzi, I., & Harahap, R. (2025). Pengabdian masyarakat pembuatan website UMKM Oleh-Oleh Tiga Putri. Jurnal Pengabdian Masyarakat, 4(1), 1–10. https://doi.org/10.70340/japamas.v4i1.190

Abu Doush, I., Sultan, K., Al-Betar, M. A., Almeraj, Z., Alyasseri, Z. A. A., & Awadallah, M. A. (2023). Web accessibility automatic evaluation tools: To what extent can they be automated?. CCF Transactions on Pervasive Computing and Interaction, 5(3), 288–320. https://doi.org/10.1007/s42486-023-00127-8

Acosta-Vargas, P., Novillo-Villegas, S., Salvador-Acosta, B., Calvopina, M., Kyriakidis, N., Ortiz-Prado, E., & Salvador-Ullauri, L. (2022). Accessibility analysis of worldwide COVID-19-related information portals. International Journal of Environmental Research and Public Health, 19(19), 12102. https://doi.org/10.3390/ijerph191912102

Adiwinata, K., Nugraha, B., & Ridwan, T. (2024). Penerapan metode user centered design dalam perancangan desain UI/UX website SMAN 5 Karawang. Jurnal Informatika dan Teknik Elektro Terapan, 12(3), 2020–2027. https://doi.org/10.23960/jitet.v12i3.4591

Agil Sakinah, F., Prima Aditiawan, F., & Lina Nurlaili, A. (2024). Pengujian pada aplikasi manajemen aset menggunakan Black Box Testing. JATI (Jurnal Mahasiswa Teknik Informatika), 8(3), 2814–2823. https://doi.org/10.36040/jati.v8i3.9524

Anis, Y., Wahyudi, E. N., & Kurniawan, H. C. (2024). Metode waterfall dalam pengembangan sistem inventaris guna meningkatkan efisiensi manajemen stok barang. Jurnal Teknologi dan Sistem Informasi Bisnis, 6(2), 329–338. https://doi.org/10.47233/jteksis.v6i2.1351

Badzio, B., Bodziak, A., Brodawka, B., Buchajczuk, K., Skublewska-Paszkowska, M., Dzieńkowski, M., & Powroźnik, P. (2022). Analysis of the usability and accessibility of websites in view of their universal design principles. Applied Computer Science, 18(3), 63–85. https://doi.org/10.35784/acs-2022-22

Cahyono, N., & Kamarudin. (2024). Perbandingan GTmetrix, Lighthouse, Pingdom dan PageSpeed Insight dalam evaluasi performa website. Jurnal Ilmiah Media Sisfo, 18(2), 201–210. https://doi.org/10.33998/mediasisfo.2024.18.2.1901

Devella, S., Yohannes, & Rachmat, N. (2021). Pelatihan pembuatan website sekolah menggunakan WordPress untuk guru TIK SMA Negeri 17 Palembang. SELAPARANG: Jurnal Pengabdian Masyarakat Berkemajuan, 4(2), 406–411. https://doi.org/10.31764/jpmb.v4i2.4488

Effendi, D., & Sulaksono, A. (2021). Implementasi framework Laravel pada perancangan sistem informasi e-raport berbasis web SD Negeri 1 Kartoharjo. Jurnal Inovasi Teknologi dan Edukasi Teknik, 1(11), 815–822. https://doi.org/10.17977/um068v1i112021p815-822

Firdani, E. F., Hanif, I. F., Febriansyah, M., & Widsono, M. Y. (2024). Implementation of website-based UI UX using the design thinking method: Case study at PT Jesinra Makmur Group. Journal of Advances in Information and Industrial Technology, 6(1), 73–82. https://doi.org/10.52435/jaiit.v6i1.586

Fithriyaningrum, D., Kusumawardhani, S. S., & Wibirama, S. (2021). Analisis aksesibilitas website berdasarkan Web Content Accessibility Guidelines (WCAG): Ulasan literatur sistematis. Jurnal IPTEK-KOM (Jurnal Ilmu Pengetahuan dan Teknologi Komunikasi), 23(1), 79–92. https://jkd.komdigi.go.id/index.php/iptekkom/article/view/3473

Google Search Central. (2025a, December 10). Get started with Search: A developer's guide. Google for Developers. https://developers.google.com/search/docs/fundamentals/get-started-developers

Google Search Central. (2025b, December 10). Introduction to structured data markup in Google Search. Google for Developers. https://developers.google.com/search/docs/appearance/structured-data/intro-structured-data

Google Search Central. (2025c, December 10). SEO starter guide: The basics. Google for Developers. https://developers.google.com/search/docs/fundamentals/seo-starter-guide

Google Search Central. (2025d, December 10). Understanding Core Web Vitals and Google Search results. Google for Developers. https://developers.google.com/search/docs/appearance/core-web-vitals

Google. (2024, October 21). About PageSpeed Insights. Google for Developers. https://developers.google.com/speed/docs/insights/v5/about

Jundillah, M. L., Ramadiani, & Azainil. (2025). Measuring the quality of STAR websites using the System Usability Scale (SUS) method. TEPIAN, 6(1), 45–49. https://doi.org/10.51967/tepian.v6i1.3201

Kowalczyk, K., & Szandala, T. (2024). Enhancing SEO in single-page web applications in contrast with multi-page applications. IEEE Access, 12, 11597–11614. https://doi.org/10.1109/ACCESS.2024.3355740

Kurniawan, E., Nofriadi, & Nata, A. (2022). Penerapan System Usability Scale (SUS) dalam pengukuran kebergunaan website program studi di STMIK Royal. Journal of Science and Social Research, 5(1), 43–49. https://doi.org/10.54314/jssr.v5i1.817

Mahendra, G. S., & Asmarajaya, I. K. A. (2022). Evaluation using Black Box Testing and System Usability Scale in the Kidung Sekar Madya application. Sinkron: Jurnal dan Penelitian Teknik Informatika, 6(4), 2292–2302. https://doi.org/10.33395/sinkron.v7i4.11755

Maitra, S., Sahoo, L., Sen, S., & Tiwary, K. (2023). Comparison of websites employing search engine optimization and live data. Journal of Computer Science Research, 5(2), 16–27. https://doi.org/10.30564/jcsr.v5i2.5536

Manca, M., Palumbo, V., Paternò, F., & Santoro, C. (2023). The transparency of automatic web accessibility evaluation tools: Design criteria, state of the art, and user perception. ACM Transactions on Accessible Computing, 16(1), Article 3. https://doi.org/10.1145/3556979

Manongga, D., Rahardja, U., Sembiring, I., Lutfiani, N., & Yadila, A. B. (2022). Pengabdian masyarakat dalam pemberdayaan UMKM dengan melakukan implementasi website menggunakan plugin Elementor sebagai media promosi. ADI Pengabdian Kepada Masyarakat, 3(1), 44–53. https://doi.org/10.34306/adimas.v3i1.810

Naresvari, E., & Susetyo, Y. A. (2025). Penerapan JavaScript React pada perancangan front-end website UMKM Jemari Ragil. IT-Explore: Jurnal Penerapan Teknologi Informasi dan Komunikasi, 4(1), 16–32. https://doi.org/10.24246/itexplore.v4i1.2025.pp16-32

Nasrul, I., & Hamzah, M. L. (2024). Analisa usability website menggunakan metode System Usability Scale (SUS) dan evaluasi heuristik. INTECOMS: Journal of Information Technology and Computer Science, 7(6), 2381–2392. https://doi.org/10.31539/intecoms.v7i6.14261

Nurjaman, I., Utomo, F. S., & Hermanto, N. (2024). Penerapan REST API Laravel sebagai fondasi back-end aplikasi G-MOOC 4D. Journal of Informatics and Interactive Technology, 1(1), 9–18. https://doi.org/10.63547/jiite.v1i1.4

Parlakkiliç, A. (2022). Evaluating the effects of responsive design on the usability of academic websites in the pandemic. Education and Information Technologies, 27(1), 1307–1322. https://doi.org/10.1007/s10639-021-10650-9

Pascual Almenara, A., & Sayago Barrantes, S. (2024). Towards designing a set of usability and accessibility heuristics focused on cognitive diversity: An exploratory case study with generative artificial intelligence. Information, 15(12), Article 769. https://doi.org/10.3390/info15120769

Paul, S. (2023). Accessibility analysis using WCAG 2.1: Evidence from Indian e-government websites. Universal Access in the Information Society, 22(2), 663–669. https://doi.org/10.1007/s10209-021-00861-9

Perdian, A., & Yustiana, I. (2026). Pendampingan implementasi desain UI/UX pada pengembangan frontend website CV Rega Berkah Mandiri. Jurnal Pengabdian Masyarakat Bhinneka, 4(3), 3918–3924. https://doi.org/10.58266/jpmb.v4i3.1108

Rasmila, Damsi, A., Simanungklait, J. C., & Apriliansyah, R. (2022). Analisis kualitas web Zenius menggunakan System Usability Scale (SUS). Jurnal Nasional Teknologi Komputer, 2(2), 92–97. https://doi.org/10.61306/jnastek.v2i2.18

Rini, R., Suryadinata, N., & Efendi, U. (2022). Literasi digital mahasiswa dan faktor-faktor yang berpengaruh. Jurnal Akuntabilitas Manajemen Pendidikan, 10(2), 171–179. https://doi.org/10.21831/jamp.v10i2.48774

Romadhoni, M. N., & Dirgahayu, T. (2024). Evaluasi dan redesain UI/UX pada aplikasi web Young on Top. Jurnal Indonesia : Manajemen Informatika dan Komunikasi, 5(3), 2390–2401. https://doi.org/10.35870/jimik.v5i3.909

Wehner, N., Amir, M., Seufert, M., Schatz, R., & Hoßfeld, T. (2022). A vital improvement? Relating Google's Core Web Vitals to actual web QoE. In 2022 14th International Conference on Quality of Multimedia Experience (QoMEX) (pp. 1–6). IEEE. https://doi.org/10.1109/QoMEX55416.2022.9900881

World Wide Web Consortium. (2023, October 5). Web Content Accessibility Guidelines (WCAG) 2.2. https://www.w3.org/TR/2023/REC-WCAG22-20231005/