Analisis kebutuhan pengguna dalam merancang tata letak website Singasana Smart Pocket
DOI:
https://doi.org/10.30998/jd.v13i1.56Keywords:
User-Centered Design, Tata Letak, Kebutuhan Pengguna, Website Pelayanan PublikAbstract
Penelitian ini menganalisis kebutuhan pengguna dalam merancang tata letak website Singasana Smart Pocket dengan pendekatan User-Centered Design (UCD). Pengguna yang dimaksud meliputi masyarakat umum serta pegawai pemerintahan di Kabupaten Tabanan yang membutuhkan akses mudah dan cepat terhadap informasi publik seperti pemetaan struktural pejabat publik, informasi wilayah desa, dan kontak darurat. Studi ini dilaksanakan melalui observasi, wawancara dengan stakeholder pemerintah, serta analisis literatur terkait. Hasil penelitian menunjukkan bahwa tata letak website yang optimal harus memperhatikan beberapa faktor utama, seperti kemudahan navigasi, penyajian informasi yang relevan, responsivitas desain di berbagai perangkat, penempatan fitur penting secara strategis, konsistensi visual, dan aksesibilitas bagi seluruh lapisan masyarakat. Penerapan pola-F dalam desain interface terbukti efektif untuk mengarahkan perhatian pengguna pada informasi penting. Evaluasi desain interface menunjukkan bahwa kebutuhan pengguna telah terakomodasi dengan baik, meskipun masih diperlukan perbaikan minor pada label konten dan kontras visual. Dengan demikian, tata letak website Singasana Smart Pocket diharapkan mampu menjadi sarana informasi yang efisien, inklusif, dan mudah diakses oleh semua kalangan.
Downloads
References
Babich, N. (2020, May 30). F-Shaped Pattern for Reading Content. Medium. https://uxplanet.org/f-shaped-pattern-for-reading-content-80af79cd3394
Cahyani, A. A., Kholik, A., & Rizki, M. F. (2024). 'Optimalisasi Komunikasi Digital dalam Penerapan Visual Sosial pada Desain atau Layout Website Company Profile.' Jurnal Syntax Admiration, 5(7), Article 7. https://doi.org/10.46799/jsa.v5i7.1303
Ekarini, F. (2017). 'Analisis Desain Website BNI, Bukopin, J.Co Donuts dan Mcdonals Menurut Buku “The Principles Of Beautiful Web Design.” Elinvo (Electronics, Informatics, and Vocational Education), 2(1), 8–20. https://doi.org/10.21831/elinvo.v2i1.14489
Hanafi, D., Prabadhi, I. A., & Hertantyo, G. B. (2025). Perancangan Desain User Interface/User Experience: Systematic Literature Review.' JATI (Jurnal Mahasiswa Teknik Informatika), 9(3), Article 3. https://doi.org/10.36040/jati.v9i3.13782
Julianto, I. N. L. (2019). 'Nilai Interaksi Visual Dalam Perkembangan Medium Komunikasi Pada Era Revolusi Industri 4.0.' SENADA (Seminar Nasional Manajemen, Desain Dan Aplikasi Bisnis Teknologi), 2, 26–30.
Kurniasih, N., Perdana, F., & Rodiah, S. (2024). 'Analisis Visual Situs Web untuk Pengembangan Situs Web Perpustakaan Digital.' Innovative: Journal Of Social Science Research, 4(4), Article 4. https://doi.org/10.31004/innovative.v4i4.14398
Perdani, T. A., Ruskan, E. L., & Meiriza, A. (2023). 'Penerapan Metode User Centered Design Pada Perancangan Website Evidence File Kegiatan Dinas Kesehatan Provinsi Sumatera Selatan.' Indonesian Journal of Computer Science, 12(5). https://doi.org/10.33022/ijcs.v12i5.3377
Podungge, Z. K., Olii, S., & Takdir, R. (2025). 'Penggunaan Metode User Centered Design Dalam Pengembangan Website Dinas Komunikasi dan Informatika (Diskominfo) Bone Bolango.' Diffusion: Journal of Systems and Information Technology, 5(1), Article 1. https://doi.org/10.37031/diffusion.v5i1.29160
Priyono, D., Ramdhani, A., & Hardian, R. (2020a). 'Desain User Interface Informasi Prodi Desain Komunikasi Visual melalui Media Digital Website.' Jurnal Desain, 7(3), Article 3. https://doi.org/10.30998/jd.v7i3.5877
Putri, A. V., Pinandito, A., & Az-Zahra, H. M. (2018). 'Analisis Layout Website Responsive Menggunakan Material Design Guidelines dan User Centered Design.' Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer, 2(9), 3178–3184.
Ristiawan, H. (2015). 'Analisis User Website Pemerintah Untuk Pengembangan Website Berbasis Citizen Centric.' Jurnal Teknologi Informasi Dan Komunikasi, 4(2), Article 2.
Saputri, I. S. Y., Fadhli, M., & Surya, I. (2017). 'Penerapan Metode UCD (User Centered Design) Pada E-Commerce Putri Intan Shop Berbasis Web.' Jurnal Nasional Teknologi dan Sistem Informasi, 3(2), Article 2. https://doi.org/10.25077/TEKNOSI.v3i2.2017.269-278
Segara, A. (2019). 'Penerapan Pola Tata Letak (Layout Pattern) pada Wireframing Halaman Situs Web.' Magenta | Official Journal STMK Trisakti, 3(01), 452–464. https://doi.org/10.61344/magenta.v3i01.45
Tunas, I. W. M. P., Pratiwi, P., Prestiliano, J., & Bezaleel, M. (2023). 'Desain Antar Muka Website Oemah Djari dengan Pendekatan User Centered Design.' Jurnal Desain, 10(3), 475. https://doi.org/10.30998/jd.v10i3.14869
Zuhairunisa, A. R., Az-Zahra, H. M., & Syawli, A. (2025). 'Penerapan Metode Moscow dalam Menetapkan Prioritas Kebutuhan Sistem di SMPN 1 Kedawung.' Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer, 9(4). https://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/14666
Downloads
Published
Issue
Section
License
Copyright (c) 2025 Made Ayu Diah Pramesti Wiguna Putri, SettingsI Gede Mugi Raharja, Anak Agung Gde Bagus Udayana (Author)
This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.
This license allows users to:
- Share: Copy and redistribute the material in any medium or format.
- Adapt: Remix, transform, and build upon the material to create derivative works.
These freedoms are granted under the following mandatory conditions:
- Attribution (BY)
You must give appropriate credit to the original author(s) and Jurnal Desain, provide a link to the license, and indicate if any changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor (the author or the journal) endorses you or your use. When citing the work, reusers must include the article’s Digital Object Identifier (DOI) for permanent citation. - NonCommercial (NC)
You may not use the material for commercial purposes. Commercial purposes are defined as uses primarily intended for or directed towards commercial advantage or monetary compensation. For any commercial use, republication, or incorporation into commercial products, you must seek and obtain specific permission from the copyright holder(s). - No Additional Restrictions
You may not apply legal terms or technological measures that legally restrict others from doing anything the license permits.
Official Legal Code: For the complete and legally binding terms of this license, please refer to the official legal code: Creative Commons Attribution-NonCommercial 4.0 International Public License: http://creativecommons.org/licenses/by-nc/4.0/.
