Perancangan Desain UI/UX Aplikasi Mobile Defisit Kalori Menggunakan Metode Design Thinking

Metty Wuisang; Joe Yuan Mambu; Raissa Maringka

doi:10.47065/josh.v5i4.5511

Metty Wuisang Universitas Klabat, Manado, Indonesia
Joe Yuan Mambu Universitas Klabat, Manado, Indonesia
Raissa Maringka * Universitas Klabat, Manado, Indonesia

(*) Corresponding Author

DOI: https://doi.org/10.47065/josh.v5i4.5511

Keywords: User Interface; User Experience; Design Thinking; Mobile Application; Calorie Deficit

Abstract

The increasing prevalence of lifestyle-related health issues highlights the necessity for innovative solutions to promote healthier habits. This study aims to design a better and more suitable user interface (UI) for the user experience (UX) of a mobile calorie deficit application using the Design Thinking method. The primary objective is to create a user-centric UI design that enhances user engagement and supports weight management goals. Through a comprehensive Design Thinking process, which includes empathizing with users, defining problems, ideating solutions, prototyping, and testing, we developed a UI design tailored to the needs of individuals seeking to manage their calorie intake effectively. The testing phase involved two scenarios. The first scenario achieved a miss click rate of 0-9% and a usability score ranging from 91 to 100. User feedback was continuously integrated to refine the design, ensuring usability and functionality. The results demonstrate that the well-structured UI design effectively improves user satisfaction and interaction. This research underscores the value of Design Thinking in developing user-centered interfaces for health management applications.

Downloads

Download data is not yet available.

References

O. Fink, Q. Wang, M. Svensen, P. Dersin, W.-J. Lee, and M. Ducoffe, “Potential, challenges and future directions for deep learning in prognostics and health management applications,” Eng Appl Artif Intell, vol. 92, p. 103678, 2020.

K. Gong et al., “Mobile health applications for the management of primary hypertension: A multicenter, randomized, controlled trial,” Medicine, vol. 99, no. 16, p. e19715, 2020.

R. Maringka and C. Lumingkewas, “Designing User Interface (UI) And User Experience (UX) of a Sport Space Rental Application using Design Thinking Method,” CogITo Smart Journal, vol. 10, no. 1, pp. 613–624, 2024.

K. Y. K. Utomo and B. S. Renyoet, “Studi Literatur : Diet Kalori Surplus untuk Remaja Underweight: Literature Study: Calorie Surplus Diet for Adolescents With Underweight,” Jurnal Gizi Dan Kesehatan, vol. 14, no. 2, Art. no. 2, Jul. 2022.

J. Y. Kim, “Optimal diet strategies for weight loss and weight loss maintenance,” J Obes Metab Syndr, vol. 30, no. 1, p. 20, 2021.

F. Azzahra, “Penerapan Penerapan Algoritma Greedy dalam Penentuan Menu Diet Berdasarkan Kandungan Kalori dan Protein,” JATISI (Jurnal Teknik Informatika dan Sistem Informasi), vol. 11, no. 2, Art. no. 2, Jun. 2024, doi: 10.35957/jatisi.v11i2.5312.

A. Levine et al., “Dietary Guidance From the International Organization for the Study of Inflammatory Bowel Diseases,” Clinical Gastroenterology and Hepatology, vol. 18, no. 6, pp. 1381–1392, May 2020, doi: 10.1016/j.cgh.2020.01.046.

A. H. Lichtenstein et al., “2021 Dietary Guidance to Improve Cardiovascular Health: A Scientific Statement From the American Heart Association,” Circulation, vol. 144, no. 23, pp. e472–e487, Dec. 2021, doi: 10.1161/CIR.0000000000001031.

I. Sim, “Mobile Devices and Health,” New England Journal of Medicine, vol. 381, no. 10, pp. 956–968, Sep. 2019, doi: 10.1056/NEJMra1806949.

