Perancangan Antarmuka Website Portal Kecamatan Menggunakan User Centered Design (Studi Kasus: Kecamatan Tinanggea)
DOI:
https://doi.org/10.69693/ijmst.v4i3.13682Keywords:
Human-Computer Interaction, User-Centered Design, Portal Website, UsabilityAbstract
Transformasi digital pada tingkat kecamatan membutuhkan portal informasi yang tidak hanya menyajikan data wilayah, tetapi juga mendukung komunikasi dua arah antara masyarakat dan pemerintah. Penelitian ini bertujuan merancang dan mengimplementasikan portal website Kecamatan Tinanggea dengan pendekatan User-Centered Design dan prinsip Human-Computer Interaction. Tahapan penelitian meliputi identifikasi masalah dan kebutuhan pengguna, perancangan antarmuka serta user flow, implementasi website, evaluasi usability, dan analisis hasil. Kebutuhan masyarakat dan administrator digunakan sebagai dasar untuk merancang struktur navigasi, penyajian informasi geografis-demografis, visualisasi data, formulir kontak, serta dashboard pengelolaan pesan. Implementasi antarmuka menerapkan prinsip consistency, visibility, feedback, affordance, recognition over recall, dan error prevention. Evaluasi dilakukan melalui inspeksi heuristik pada halaman beranda, halaman kontak, dan dashboard administrator. Hasil penelitian menunjukkan bahwa portal berhasil mengintegrasikan informasi wilayah dan layanan komunikasi publik dalam satu antarmuka yang responsif. Konsistensi warna, struktur navigasi, penyajian data berbasis kartu, dan formulir kontak membantu pengguna menemukan informasi serta menyampaikan pesan dengan lebih mudah. Meskipun demikian, masih diperlukan penyempurnaan pada visibilitas status sistem, kejelasan pesan kesalahan, dan konfirmasi aksi kritis. Penelitian ini memberikan rancangan yang dapat menjadi dasar pengembangan layanan digital kecamatan yang lebih informatif, mudah digunakan, dan responsif terhadap kebutuhan masyarakat. Temuan ini juga menunjukkan bahwa integrasi data dan komunikasi dalam satu portal dapat memperkuat transparansi layanan, mempercepat penyampaian aspirasi, dan menjadi acuan evaluasi berkelanjutan bagi pengelola kecamatan.
References
1. Aela School. (2021). Nielsen’s heuristics: 10 usability principles to improve UI design. https://www.aela.io/en/blog/all/10-usability-heuristics-ui-design
2. Ansari, B., & Martin, E. G. (2022). Development of a usability checklist for public health dashboards to identify violations of usability principles. Journal of the American Medical Informatics Association, 29(11), 1847–1858. https://doi.org/10.1093/jamia/ocac140
3. Benlahcene, A., et al. (2024). Citizens’ e-participation through e-government services: A systematic literature review. Cogent Social Sciences, 10(1). https://doi.org/10.1080/23311886.2024.2415526
4. Buchanan, W. J., Sayeed, S., Papadopoulos, P., Pitropakis, N., & Chrysoulas, C. (2022). GLASS: A citizen-centric distributed data-sharing model within an e-governance architecture. Sensors, 22(6). https://doi.org/10.3390/s22062291
5. Eaves, E. R., Doerry, E., Lanzetta, S. A., et al. (2023). Applying user-centered design in the development of a supportive mHealth app for women in substance use recovery. American Journal of Health Promotion, 37(1), 56–64. https://doi.org/10.1177/08901171221113834
6. Goode, A. D., Frith, M., Hyne, S. A., Burzic, J., & Healy, G. N. (2022). Applying a user centred design approach to optimise a workplace initiative for wide-scale implementation. International Journal of Environmental Research and Public Health, 19(13). https://doi.org/10.3390/ijerph19138096
7. Ilyas, A., Wajid, S. H., & Muhammad, A. (2022). Usability evaluation of e-government website: A use of System Usability Scale. Pakistan Journal of Engineering and Technology, 5(1), 11–15. https://doi.org/10.51846/vol5iss1pp11-15
8. Karinda, K., et al. (2024). Integrasi komunikasi pemerintahan digital melalui situs web resmi desa. Villages Journal, 2(1), 45–68.
9. Lumintang, S. H., Najoan, X. B. N., & Sugiarso, B. A. (2025). Analisis dan perancangan UI/UX website pemerintah Kabupaten Minahasa menggunakan metode design sprint. E-Journal Informatika UNSRAT. https://ejournal.unsrat.ac.id/
10. Nielsen Norman Group. (2024). How to conduct a heuristic evaluation. https://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/
11. Nielsen, J. (2024a). 10 usability heuristics for user interface design. Nielsen Norman Group. https://www.nngroup.com/articles/ten-usability-heuristics/
12. Podungge, Z. K., et al. (2025). Penggunaan metode user centered design dalam meningkatkan kualitas website Diskominfo Bone Bolango. Diffusion: Journal of Systems and Information Technology.
13. Portal Kecamatan Barru. (2025). Website resmi Kecamatan Barru. Pemerintah Kabupaten Barru, Sulawesi Selatan. https://barrukab.go.id/kecamatan/
14. Portal Kecamatan Batang Toru. (2025). Website resmi Kecamatan Batang Toru. https://kecamatanbatangtoru.com
15. Rahmatullah, D., Mustofa, A., Sarwani, & Ferriswara, D. (2026). Public service transformation through e-government in the Klampid New Generation application at the Department of Population and Civil Registration of Surabaya City. International Journal of Humanities and Social Science Review, 3(2), 52–65. https://doi.org/10.62951/ijhs.v3i2.612
16. The effect of e-government website evaluation on user satisfaction and intention to use: The mediating role of warmth and competence judgment on government. (2022). Information, Communication & Society, 26(9), 1868–1889. https://doi.org/10.1080/1369118X.2022.2041701
17. Unikom Research. (2025). Pengaruh tingkat usability desain responsif web terhadap persepsi pengguna perguruan tinggi. Visualita Journal, 7(1). https://ojs.unikom.ac.id/
18. Usability and accessibility of open government data portals of countries worldwide. (2023). International Journal of Electronic Government Research, 19(1). https://doi.org/10.4018/IJEGR.322307
19. Website Resmi Desa Senga Selatan. (2025). Website resmi Desa Senga Selatan. https://sengaselatan.desa.id
20. Website Resmi Kecamatan Samarinda Ilir. (2025). Website resmi Kecamatan Samarinda Ilir. Pemerintah Kota Samarinda. https://kec-samarinda-ilir.samarindakota.go.id
21. Whitenton, K. (2024). F-shaped pattern of reading on the web: Misunderstood, but still relevant (even on mobile). Nielsen Norman Group. https://www.nngroup.com/articles/f-shaped-pattern-reading-web-still-relevant/
22. Wiratmo, L. B., Irfan, N., & Kuwatono. (2017). Website pemerintah daerah sebagai sarana online public relations. Jurnal ASPIKOM, 3(2), 326–339.
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 Indonesian Journal of Multidisciplinary on Social and Technology

This work is licensed under a Creative Commons Attribution 4.0 International License.














