Penerapan Desain UI/UX pada Aplikasi Web Portal Berita Dengan Metode Design Thinking
DOI:
https://doi.org/10.47065/bulletincsr.v5i6.808Keywords:
Design Thingking; UI/UX; News Application; Paparan Lampung; System Usability Scale; User EngagementAbstract
The rapid advancement of technology and digitalization has significantly transformed how people access information, making web applications a primary platform for reading news. In this context, User Interface (UI) and User Experience (UX) design play crucial roles in determining the success of a news platform. This study aims to explore the application of the Design Thinking method in designing the UI/UX of the Paparan Lampung news application to enhance reader engagement and optimize user experience. The Design Thinking approach was chosen because it focuses on user needs through stages of empathy, problem definition, ideation, prototyping, and testing, enabling the creation of relevant and innovative design solutions. This research employs a descriptive quantitative method, utilizing the System Usability Scale (SUS) to assess the application’s usability level. The results show that Paparan Lampung achieved a SUS score of 88.5, categorized as “Excellent” (Grade A) and exceeding the industry acceptance threshold of 68. Furthermore, the MAUS score of 80.3 reinforces that the application is not only efficient and effective but also delivers a highly satisfying user experience. Overall, the implementation of Design Thinking has proven to enhance UI/UX design quality, directly improving user comfort and engagement. Despite the highly positive results, this study has limitations in terms of the number of respondents and the controlled testing environment. Therefore, future research is recommended to involve a larger and more diverse group of participants to obtain more comprehensive and generalizable findings.
Downloads
References
A. Nur Siam and A. Fauzi, “MIND (Multimedia Artificial Intelligent Networking Database Penggunaan Metode Design Thinking dalam Perancangan UI/UX Mobile Aplikasi Prevent (Studi Kasus: Studi Independen Alterra),” Journal MIND Journal | ISSN, vol. 8, no. 2, pp. 130–141, 2023, doi: 10.26760/mindjournal.v8i2.130-141.
A. Yasmin and A. Voutama, “Perancangan Ui/Ux Pada Aplikasi Stayzy Menggunakan Metode Design Thinking,” Jurnal Mahasiswa Teknik Informatika, vol. 8, no. 3, Jun. 2024, doi: 10.36040/jati.v8i3.9549.
R. T. Imanda and A. Mukhayaroh, “Metode Design Thinking Perancangan User Interface dan User Experience Aplikasi ‘KuyBaca,’” Journal of Students‘ Research in Computer Science, vol. 4, no. 1, pp. 23–36, May 2023, doi: 10.31599/jsrcs.v4i1.2080.
F. Aziz, D. Uki, E. Saputri, N. Khasanah, and T. Hidayat, “Penerapan UI/UX dengan Metode Design Thinking (Studi Kasus: Warung Makan),” Jurnal Infortech, vol. 5, no. 1, Jun. 2023, doi: doi.org/10.31294/infortech.v5i1.15156.
R. Sovia, M. Yanto, and J. Nursam, “Perancangan Aplikasi ‘E-News’ Berbasis Android Dan Web (Studi Kasus Rri Stasiun Padang),” Jurnal EXPLORE, vol. 10, no. 1, 2020, doi: 10.35200/explore.v10i1.265.
G. Nabila and S. Wahyuni, “Penerapan UI/UX Dengan Metode Design Thinking Pada Aplikasi Jaya Indah Perkas,” MDP STUDENT CONFERENCE (MSC) 2022, vol. 1, no. 1, Jan. 2022.
A. Sholikhin and I. S. Widiati, “Desain Ui/Ux Platform Berita Terintegrasi Menggunakan Metode Design Thinking,” Jurnal Rekayasa Sistem Informasi dan Teknologi, vol. 2, no. 2, 2024, doi: doi.org/10.70248/jrsit.v2i2.1615.
F. Diani et al., “BERITABIJAK, Rekomendasi Rancangan Portal Berita Online, dengan Metode Desain Thinking, untuk Menangkal Hoaks yang Beredar di Masyarakat,” Prosiding 15th Industrial Research Workshop and National Seminar (IRWNS), vol. 15, no. 1, pp. 24–25, Jun. 2024, doi: https://doi.org/10.35313/irwns.v15i1.
N. Purwati, A. Syukron, K. Attabi, and S. Kuwwamri, “Desain UI/UX Aplikasi SEWA Menggunakan Metode Design Thinking,” Jurnal Sains dan Manajemen, vol. 11, no. 2, 2023, doi: 10.31294/evolusi.v11i2.17154.
A. Nurudin et al., “Penerapan Metode Design Thinking Pada Perancangan User Interface Aplikasi Rifqitenda Untuk Meningkatkan Kemudahan Dalam Fitur Persewaan Wedding Decoration,” Journal of Information System Research (JOSH), vol. 5, no. 4, pp. 901–910, 2024, doi: 10.47065/josh.v5i4.5354.
N. Zazhemi, H. Marcos, and E. Penulis, “Penerapan Metode Design Thinking untuk Perancangan UI/UX Aplikasi GhosyDonat dalam Meningkatkan Keterlibatan Pengguna,” Jurnal Media Informatika (JUMIN), vol. 6, no. 2, pp. 1380–1387, Feb. 2025, doi: 10.55338/jumin.v6i6.
F. Kurnianto, and E. Gustri “Penerapan Metode Design Thinking Dalam Perancangan UI/UX Pada Aplikasi Basis Data Sekar Kawung Untuk Pegawai Lapangan Perusahaan Sosial Sekar Kawung,” AUTOMATA Universitas Islam Indonesia, vol. 3, no. 2, Aug. 2022.
I. Adhiya Adha et al., “Perancangan Ui/Ux Aplikasi Ogan Lopian Diskominfo Purwakarta Menggunakan Metode Design Thinking,” JOISIE Journal Of Information System And Informatics Engineering, vol. 7, no. 1, 2023, doi: doi.org/10.35145/joisie.v7i1.2938.
L. Mustaghfiroh, Bijanto, and Proborini Ellen, “Metode Design Thinking Sebagai Solusi Pengelolaan, Pemilahan Dan Pengiriman Sampah Di Kabupaten Pati,” IC Tech: Majalah Ilmiah, vol. 19, no. 1, Apr. 2024, doi: doi.org/10.47775/ictech.v19i1.292.
A. Firdonsyah, Z. Arwananing Tyas, and L. Ma, “Penerapan Metode Design Thinking Pada Perancangan UI/UX Sistem Informasi Penelitian Mahasiswa Berbasis Web,” Informatics Journal, vol. 8, no. 2, p. 136, 2023, doi: 10.19184/isj.v8i2.33468.
M. Dzikrul Hakam and Asmunin, “Desain UI/UX Aplikasi Majelis Rasulillah SAW Jawa Timur Berbasis Mobile Menggunakan Metode Design Thinking,” JMI Jurnal Managemen Informatika, vol. 16, no. 1, 2024, Accessed: Oct. 24, 2025
Rachim Fathur, Design Thinking with Design Process. DPP Harmoni Pendidik Pengajar Indonesia (HIPPER Indonesia), 2021. Accessed: Oct. 16, 2025. [Online]. Available: https://www.hipper.or.id/2021/03/buku-gratis-design-thinking-in-action.html
C. S. Surachman, M. Riyan Andriyanto, C. Rahmawati, and P. Sukmasetya, “Implementasi Metode Design Thinking Pada Perancangan UI/UX Design Aplikasi Dagang.in,” Jurnal TeIKa, no. 2, Oct. 2022, doi: doi.org/10.36342/teika.v12i02.
N. Nur Rifa and Darso, “Perancangan Ulang Ui/Ux Design Facebook Lite App Menggunakan Metode Design Thinking,” STORAGE - Jurnal Ilmiah Teknik dan Ilmu Komputer, vol. 3, no. 1, Feb. 2024, doi: doi.org/10.55123/storage.v3i1.3111.
S. B. Kurniawati, R. Widyaswati, and K. Darmaningrum, “Penerapan Design Thinking Dalam Mengidentifikasi Potensi Desa Untuk Meningkatkan Pendapatan Asli Desa,” Jurnal Ilmiah Bidang Ilmu Ekonomi, vol. 22, no. 1, pp. 68–83, 2024, doi: 10.26623/slsi.v22i1.8400.
Z. Aulia, P. Prasetyo, O. Virgantara Putra, and T. Harmini, “Implementasi Metode Design Thinking pada Perancangan UI/UX Situs Olah-Oleh TPS3R Kota Batu,” IKRAITH-INFORMATIKA, vol. 7, no. 2, Jul. 2023, doi: doi.org/10.37817/ikraith-informatika.v7i2.2245.
D. Puspa Aprilia, “KLIK: Kajian Ilmiah Informatika dan Komputer Implementasi Metode Design Thinking Pada Perancangan User Interface Aplikasi Rumah Baca Cerdas Library Mobile,” Media Online), vol. 4, no. 6, pp. 2850–2859, 2024, doi: 10.30865/klik.v4i6.1914.
Rohyadi Diva Destia, Tiawan, and Perdana Zia Imam, “Desain Mockup Aplikasi Urcare Menggunakan Design Thinking,” Jurnal Informatika Teknologi dan Sains (JINTEKS), vol. 7, no. 2, May 2024, doi: 10.51401/jinteks.v6i2.4130.
A. Widodo and J. Sundari, “Perancangan UI/UX pada Website Pengelolaan Manajemen Toko Muthia dengan Metode Design Thinking dan SUS,” JMasif, vol. 14, no. 2, pp. 2777–0648, 2023, doi: 10.14710/jmasif.14.2.57116.
Bila bermanfaat silahkan share artikel ini
Berikan Komentar Anda terhadap artikel Penerapan Desain UI/UX pada Aplikasi Web Portal Berita Dengan Metode Design Thinking
ARTICLE HISTORY
How to Cite
Issue
Section
Copyright (c) 2025 Melanda Sari, Reflan Nuari
This work is licensed under a Creative Commons Attribution 4.0 International License.
Authors who publish with this journal agree to the following terms:
- Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under Creative Commons Attribution 4.0 International License that allows others to share the work with an acknowledgment of the work's authorship and initial publication in this journal.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgment of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (Refer to The Effect of Open Access).
