Comparative Analysis of User Interface Design in Cognitive Behavioral Therapy (CBT) Mobile Applications for Pre-Elderly Users

Authors

  • Hanna Sofia Napitupulu Master of Design, Faculty of Art and Design, Institut Teknologi Bandung, Indonesia
  • Irfansyah Irfansyah Visual Communication and Multimedia Research Group, Faculty of Art and Design, Institut Teknologi Bandung, Indonesia

DOI:

https://doi.org/10.24114/gr.v14i2.67752

Keywords:

Cognitive Behavioral Therapy, Mental Health App, User Interface Design, Pre-Elderly Users, Inclusive Design

Abstract

User Interface design plays a crucial role in supporting the effectiveness of digital Cognitive Behavioral Therapy (CBT) interventions based on mobile applications, especially for pre-elderly users who might have cognitive, visual, and motor limitations. This study aims to analyze and specifically compare the interface design of two popular CBT mobile applications, namely CBT Companion and Unstuck, based on Graphical User Interface (GUI) principles that focus on aspects of readability, consistency, navigation, and visual clarity. The method used was visual observation and descriptive analysis of GUI elements, including layout, color and contrast, typography, icons and symbols, as well as animation and transition. The analysis was conducted by considering the needs and characteristics of pre-elderly users based on related literature. The results showed that the Unstuck app was superior in visual consistency, typographic legibility, and linear navigation structure, making it more friendly to the limitations of pre-elderly users. In contrast, CBT Companion has a therapeutic visual approach but faces barriers in readability, layout inconsistency, and low colour contrast for readability. This study confirms that the effectiveness of digital CBT interventions is not only determined by the interventions’ content delivered but also by the interface design that can support the overall user experience. The implications of these findings emphasise the importance of applying inclusive design principles in the development of digital mental health applications for pre-elderly users.

References

Asian Development Bank. (2023). Indonesia Longitudinal Aging Survey (ILAS) 2023: Summary report. Asian Development Bank. https://doi.org/10.22617/TCS240416-2

Andersson, G., Carlbring, P., Titov, N., & Lindefors, N. (2019). Internet-based cognitive behavior therapy for depression. The Lancet Psychiatry, 6(6), 475–485. https://doi.org/10.1016/S2215-0366(19)30048-0

Babich, N. (2016, February 29). Microinteractions: The secret of great app design. UX Planet. https://uxplanet.org/microinteractions-the-secret-to-great-app-design-4cfe70fbaccf

Boll, F., & Brune, P. (2015). User Interfaces with a Touch of Grey? – Towards a Specific UI Design for People in the Transition Age. Procedia Computer Science, 63, 511–516. https://doi.org/10.1016/j.procs.2015.08.377

Charness, N., & Boot, W. R. (2009). Aging and information technology use: Potential and barriers. Current Directions in Psychological Science, 18(5), 253–258. https://doi.org/10.1111/j.1467-8721.2009.01647.x

Chatrangsan, M., & Petrie, H. L. (2019). The effect of typeface and font size on reading text on a tablet computer for older and younger people. In Proceedings of the 16th Web for All Conference (W4A ’19) (Article 10:1–10). Association for Computing Machinery. https://doi.org/10.1145/3315002.3317568

Etcheverry, I., Baccino, T., Terrier, P., Marquié, J., & Mojahid, M. (2012). Age differences in information finding tasks: Performance and visual exploration strategy with different web page layouts. Computers in Human Behavior, 28(5), 1670–1680. https://doi.org/10.1016/j.chb.2012.04.005

Firth, J., Torous, J., Nicholas, J., Carney, R., Pratap, A., Rosenbaum, S., & Sarris, J. (2017). The efficacy of smartphone-based mental health interventions for depressive symptoms: a meta-analysis of randomized controlled trials. World Psychiatry, 16(3), 287–298. https://doi.org/10.1002/wps.20472

GBD 2019 Mental Disorders Collaborators. (2022). Global, regional, and national burden of 12 mental disorders in 204 countries and territories, 1990–2019: A systematic analysis from the Global Burden of Disease Study 2019. The Lancet Psychiatry, 9(2), 137–150. https://doi.org/10.1016/S2215-0366(21)00395-3

Gomez-Hernandez, M., Ferre, X., Moral, C., & Villalba-Mora, E. (2023). Design Guidelines of Mobile Apps for Older Adults: Systematic Review and Thematic Analysis. JMIR Mhealth and Uhealth, 11, e43186. https://doi.org/10.2196/43186

Harley, A. 2014.“Mobile Navigation: Image Grids or TextList?.”Accessed 20 November 2017. https://www.nngroup.com/articles/image-vs-list-mobile-navigation/.

Hofmann, S. G., Asnaani, A., Vonk, I. J. J., Sawyer, A. T., & Fang, A. (2012). The Efficacy of Cognitive Behavioral therapy: A review of Meta-analyses. Cognitive Therapy and Research, 36(5), 427–440. https://doi.org/10.1007/s10608-012-9476-1

