Perancangan Wireframe UI/UX Aplikasi Mobile HyperCare bagi Penderita Hipertensi Menggunakan Metode Design Thinking
DOI:
https://doi.org/10.55681/sentri.v4i8.4334Keywords:
Wireframe, UI/UX, Mobile Application, Hypertension, Design ThinkingAbstract
Hypertension is a chronic disease that serves as a major cause of serious complications such as stroke and heart disease. A common issue faced in managing hypertension is the lack of patient adherence to treatment and health monitoring. To address this challenge, a mobile application was developed specifically to assist hypertensive patients in monitoring their blood pressure, participating in peer group chats, and accessing health education. The app design process began with the creation of a wireframe as an initial visual representation of the app’s interface and user flow. The development method used was Design Thinking, which consists of five stages: empathize, define, ideate, prototype, and test. Through these stages, observations and interviews were conducted with hypertensive patients to explore their needs and challenges. Based on these findings, a wireframe was developed and tested with users to gather feedback. Evaluation results showed that the wireframe successfully met user needs, particularly in terms of ease of use, informative design, and features relevant to their health condition. Therefore, the Design Thinking approach proved effective in designing technology-based solutions that align with the needs of individuals living with hypertension.
Downloads
References
A. M. Irwan, K. Potempa, N. Abikusno, and S. Syahrul, ‘Health Coaching Intervention to Improve Self-Care Management of Hypertension Among Older People in Indonesia: A Randomized Controlled Study Protocol’, J Multidiscip Healthc, vol. 17, pp. 2799–2808, 2024, doi: 10.2147/JMDH.S461166,.
Z. Ni, B. Wu, Q. Yang, L. L. Yan, C. Liu, and R. J. Shaw, ‘An mHealth Intervention to Improve Medication Adherence and Health Outcomes Among Patients With Coronary Heart Disease: Randomized Controlled Trial’, J Med Internet Res, vol. 24, no. 3, p. e27202, Mar. 2022, doi: 10.2196/27202.
K. Wechkunanukul, D. R. Parajuli, and M. Hamiduzzaman, ‘Utilising digital health to improve medication-related quality of care for hypertensive patients: An integrative literature review’, World J Clin Cases, vol. 8, no. 11, p. 2266, Jun. 2020, doi: 10.12998/WJCC.V8.I11.2266.
H. L. Hsieh, C. W. Kao, S. M. Cheng, and Y. C. Chang, ‘A web-based integrated management program for improving medication adherence and quality of life, and reducing readmission in patients with atrial fibrillation: Randomized controlled trial’, J Med Internet Res, vol. 23, no. 9, p. e30107, Sep. 2021, doi: 10.2196/30107.
A. Irajpour, M. S. Hashemi, P. Abazari, and S. Shahidi, ‘The Effects of Peer Education on Treatment Adherence among Patients Receiving Hemodialysis: A Randomized Controlled Trial’, Iran J Nurs Midwifery Res, vol. 29, no. 1, pp. 46–55, Jan. 2024, doi: 10.4103/IJNMR.IJNMR_155_22,.
T. Wang, Y. M. Huang, and H. Y. Chan, ‘Exploration of Features of Mobile Applications for Medication Adherence in Asia: Narrative Review’, J Med Internet Res, vol. 26, no. 1, p. e60787, Nov. 2024, doi: 10.2196/60787.
D. H. Gustafson et al., ‘A Web-Based eHealth Intervention to Improve the Quality of Life of Older Adults With Multiple Chronic Conditions: Protocol for a Randomized Controlled Trial.’, JMIR Res Protoc, vol. 10, no. 2, p. e25175, Feb. 2021, doi: 10.2196/25175.
J. Y. Kim, N. E. Wineinger, and S. R. Steinhubl, ‘The influence of wireless self-monitoring program on the relationship between patient activation and health behaviors, medication adherence, and blood pressure levels in hypertensive patients:a substudy of a randomized controlled trial’, J Med Internet Res, vol. 18, no. 6, p. e5429, Jun. 2016, doi: 10.2196/jmir.5429.
F. N. B. Allam, M. R. A. Hamid, S. S. Buhari, and H. M. Noor, ‘Web-based dietary and physical activity intervention programs for Patients with Hypertension: Scoping Review’, J Med Internet Res, vol. 23, no. 3, p. e22465, Mar. 2021, doi: 10.2196/22465.
S. Lim, P. Athilingam, M. Lahiri, P. P. M. Cheung, H.-G. He, and V. Lopez, ‘A Web-Based Patient Empowerment to Medication Adherence Program for Patients With Rheumatoid Arthritis: Feasibility Randomized Controlled Trial.’, JMIR Form Res, vol. 7, no. 1, p. e48079, Nov. 2023, doi: 10.2196/48079.
H. Sharp, Y. Rogers, and J. Preece, Interaction Design. Beyond Human-Computer Interaction. 2007.
‘The Elements of User Experience: User-Centered Design for the Web and Beyond - Jesse James Garrett - Google Buku’. Accessed: Jul. 24, 2025. [Online]. Available: https://books.google.co.id/books/about/The_Elements_of_User_Experience.html?id=9QC6r5OzCpUC&redir_esc=y
B. Shneiderman and C. Plaisant, Designing the user interface: strategies for effective human-computer interaction. 2010.
M. Hassenzahl, Experience Design: Technology for All the Right Reasons, vol. 3. 2010. doi: 10.2200/S00261ED1V01Y201003HCI008.
‘The Definition of User Experience (UX) - NN/g’. Accessed: Jul. 24, 2025. [Online]. Available: https://www.nngroup.com/articles/definition-user-experience/
‘Hypertension’. Accessed: Jul. 24, 2025. [Online]. Available: https://www.who.int/news-room/fact-sheets/detail/hypertension
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2025 Sigit Sugiharto, Maulidta Karunianingtyas Wirawati, Dwi Nur Aini

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