Abstract
Usability Evaluation is used for the graphical user interface of the glucose monitor apps. The interface visual evaluation methodology combines qualitative usability testing and quantitative usability evaluation to present a visual design checklist for the glucose monitor apps. The checklist was evaluated in two stages: the first evaluation phase with a professional designer of human-computer interaction, and the second evaluation phase with diabetes evaluating the product interface. The visual design checklist build, and the MiniMed™ Mobile app was selected as the visual design checklist test product for this study, demonstrated its capacity to assist development teams in meeting usability criteria. In conclusion, the checklist can be a valuable tool for evaluating the user interface of the diabetes apps, hence preventing errors and increasing patient acceptability of the glucose monitor interface overall. The results of the usability evaluation have led to recommendations for inclusive design and design for home medical device interfaces, which contribute to the design of medical product interfaces in a beneficial way.
This is a preview of subscription content, log in via an institution to check access.
Access this chapter
Tax calculation will be finalised at checkout
Purchases are for personal use only
References
Hix, D., Hartson, H.R.: Developing user interfaces: ensuring usability through product & process: John Wiley & Sons, Inc. (1993)
Punchoojit, L., Hongwarittorrn, N.: Usability studies on mobile user interface design patterns: a systematic literature review. In: Advances in Human-Computer Interaction, 2017 (2017)
Camargo, M.C., Barros, R.M., Barros, V.T.: Visual design checklist for graphical user interface (GUI) evaluation. In: Proceedings of the 33rd Annual ACM Symposium on Applied Computing, pp. 670–672 (April 2018)
Hornbæk, K., Bederson, B.B., Plaisant, C.: Navigation patterns and usability of zoomable user interfaces with and without an overview. ACM Trans. Comput. Hum. Interact. (TOCHI) 9(4), 362–389 (2002)
Glinz, M.: On non-functional requirements. In: 15th IEEE International Requirements Engineering Conference (RE 2007), pp. 21–26. IEEE (October 2007)
Ji, Y.G., Park, J.H., Lee, C., Yun, M.H.: A usability checklist for the usability evaluation of mobile phone user interface. Int. J. Hum. Comput Interact. 20(3), 207–231 (2006)
Mi, N., Cavuoto, L.A., Benson, K., Smith-Jackson, T., Nussbaum, M.A.: A heuristic checklist for an accessible smartphone interface design. Univ. Access Inf. Soc. 13(4), 351–365 (2013). https://doi.org/10.1007/s10209-013-0321-4
Follette Story, M.: Medical device human factors standards: finding them and what they contain. In: Proceedings of the Human Factors and Ergonomics Society Annual Meeting, vol. 63(1), pp. 592–596). SAGE Publications, Sage CA (November 2019)
Quiñones, D., Rusu, C., Rusu, V.: A methodology to develop usability/user experience heuristics. Comput. Stand. Interf. 59, 109–129 (2018)
Camargo, M.C., Barros, R.M., Barros, V.T.O.: Visual Design Checklist for Graphical User Interface (Gui) Evaluation. In: Proceedings of the 33rd Annual ACM Symposium on Applied Computing, Pau, France. Association for Computing Machinery (2018)
Whitlock, L.A., McLaughlin, A.C.: Identifying usability problems of blood glucose tracking apps for older adult users. In: Proceedings of the Human Factors and Ergonomics Society Annual Meeting, vol. 56(1), pp. 115–119). SAGE Publications, Sage CA (September 2012)
Cafazzo, J.A., Casselman, M., Hamming, N., Katzman, D.K., Palmert, M.R.: Design of an mHealth app for the self-management of adolescent type 1 diabetes: a pilot study. J. Med. Internet Res. 14(3), e2058 (2012)
Garrett, J.: . The elements of user experience. Berkeley, CA: New Riders (2011). Nielsen, J.: Designing web usability. Berkeley, Calif.: New Riders (2006)
El-Gayar, O., Timsina, P., Nawar, N., Eid, W.: Mobile applications for diabetes self-management: status and potential. J. Diabetes Sci. Technol. 7(1), 247–262 (2013)
McVean, J., Miller, J.: MiniMedTM780G Insulin pump system with smartphone connectivity for the treatment of type 1 diabetes: overview of its safety and efficacy. Expert Rev. Med. Devices 18(6), 499–504 (2021)
Nielsen, J., Molich, R.: Heuristic evaluation of user interfaces. In: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, pp. 249–256 (March 1990)
Adikari, S., McDonald, C., Campbell, J.: Quantitative analysis of desirability in user experience (2016). arXiv preprint arXiv:1606.03544
Gould, J.D., Lewis, C.: Designing for usability: key principles and what designers think. Commun. ACM 28(3), 300–311 (1985)
Author information
Authors and Affiliations
Corresponding author
Editor information
Editors and Affiliations
Appendix a
Appendix a
Visual Design Checklist for Glucose Monitor Mobile App User Interface
(Source: Developed by the authors, drawing on Microsoft Word, 2023)
Navigation | Compliance | ||||
|---|---|---|---|---|---|
Always | Sometimes | Never | Notes | ||
The visibility of the interface state as well as the discoverability of interface information | |||||
Clearly marked home page link | |||||
A mobile app map is accessible if necessary | |||||
The diabetes app interface structure is straightforward, with no extra tiers | |||||
If needed, a simple search option is offered | |||||
Functionality | Compliance | ||||
Always | Sometimes | Never | Notes | ||
Every component is well labeled | |||||
all required functionality is provided | |||||
Clearly display insulin pump and CGM data | |||||
Review your history convent | |||||
Color | Compliance | ||||
Always | Sometimes | Never | Notes | ||
Is the interface color harsh | |||||
The interface overdoes font/color variation | |||||
Text color is inaccessible with enough contrast ratio against the background color | |||||
Typography | Compliance | ||||
Always | Sometimes | Never | Notes | ||
More than 2 or 3 font faces on the interface design | |||||
No clear text hlerarchy and reader flow | |||||
Text is legible and isn't too small | |||||
Button | Compliance | ||||
Always | Sometimes | Never | Notes | ||
Quickly find the alarm button | |||||
Easy to find Insulin pump system notifications | |||||
Clear of Displays of past and current insulin pump and CGM data | |||||
Easy-to-use secondary display | |||||
Content | Compliance | ||||
Always | Sometimes | Never | Notes | ||
Text is concise, with no needless instructions or welcome notes | |||||
Information is organized hierarchically, form the organization is clear and logical | |||||
Content has been specifically created for the glucose mobile app | |||||
The main titles are straightforward and descriptive | |||||
The most important information is located above the “fold.“ | |||||
Colors and styles are constant | |||||
Emphasis (bold, italics, etc.) is employed sparingly | |||||
Ads and pop-ups are not intrusive | |||||
The main copy is brief and informative | |||||
Rights and permissions
Copyright information
© 2023 The Author(s), under exclusive license to Springer Nature Switzerland AG
About this paper
Cite this paper
Tu, C.J., Russo, A. (2023). Visual Design Checklist for Glucose Monitor App User Interface Usability Evaluation. In: Marcus, A., Rosenzweig, E., Soares, M.M. (eds) Design, User Experience, and Usability. HCII 2023. Lecture Notes in Computer Science, vol 14034. Springer, Cham. https://doi.org/10.1007/978-3-031-35705-3_33
Download citation
DOI: https://doi.org/10.1007/978-3-031-35705-3_33
Published:
Publisher Name: Springer, Cham
Print ISBN: 978-3-031-35704-6
Online ISBN: 978-3-031-35705-3
eBook Packages: Computer ScienceComputer Science (R0)