I. Vaghefi and B. Tulu, “The Continued Use of Mobile Health Apps: Insights From a Longitudinal Study,” JMIR mHealth and uHealth, vol. 7, no. 8, p. e12983, Aug. 2019, doi: 10.2196/12983.

H. W. Astuti, V. T. Nitza, L. Sapalakai, P. E. Tua, and A. U. T. Ama, “Pengembangan Prototype Startup Healthy Food ‘YumHealth’ dengan Pendekatan Design thinking dan Usability Testing,” Journal of Educational Innovation and Public Health, vol. 2, no. 1, pp. 184–200, 2024.

J. M. Dumalang, C. E. J. C. Montolalu, and D. Lapihu, “Perancangan UI/UX Aplikasi Penjualan Makanan Berbasis Mobile pada UMKM di Kota Manado menggunakan metode Design Thinking,” Jurnal Ilmiah Informatika Dan Ilmu Komputer (Jima-Ilkom), vol. 2, no. 2, pp. 41–52, 2023.

M. Muslih and N. D. Arianti, “Perancangan Ui/Ux Design Smart Genusian Mobile App Menggunakan Metode Design Thinking,” Jurnal Bisnis dan Manajemen, vol. 3, no. 5, pp. 952–964, 2023.

I. B. K. Sekali, C. E. J. C. Montolalu, and S. A. Widiana, “Perancangan UI/UX Aplikasi Mobile Produk Fashion Pria pada Toko Celcius di Kota Manado Menggunakan Design Thinking,” Jurnal Ilmiah Informatika dan Ilmu Komputer (JIMA-ILKOM), vol. 2, no. 2, pp. 53–64, 2023.

I. M. P. D. Putra and I. W. Santiyasa, “Perancangan Desain UI/UX Untuk Aplikasi Loyalty Point Agent Menggunakan Metode Design Thinking | Jurnal Harian Regional,” Jurnal Harian Regional, vol. 1, Nov. 2022, Accessed: Aug. 05, 2024. [Online]. Available: https://jurnal.harianregional.com/jnatia/id-92701

O. D. Alao, E. A. Priscilla, R. C. Amanze, S. O. Kuyoro, and A. O. Adebayo, “User-Centered/User Experience Uc/Ux Design Thinking Approach for Designing a University Information Management System.,” Ingénierie des Systèmes d’Information, vol. 27, no. 4, 2022.

M. R. Yusaliano, A. Syahrina, and T. F. Kusumasari, “User Interface Design of P2P Lending Mobile Application Using Design Thinking,” in ICITEE 2020 - Proceedings of the 12th International Conference on Information Technology and Electrical Engineering, Institute of Electrical and Electronics Engineers Inc., Oct. 2020, pp. 180–185. doi: 10.1109/ICITEE49829.2020.9271780.

N. Shahrasbi, L. Jin, and W.-J. Zheng, “Teaching Tip: Design Thinking and Mobile App Development: A Teaching Protocol,” Journal of Information Systems Education, vol. 32, no. 2, pp. 92–105, 2021.

W. S. L. Nasution and P. Nusa, “UI/UX Design Web-Based Learning Application Using Design Thinking Method,” ARRUS Journal of Engineering and Technology, vol. 1, no. 1, pp. 18–27, Aug. 2021, doi: 10.35877/jetech532.

M. Defriani, L. N. Islami, and T. I. Hermanto, “UI/UX Design of Ineffable Psychological Counseling Mobile Application Using Design Thinking Method,” Sinkron : jurnal dan penelitian teknik informatika, vol. 6, no. 3, pp. 962–973, Jul. 2022, doi: 10.33395/sinkron.v7i3.11582.

G. L. Diaz Intal, D. Senoro, and T. Palaoag, “User Experience Design for Disaster Management Mobile Application using Design Thinking Approach,” in ACM International Conference Proceeding Series, Association for Computing Machinery, Dec. 2020, pp. 7–13. doi: 10.1145/3446569.3446587.

