UI/UX Design of a Children's Playmate Community Website using the Goal-Directed Design Method

Amatya Keiko Paramasatya, Christ Rudianto

Abstract


The TEBAK (Teman Bermain Anak) Community is a social organization focused on children's education through educational games. However, it currently lacks a centralized information platform that allows members and the public to easily access information about activities, programs, and community developments. The absence of an effective information medium hinders both the dissemination of information and broader community participation. This study aims to design a website interface that supports TEBAK’s efforts in information sharing and community engagement. The design process adopts the Goal-Directed Design (GDD) method, an approach in Human-Computer Interaction (HCI) that emphasizes user needs and goals. The design stages include research, modeling, requirements, refinement, and support. In the support phase, the System Usability Scale (SUS) was used to evaluate usability and user satisfaction. The testing results showed that the design received a score of 89.65 from community members and 88.55 from external stakeholders. These scores fall into the “Acceptable” category, with a Grade of “A” and an Adjective Rating of “Excellent.”

Keywords


user interface; user experience; goal-directed design; system usability scale; website

Full Text:

PDF

References


P. Diawati, S. S. Gadzali, M. K. N. Abd Aziz, A. M. A. Ausat, and S. Suherlan, “The Role of Information Technology in Improving the Efficiency and Productivity of Human Resources in the Workplace,” Jurnal Teknologi Dan Sistem Informasi Bisnis, vol. 5, no. 3, pp. 296–302, Jul. 2023, doi: 10.47233/jteksis.v5i3.872.

V. W. Sutjipto, K. D. Arviani, and ‪Kinkin Y. S. Putri, “The Influence of WhatsApp Social Media on the Dissemination of Learning Information,” Jurnal Komunikasi Ikatan Sarjana Komunikasi Indonesia, vol. 7, no. 1, pp. 165–175, Jun. 2022, doi: 10.25008/jkiski.v7i1.527.‬‬‬‬‬‬‬

F. A. Faj, M. A. Sahban, H. Saragih, and P. Jeaneth Cyntia Kojongian, “Digital Economy and Business Transformation in Indonesia: An Exploration of Opportunities and Challenges,” Nomico Journal, vol. Vol.1.No.6, 2024, doi: 10.62872/jagdc251.

E. Nurlailah and K. R. Nova Wardani, “Perancangan Website sebagai Media Informasi dan Promosi Oleh-oleh Khas Kota Pagaralam,” JIPI (Jurnal Ilmiah Penelitian dan Pembelajaran Informatika), vol. 8, no. 4, pp. 1175–1185, Nov. 2023, doi: 10.29100/jipi.v8i4.4006.

Asosiasi Penyelenggara Jasa Internet Indonesia (APJII), “APJII Jumlah Pengguna Internet Indonesia Tembus 221 Juta Orang.”

S. Balarama and M. Ro’is Abidin, “Perancangan Desain User Interface Website Metanesia sebagai Media Informasi dan Edukasi,” Jurnal Barik, vol. 4, no. 3, pp. 43–56, 2023, [Online]. Available: https://ejournal.unesa.ac.id/index.php/JDKV/

M. Zulkarnain Aziz, “Rekomendasi User Interface Game Edukasi untuk Anak Usia Dini (4-6 tahun) menggunakan Metode User Centered Design (UCD),” Jurnal CoreIT, vol. 6, no. 1, 2020, doi: http://dx.doi.org/10.24014/coreit.v6i1.8623.

A. ’ An, C. Anwar, H. Muslimah Az-Zahra, and R. I. Rokhmawati, “Evaluasi dan Perancangan Ulang User Interface menggunakan Metode Goal Directed Design (GDD) pada E-Learning SMKN 1 Sambeng Lamongan,” 2022. [Online]. Available: http://j-ptiik.ub.ac.id

R. M. Sani, I. Komang, A. Mogi, J. Raya, and K. Unud, “Penerapan Metode System Usability Scale dalam Pengujian Rancangan Sistem Rekomendasi Tempat Penyewaan Kendaraan Bermotor,” Jurnal Nasional Teknologi Informasi dan Aplikasinya, vol. 1, no. 1, 2022.

M. J. Girinda, T. Amelia, and E. Rahmawati, “Penerapan Metode Goal Directed Design untuk Evaluasi dan Perbaikan User Interface dalam meningkatkan User Experience pada Aplikasi Hestibell,” JSIKA, vol. 11, no. 2, 2022.

N. F. Rokhmawati and A. B. Arifa, “Analisis User Interface (UI) pada BRIMO (BRI Mobile) menggunakan Pendekatan Metode Pengembangan System Usability Scale (SUS),” Jurnal Ilmiah ILKOMINFO - Jurnal Ilmu Komputer dan Informatika, vol. Volume 7 No 1, 2024.

Y. P. Prastiawan, V. Effendy, and A. Herdiani, “Redesigning User Interface of Teman Bus Application using Goal-Directed Design,” JIPI (Jurnal Ilmiah Penelitian dan Pembelajaran Informatika), vol. 8, no. 1, pp. 189–198, Feb. 2023, doi: 10.29100/jipi.v8i1.3333.

