Perancangan Desain UI/UX Aplikasi Mobile Diet Anti-Inflamasi Bagi Penderita Lupus Dengan Metode Design Thinking
DOI:
https://doi.org/10.29408/jit.v9i1.33023Keywords:
Anti-Inflammatory Diet, Design Thinking, mHealth, ODAPUS, UI/UXAbstract
Lupus or Systemic Lupus Erythematosus (SLE) is a chronic autoimmune disease that attacks various organs in the body and impacts the quality of life of sufferers. ODAPUS needs to live a healthy lifestyle by maintaining a healthy diet, one of which is by implementing an anti-inflammatory diet that aims to reduce inflammation and prevent the recurrence of symptoms. However, limitations in digital media and access to accurate nutritional information make it difficult for ODAPUS to consistently follow a diet. This study aims to design a UI/UX for an anti-inflammatory diet mobile application using the Design Thinking method, which includes the stages of Empathize, Define, Ideate, Prototype, and Testing. In the Empathize stage, data was collected using a survey of 15 members of the Sahabat Cempluk Yogyakarta Community. This study produced a High-Fidelity Prototype with four main features, namely ODAPUS profile, calorie calculator, diet menu recommendations, and food preparation guidelines. The Testing stage used the online Focus Group Discussion (FGD) method, which was attended by 16 participants. The evaluation covered visual aspects, navigation, diet menu recommendation features, clarity of information, processing guides, colors and text, and suitability of needs. The evaluation results showed a 100% acceptance rate in all test aspects. Thus, the Design Thinking method proved to be effective in producing a simple, empathetic, and ODAPUS-friendly mobile application UI/UX design.
References
[1] D. E. Fajarini dan E. Afifah, “Hubungan Pengetahuan Tentang Penyakit Lupus Dan Dukungan Sosial Dari Orang Terdekat Terhadap Interaksi Sosial Odapus Di Lingkungan Masyarakat,” J. Persada Husada Indones., Vol. 11, No. 40, hlm. 1–15, feb 2024, DOI: 10.56014/jphi.v11i40.383.
[2] S. A. Salsabila, R. Puspita, H. Ridwan, dan P. Sopiah, “Mekanisme Adaptasi Sel Tubuh Terhadap Serangan Penyakit,” vol. 6, no. 4, 2024.
[3] W. G. Saputri, “di ruang melati 4 inska RSUP dr. Sardjito yogyakrta,” SYST. lupus erythematosus, 2019.
[4] H. Jiao, G. Acar, G. A. Robinson, C. ciurtin, e. c. jury, dan a. z. kalea, “diet and systemic lupus erythematosus (sle): from supplementation to intervention,” int. j. environ. res. public. health, vol. 19, no. 19, art. no. 19, jan 2022, doi: 10.3390/ijerph191911895.
[5] k. stromsnes, a. g. correas, j. lehmann, j. gambini, dan g. olaso-gonzalez, “anti-inflammatory properties of diet: role in healthy aging,” biomedicines, vol. 9, no. 8, hlm. 922, jul 2021, doi: 10.3390/biomedicines9080922.
[6] A. Deniz-Garcia dkk., “quality, usability, and effectiveness of mhealth apps and the role of artificial intelligence: current scenario and challenges,” j. med. internet res., vol. 25, hlm. e44030, mei 2023, doi: 10.2196/44030.
[7] F. Alkhuzaimi, d. rainey, c. brown wilson, dan j. bloomfield, “the impact of mobile health interventions on service users’ health outcomes and the role of health professions: a systematic review of systematic reviews,” bmc digit. health, vol. 3, no. 1, hlm. 3, feb 2025, doi: 10.1186/s44247-024-00143-3.
[8] A. Arifin, R. Kurniawan, S. Kusumadewi, A. P. Purnama, dan K. E. Nugraha, “design of dental disease knowledge base editor dialog using isr-framework,” khazanah inform. j. ilmu komput. dan inform., vol. 8, no. 1, hlm. 88–97, apr 2022, doi: 10.23917/khif.v8i1.15107.
[9] S. Sugiharto, M. K. Wirawati, dan D. N. Aini, “perancangan wireframe ui/ux aplikasi mobile hypercare bagi penderita hipertensi menggunakan metode design thinking,” sentri j. ris. ilm., vol. 4, no. 8, hlm. 1114–1127, agu 2025, doi: 10.55681/sentri.v4i8.4334.
[10] R. A. Putri, R. Andrian, dan S. Widodo, “prototype diabet care berbasis mobile menggunakan metode design thinking,” techno.com, vol. 22, no. 4, hlm. 914–925, nov 2023, doi: 10.33633/tc.v22i4.9272.
[11] l. Woods, E. Cummings, J. Duff, dan K. Walker, “design thinking for mhealth application co-design to support heart failure self-management,” stud. health technol. inform., vol. 241, hlm. 97–102, 2017.
[12] M. Oktaviana, A. Nurlifa, A. A. Suryanto, dan F. Amaluddin, “perancangan ui/ux e-tracer study unirow dengan menggunakan metode doubel diamond,” infotek j. inform. dan teknol., vol. 6, no. 1, hlm. 71–81, jan 2023, doi: 10.29408/jit.v6i1.7397.
[13] D. A. Anggara, W. Harianto, dan A. Aziz, “prototipe desain user interface aplikasi ibu siaga menggunakan lean ux,” kurawal - j. teknol. inf. dan ind., vol. 4, no. 1, hlm. 58–74, mar 2021, doi: 10.33479/kurawal.v4i1.403.
[14] Heni Widi Astuti, Vanishi Tiyar Nitza, Lasmi Sapalakai, Patrick Ezra Tua, dan Aldian Umbu Tamu Ama, “pengembangan prototype startup healthy food ‘yumhealth’ dengan pendekatan design thinking dan usability testing,” j. educ. innov. public health, vol. 2, no. 1, hlm. 184–200, nov 2023, doi: 10.55606/innovation.v2i1.2136.
[15] A. R. Ridwansyah, C. Dinata, N. Savitri, n. Rahmawati, n. herdiana, dan a. rahman, “perancangan ui/ux pada aplikasi nutrizecom dengan metode design thinking,” 2022.
[16] l. Fanani, “user experience design for nutrition information applications using design thinking,” matics j. ilmu komput. dan teknol. inf. j. comput. sci. inf. technol., vol. 15, no. 1, hlm. 43–50, agu 2023, doi: 10.18860/mat.v15i1.23025.
[17] N. I. Ambariyono dan I. Nuryasin, “implementasi design thinking dalam desain ui/ux aplikasi healthycare mobile,” 2025.
[18] E. Susilo, R. R. Andhi, dan D. Ramadhani, “evaluasi user interface website prodi teknik informatika unri menggunakan user experience questionnaire (ueq),” infotek j. inform. dan teknol., vol. 5, no. 2, hlm. 366–373, jul 2022, doi: 10.29408/jit.v5i2.5939.
[19] J. Brooke, “sus - a quick and dirty usability scale,” 1995.
[20] S. Ernawati dan A. D. Indriyanti, “perancangan user interface dan user experience aplikasi medical tourism indonesia berbasis mobile menggunakan metode user centered design (ucd) (studi kasus: pt cipta wisata medika),” j. emerg. inf. syst. bus. intell. jeisbi, vol. 3, no. 4, hlm. 90–102, agu 2022, doi: 10.26740/jeisbi.v3i4.49296.
[21] Y. S. Jamilah dan A. C. Padmasari, “perancangan user interface dan user experience aplikasi say.co,” 2024.
[22] B. Aljedaani dan M. A. Babar, “challenges with developing secure mobile health applications: systematic review,” jmir mhealth uhealth, vol. 9, no. 6, hlm. e15654, jun 2021, doi: 10.2196/15654.
[23] A. D. Prawesti dan L. O. A. Rahman, “the effectiveness of implementing mobile health applications in cancer patients: a literature review,” j. kesehat. pasak bumi kalimantan, vol. 6, no. 1, art. no. 1, jul 2023, doi: 10.30872/j.kes.pasmi.kal.v6i1.9530.
[24] A. Ramasamy, P. Dugyala, dan C. Mohan, “mobile health apps for systemic lupus erythematosus and lupus nephritis: a critical appraisal,” arthritis res. ther., vol. 24, no. 1, hlm. 110, mei 2022, doi: 10.1186/s13075-022-02791-0.
[25] B. Setiawan, “dietary strategies for alleviating inflammation and metabolic disorder: a narrative review,” 2023.
[26] W. Syafiyati, “mengeksplorasi hubungan antara nutrisi dan hasil penyakit autoimun: tinjauan sistematis terhadap bukti terkini,” 2025
[27] A. Sudianto, B. A. C. Permana, Muhammad Wasil, and Harianto, “Penerapan Sistem Payment Gateway Pada E-Commerce Sebagai Upaya Peningkatan Penjualan”, INFOTEK, vol. 8, no. 1, pp. 271–279, Jan. 2025. doi: 10.29408/jit.v8i1.28323
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 Infotek: Jurnal Informatika dan Teknologi
This work is licensed under a Creative Commons Attribution 4.0 International License.
Semua tulisan pada jurnal ini menjadi tanggung jawab penuh penulis. Jurnal Infotek memberikan akses terbuka terhadap siapapun agar informasi dan temuan pada artikel tersebut bermanfaat bagi semua orang. Jurnal Infotek ini dapat diakses dan diunduh secara gratis, tanpa dipungut biaya sesuai dengan lisense creative commons yang digunakan.
Jurnal Infotek is licensed under a Creative Commons Attribution 4.0 International License.
Statistik Pengunjung