K. Harlim and N. Setiyawati, “Perancangan User Experience Aplikasi Mobile Majuli Menggunakan Metode Design Thinking,” 2022. [Online]. Available: https://journal-computing.org/index.php/journal-ita/index

B. Huda et al., “Implementation of UI/UX the Design Thinking Approach Method in Inventory Information System,” in E3S Web of Conferences, EDP Sciences, Nov. 2023. doi: 10.1051/e3sconf/202344802005.

L. Setiyani and E. Tjandra, “UI / UX Design Model for Student Complaint Handling Application Using Design Thinking Method (Case Study: STMIK Rosma Karawang),” International Journal of Science, Technology & Management, vol. 3, no. 3, Art. no. 3, May 2022, doi: 10.46729/ijstm.v3i3.505.

M. Zhang, Z.-K. Hou, Z.-B. Huang, X.-L. Chen, and F.-B. Liu, “Dietary and Lifestyle Factors Related to Gastroesophageal Reflux Disease: A Systematic Review,” Therapeutics and Clinical Risk Management, vol. 17, pp. 305–323, Apr. 2021, doi: 10.2147/TCRM.S296680.

F. Juansyah and D. R. Indah, “Application Of Design Thinking Method In Redesigning The Ui/Ux Of Simak (Academic Information System) Of Sriwijaya University Based On A Mobile Platform,” Jurnal Teknologi Informasi Universitas Lambung Mangkurat (JTIULM), vol. 8, no. 1, Art. no. 1, Apr. 2023, doi: 10.20527/jtiulm.v8i1.157.

M. Lewrick, P. Link, and L. Leifer, The design thinking toolbox: A guide to mastering the most popular and valuable innovation methods. John Wiley & Sons, 2020.

N. Limantara, R. Renaldi, and C. Filicia, “Redesign of E-Commerce Mobile Application with Design Thinking Method: A Case Study of RP2, Online Household Retailer,” ComTech: Computer, Mathematics and Engineering Applications, vol. 12, no. 2, pp. 89–98, Nov. 2021, doi: 10.21512/comtech.v12i2.6851.

M. Praseptiawan, M. C. Untoro, F. Fahrianto, P. R. Prabandari, and M. S. Wisnubroto, “Redesigning UI/UX of A Mobile Application Using Task Centered System Design Approach,” Applied Information System and Management (AISM), vol. 6, no. 1, pp. 21–28, Apr. 2023, doi: 10.15408/aism.v6i1.24665.

G. D. Saputra, “Perancangan UI/UX Aplikasi Edukasi Seksual Berbasis Mobile Menggunakan Metode Design Thinking”, Journal of Comprehensive Science (JCS), vol. 3, no. 6, pp. 2006–2021, Jun. 2024, doi: 10.59188/jcs.v3i6.760.

M. Chouki, B. Borja de Mozota, A. Kallmuenzer, S. Kraus, and M. Dabic, “Design Thinking and Agility in Digital Production: The Key Role of User Experience Design,” IEEE Transactions on Engineering Management, vol. 70, no. 12, pp. 4207–4221, Dec. 2023, doi: 10.1109/TEM.2021.3099094.

M. F. Fauzan, I. F. Hanif, A. R. Subarkah, B. Fadillah, M. B. A. Pangestu, and S. A. Fillah, “UI/UX Design of Vendor Ordering Information System Using Design Thinking Method : Case Study CV. MOVED4,” Journal of Advances in Information and Industrial Technology, vol. 6, no. 1, pp. 51–60, Jul. 2024, doi: 10.52435/jaiit.v6i1.551.

B. Suratno and J. Shafira, “Development of User Interface/User Experience using Design Thinking Approach for GMS Service Company,” Journal of Information Systems and Informatics, vol. 4, no. 2, Art. no. 2, Jun. 2022, doi: 10.51519/journalisi.v4i2.344.

Bila bermanfaat silahkan share artikel ini

Berikan Komentar Anda terhadap artikel Perancangan Desain UI/UX Aplikasi Mobile Defisit Kalori Menggunakan Metode Design Thinking