S. Kanaya, H. Siregar, A. Anisyah, J. Kusnendar, and H. Artikel, “Pengembangan User Experience Website E-Marketing dengan Metode Goal-Directed Design pada Usaha Cokelat Cantique,” vol. 4, no. 2, 2024, doi: 10.47709/digitech.v4i2.5043.

N. F. atimah Kaltsum, A. M. Mappalotteng, and Fatahillah, “Analisi Tingkat Kepuasan Mahasiswa JTIK terhadap My Sams menggunakan Metode System Usability Scale,” Jurnal Ilmiah Multi Disiplin, vol. 03, pp. 3031–9498, 2025, doi: https://doi.org/10.70294/jimu.v3i01.

M. F. Fadilah, N. Rahaningsih, and R. D. Dana, “Evaluasi Usabilitas Sistem menggunakan Metode System Usability Scale (SUS) pada Aplikasi Akhlaqu dengan Penerapan Teknik Indexing Mongodb,” Jurnal Sistem Informasi dan Informatika (Simika) P-ISSN, vol. 7, no. 1, pp. 2622–6901, 2024, doi: https://doi.org/10.47080/simika.v7i1.3070.

T. U. Kulsum, F. M. Al Anshary, and R. Fauzi, “Perancangan Desain Antarmuka Pengguna pada Aplikasi Helpmeong bagi Adopter menggunakan Metode Goal-Directed Design,” JIPI (Jurnal Ilmiah Penelitian dan Pembelajaran Informatika), vol. 8, no. 1, pp. 27–39, Feb. 2023, doi: 10.29100/jipi.v8i1.3298.

Y. S. Jamilah and A. C. Padmasari, “Perancangan User Interface dan User Experience Aplikasi Say.Co,” Jurnal Desain Komunikasi Visual, vol. Volume 9 Nomor 1, p. 75, 2022, [Online]. Available: https://ojs.unm.ac.id/tanra/

M. M. Firmansyah, M. A. Sunandar, and M. A. Komara, “Redesain UI/UX Fami Apps menggunakan Metode Goal Directed Design dan Cognitive Walkthrough,” Jurnal Mahasiswa Teknik Informatika, vol. 7, no. 5, 2023, doi: https://doi.org/10.36040/jati.v7i5.7326.

N. Zaelani, N. Suarna, and W. Prihartono, “Desain User Interface Website Pemesanan Online Produk Makanan Kripdunk dengan Metode User Centered Design,” Jurnal Mahasiswa Teknik Informatika, vol. 7, no. 6, 2023, doi: https://doi.org/10.36040/jati.v7i6.8203.

M. P. Utami, “Re-Design Antarmuka Pengguna pada Website Kalani Bags menggunakan Metode Goal Directed Design,” Journal of Manufacturing and Enterprise Information System, vol. 1, no. 1, pp. 32–42, Apr. 2023, doi: 10.52330/jmeis.v1i1.99.

Hendrayadi, M. Kustati, and N. Sepriyanti, “Mixed Method Research,” Jurnal Review Pendidikan dan Pengajaran, vol. 6, no. 4, 2023, doi: https://doi.org/10.31004/jrpp.v6i4.21905.

A. Muliawati, T. Rahayu, I. H. Indriana, D. Universitas Pembangunan Nasional Veteran Jakarta, and J. R. Fatmawati Pondok Labu Jakarta Sur-el, “Desain Tampilan Aplikasi Sistem Pelayanan Masyarakat Desa dengan Metode Goal-Directed Design,” Jurnal Ilmiah MATRIK, vol. 23, no. 2, 2021.

S. P. Budiarto and D. Y. R.L, “Evaluasi Usability pada Aplikasi Jemput Sampah Online Desa Rejosari menggunakan Metode System Usability Scale (SUS),” Jurnal Eksplora Informatika, vol. 13, no. 1, pp. 100–112, Sep. 2023, doi: 10.30864/eksplora.v13i1.822.

R. Fahrudin and F. Jerico, “Penerapan Metode Goal Directed Design dalam Pembuatan Aplikasi Manajemen Klinik berbasis Mobile,” Jurnal Mahasiswa Teknik Informatika, vol. 8, no. 5, 2024, doi: https://doi.org/10.36040/jati.v8i5.10811.

R. R. Marbun, F. Mufied Al Anshary, and R. Fauzi, “Perancangan User Interface/User Experience (UI/UX) Website Helpmeong untuk Shelter menggunakan Metode Goal-Directed Design,” JIPI (Jurnal Ilmiah Penelitian dan Pembelajaran Informatika), vol. 07, no. 04, pp. 1096–1109, 2022, doi: https://doi.org/10.29100/jipi.v7i4.3190.

M. H. Rusydi and I. Nuryasin, “Perancangan UI/UX Aplikasi Hidup Sehat berbasis Mobile menggunakan Metode Design Thinking,” Journal Of Information Systems And Informatics Engineering, vol. 8, no. 1, pp. 54–64, 2024, doi: 10.35145/joisie.v8i1.4168.




DOI: https://doi.org/10.32520/stmsi.v14i3.5224

Article Metrics

Abstract view : 159 times
PDF - 52 times

Refbacks

  • There are currently no refbacks.


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