Hou, G., Anicetus, U., & He, J. (2022). How to design font size for older adults: A systematic literature review with a mobile device. Frontiers in Psychology, 13. https://doi.org/10.3389/fpsyg.2022.931646

I. Etcheverry, T. Baccino, P. Terrier, J.C. Marquié and M. Mojahid, “Age differences in information finding tasks: Performance and visual exploration strategy with different web page layouts”, Computers in Human Behavior, vol. 28, 5, pp.1670-1680, 2012

Li, Q., & Luximon, Y. (2019). Older adults’ use of mobile device: usability challenges while navigating various interfaces. Behaviour and Information Technology, 39(8), 837–861. https://doi.org/10.1080/0144929x.2019.1622786

Neil, T. (2014). Mobile Design Pattern Gallery: UI Patterns forSmartphone Apps. Sebastopol: O’Reilly Media, Inc.

Salman, H.M., Ahmad, W.F.W. and Sulaiman, S. (2018) Usability Evaluation of the Smartphone User Interface in Supporting Elderly Users from Experts’ Perspective. IEEE Access, 6, 22578-22591. https://doi.org/10.1109/ACCESS.2018.2827358

Sethi, T., & Ziat, M. (2022). Dark mode vogue: Do light-on-dark displays have measurable benefits to users? Ergonomics, 66(12), 1814–1828. https://doi.org/10.1080/00140139.2022.2160879

Siburian, S. A., Saragi, D., & Harahap, S. (2020). Tinjauan Tata Letak (Layout) Poster Anti Narkoba Badan Narkotika Nasional Provinsi Sumatera Utara. Gorga Jurnal Seni Rupa, 9(1), 01. https://doi.org/10.24114/gr.v9i1.16538

Sumema, S., Asrinaldi, A., Firosha, A., Rotama, H., & Gusman, T. (2023). Persepsi Visual Gestalt: Dampak Dari Elemen Desain Media Informasi Mitigasi Tsunami. Gorga Jurnal Seni Rupa, 12(2), 310. https://doi.org/10.24114/gr.v12i2.45368

Tajudeen, F. P., Bahar, N., Tan, M. P., Peer Mustafa, M. B., Saedon, N. I., & Jesudass, J. (2022). Understanding User Requirements for a Senior-Friendly Mobile Health Application. Geriatrics, 7(5), 110. https://doi.org/10.3390/geriatrics7050110

Teramoto, W., Tao, K., Sekiyama, K. et al. Reading performance in middle-aged adults with declines in accommodation. Atten Percept Psychophys 74, 1722–1731 (2012). https://doi.org/10.3758/s13414-012-0360-6

Tidwell, J. 2010.Designing Interfaces: Patterns for EffectiveInteraction Design. Sebastopol: O’Reilly Media, Inc.

Villarroel, M. A., & Terlizzi, E. P. (2020). Symptoms of depression among adults: United States, 2019 (NCHS Data Brief No. 379). National Center for Health Statistics. https://www.cdc.gov/nchs/products/databriefs/db379.htm

Zahra, N., & Mansoor, A. Z. (2024). Warna dan Emosi untuk Media Desain Interaktif: Literature Review. Gorga Jurnal Seni Rupa, 13(01), 340. https://doi.org/10.24114/gr.v13i01.57946

Downloads

Published

2025-12-31

How to Cite

Napitupulu, H. S., & Irfansyah, I. (2025). Comparative Analysis of User Interface Design in Cognitive Behavioral Therapy (CBT) Mobile Applications for Pre-Elderly Users. Gorga : Jurnal Seni Rupa, 14(2), 415–422. https://doi.org/10.24114/gr.v14i2.67752

Issue

Vol. 14 No. 2 (2025): Gorga: Jurnal Seni Rupa (On Going)

Section

Gorga : Jurnal Seni Rupa

License

Copyright (c) 2025 Hanna Sofia Napitupulu, Irfansyah Irfansyah

Creative Commons License

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

Copyright

Authors published in this journal agree to the following terms:

  1. The copyright of each article is retained by the author (s).
  2. The author grants the journal the first publication rights with the work simultaneously licensed under the Creative Commons Attribution License, allowing others to share the work with an acknowledgment of authorship and the initial publication in this journal.
  3. Authors may enter into separate additional contractual agreements for the non-exclusive distribution of published journal versions of the work (for example, posting them to institutional repositories or publishing them in a book), with acknowledgment of their initial publication in this journal.
  4. Authors are permitted and encouraged to post their work online (For example in the Institutional Repository or on their website) before and during the submission process, as this can lead to productive exchanges, as well as earlier and larger citations of published work.
  5. Articles and all related material published are distributed under a Creative Commons Attribution-ShareAlike 4.0 International License.
     

License

Creative Commons License

Gorga : Jurnal Seni Rupa is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

Similar Articles

1 2 3 4 > >> 

You may also start an advanced similarity search for this article.