Article published In: Information Design Journal
Vol. 28:3 (2023) ► pp.231–274
Testing the effectiveness of a supportive digital information tool for patients recovering from bowel surgery, their surgeons and nurses
Published online: 12 January 2024
https://doi.org/10.1075/idj.23002.lon
https://doi.org/10.1075/idj.23002.lon
Abstract
Colorectal surgery is a common procedure for bowel cancer, with communication of information playing a key role in
patient surgery preparation and recovery. Previous research has shown that surgery e-health tools are effective in many medical
contexts. With this in mind, an interactive app was developed using an iterative user-centred design and research process and a
multi-methods approach. The aim was to enhance communication between patients and medical staff and empower patients throughout
their recovery. Results showed the superiority of a mobile app in communicating information when compared to a printed booklet,
and to a tablet app variant.
Article outline
- 1.Introduction
- 1.1Background
- 1.2Problem identification
- 1.3E-health tool
- 1.4Objectives
- 2.Methodology at a glance
- 3.Design problem and user needs
- 3.1User needs
- 3.1.1Online questionnaire with patients
- 3.1.2Interview with surgeon
- 3.2Design problems
- 3.2.1Literature review
- 3.2.2Visual survey
- 3.2.3Co-design with stakeholders
- 3.2.3.1Co-design: Activity 1
- 3.2.3.2Co-design: Activity 2
- 3.1User needs
- 4.Design development
- 4.1Initial prototype development
- 4.2Iterative process
- 4.2.1Iteration 1 – Usability testing 1 (general public)
- 4.2.2Iteration 2 – Feedback 1 (Information designer and researcher)
- 4.2.3Iteration 3 – Feedback 2 (Digital and interactive designer)
- 4.2.4Iteration 4 – Usability testing 2 (medical stakeholders)
- 4.3Final design output
- 4.4Additional outputs
- 4.5Lessons learned
- 5.Evaluation and validation
- 5.1Participants
- 5.2Quantitative results
- 5.2.1One-way ANOVA results
- 5.3Qualitative results
- 5.3.1Visual evaluation
- 5.3.2Interactive evaluation
- 5.3.3Interview results
- 6.Discussion/Conclusion
- 7.Limitations and future research
References
References (102)
Ansari, D., Gianotti, L., Schröder, J., & Andersson, R. (2013). Fast-track
surgery: procedure-specific aspects and future direction. Langenbeck’s archives of
surgery, 398(1), 29–37.
Babich, N. (2016a). Mobile
UX Design: User Errors. UX Planet. [URL]
(2016b). Mobile
UX Design: User-Friendly Search. UX Planet. [URL]
(2017). The
Underestimated Power Of Color In Mobile App Design. Smashing Magazine. Available from: [URL]
Ban, K. A., Berian, J. R., & Ko, C. Y. (2019). Does
implementation of enhanced recovery after surgery (ERAS) protocols in colorectal surgery improve patient
outcomes? Clinics in colon and rectal
surgery, 32(02), 109–113.
Belarmino, A., Walsh, R., Alshak, M., Patel, N., Wu, R., & Hu, J. C. (2019). Feasibility
of a mobile health application to monitor recovery and patient-reported outcomes after robot-assisted radical
prostatectomy. European Urology
Oncology, 2(4), 425–428.
Bertocchi, E., Barugola, G., Gentile, I., Zuppini, T., Zamperini, M., Guerriero, M., Avesani, R., Bonadiman, S., Anselmi, C., & Ruffo, G. (2021). iColon,
a patient-focused mobile application for perioperative care in colorectal surgery: an observational, real-world study
protocol. BMJ
open, 11(11), e045526.
Beukes, W., Gelderblom, H. & Van der Merwe, A. (2016, May). Why
designers responsible for websites of large organisations disregard basic web design
principles. CONF-IRM 2016 conference, Cape Town, South Africa.
Brown, H., & Randle, J. (2005). Living
with a stoma: a review of the literature. Journal of clinical
nursing, 14(1), 74–81.
CancerResearchUK. (2022). Bowel cancer
survival statistics. Retrieved 13
December from [URL]
Cardello, J. (2013). Four
Dangerous Navigation Approaches that Can Increase Cognitive Strain. Nielsen Norman Group. Available from: [URL]
Chang, P., Lin, L., Zhang, H., Zhao, Y., Xie, J., Yu, Y., & Zhao, Y.-e. (2018). Effect
of smartphone application assisted medical service on follow-up adherence improvement in pediatric cataract
patients. Graefe’s Archive for Clinical and Experimental
Ophthalmology, 256(10), 1923–1931.
Chapman, S. J., Czoski Murray, C., Lonsdale, M., Boyes, S., Tiernan, J. P., & Jayne, D. G. (2020). Information
needs for recovery after colorectal surgery: a patient focus group study. Colorectal
Disease, 23(4), 975–981.
CircleHealthGroup. (2022). Colorectal
Surgery. Retrieved 14
December from [URL]
Dinh-Le, C., Chuang, R., Chokshi, S., & Mann, D. (2019). Wearable
health technology and electronic health record integration: scoping review and future
directions. JMIR mHealth and
uHealth, 7(9), e12861.
Dunn, J., Ng, S. K., Holland, J., Aitken, J., Youl, P., Baade, P. D., & Chambers, S. K. (2013). Trajectories
of psychological distress after colorectal
cancer. Psycho-oncology, 22(8), 1759–1765.
Eskicioglu, C., Forbes, S. S., Aarts, M.-A., Okrainec, A., & McLeod, R. S. (2009). Enhanced
recovery after surgery (ERAS) programs for patients having colorectal surgery: a meta-analysis of randomized
trials. Journal of gastrointestinal
surgery, 13(12), 2321–2329.
Eustache, J., Latimer, E. A., Liberman, S., Charlebois, P., Stein, B., Fiore Jr, J. F., Feldman, L. S., & Lee, L. (2022). A
mobile phone app improves patient-physician communication and reduces emergency department visits after colorectal
surgery. Diseases of the Colon &
Rectum, 66(1), 130–137.
Farkas, D. K., & Farkas, J. B. (2000). Guidelines
for designing web navigation. Technical
communication, 47(3), 341–358.
Fessenden, T. 2018. Scrolling
and Attention. Nielsen Norman Group. [URL]
Fox, S., Brown, L. J., Antrobus, S., Brough, D., Drake, R. J., Jury, F., Leroi, I., Parry-Jones, A. R., & Machin, M. (2022). Co-design
of a Smartphone App for People Living With Dementia by Applying Agile, Iterative Co-design Principles: Development and
Usability Study. JMIR mHealth and
uHealth, 10(1), e24483.
Geisler, C., Bazerman, C., Doheny-Farina, S., Gurak, L., Haas, C., … & Yates, J. (2001). IText:
Future directions for research on the relationship between information technology and
writing. Journal of Business and Technical
Communication, 15(3), 269–308.
Gentili, A., Failla, G., Melnyk, A., Puleo, V., Di Tanna, G. L., Ricciardi, W., & Cascini, F. (2022). The
cost-effectiveness of digital health interventions: A systematic review of the
literature. Frontiers in Public
Health, 101.
Giglia, M. D., & Stein, S. L. (2019). Overlooked
long-term complications of colorectal surgery. Clinics in colon and rectal
surgery, 32(03), 204–211.
Granath, A., Eriksson, K., & Wikström, L. (2022). Healthcare
workers’ perceptions of how eHealth applications can support self-care for patients undergoing planned major
surgery. BMC Health Services
Research, 22(1), 844.
Guo, C., Ashrafian, H., Ghafur, S., Fontana, G., Gardner, C., & Prime, M. (2020). Challenges
for the evaluation of digital health solutions – A call for innovative evidence generation
approaches. NPJ digital
medicine, 3(1), 110.
Gustafsson, U., Hausel, J., Thorell, A., Ljungqvist, O., Soop, M., Nygren, J., & Group, E. R. A. S. S. (2011). Adherence
to the enhanced recovery after surgery protocol and outcomes after colorectal cancer
surgery. Archives of
surgery, 146(5), 571–577.
Hoekstra, R. A., Heins, M. J., & Korevaar, J. C. (2014). Health
care needs of cancer survivors in general practice: a systematic review. BMC family
practice, 15(94), 1–6.
Hornof, A. J., & Halverson, T. (2003, April). Cognitive
strategies and eye movements for searching hierarchical computer
displays. In Proceedings of the SIGCHI conference on Human factors in
computing systems, Ft. Lauderdale, Florida, USA. Association for Computing Machinery (pp. 249–256).
Hou, J., Yang, R., Yang, Y., Tang, Y., Deng, H., Chen, Z., Wu, Y., & Shen, H. (2019). The
effectiveness and safety of utilizing mobile phone–based programs for rehabilitation after lumbar spinal surgery: multicenter,
prospective randomized controlled trial. JMIR mHealth and
uHealth, 7(2), e10201.
Howell, D., Harth, T., Brown, J., Bennett, C., & Boyko, S. (2017). Self-Management
education for patients with cancer: a systematic review. Support Care
Cancer, 25(4), 1323–1355.
Huxley, C. J., Atherton, H., Watkins, J. A., & Griffiths, F. (2015). Digital
communication between clinician and patient and the impact on marginalised groups: a realist review in general
practice. British Journal of General
Practice, 65(641), e813–e821.
Hwang, J. H., & Mun, G.-H. (2012). An
evolution of communication in postoperative free flap monitoring: using a smartphone and mobile messenger
application. Plastic and reconstructive
surgery, 130(1), 125–129.
Joshi, R., Joseph, A., Mihandoust, S., Madathil, K. C., & Cotten, S. R. (2022). A
mobile application-based home assessment tool for patients undergoing joint replacement surgery: A qualitative feasibility
study. Applied
Ergonomics, 1031, 103796.
Justas. (2015). 6 steps to
make your icon set cohesive. Icon Utopia. [URL]
Keng, C. J., Goriawala, A., Rashid, S., Goldstein, R., Schmocker, S., Easson, A., & Kennedy, E. (2020). Home
to stay: an integrated monitoring system using a mobile app to support patients at home following colorectal
surgery. Journal of Patient
Experience, 7(6), 1241–1246.
Kim, B.-Y., Park, K.-J., & Ryoo, S.-B. (2018). Effects
of a mobile educational program for colorectal cancer patients undergoing the enhanced recovery after
surgery. The Open Nursing
Journal, 12(1), 142–154.
Kim, B.-Y., Park, S.-H., Park, K.-J., & Ryoo, S.-B. (2017). Effects
of a surgical ward care protocol following open colon surgery as part of an enhanced recovery after surgery
programme. Journal of clinical
nursing, 26(21–22), 3336–3344.
Kirkpatrick, A., Connor, J. O., Campbell, A. and Cooper, M. (2018). Contrast
(Minimum). Understanding SC 1.4.3. [URL]
Kneuertz, P. J., Jagadesh, N., Perkins, A., Fitzgerald, M., Moffatt-Bruce, S. D., Merritt, R. E., & D’Souza, D. M. (2020). Improving
patient engagement, adherence, and satisfaction in lung cancer surgery with implementation of a mobile device platform for
patient reported outcomes. Journal of thoracic
disease, 12(11), 6883–6891.
Larson, D., Lovely, J., Cima, R., Dozois, E., Chua, H., Wolff, B., Pemberton, J., Devine, R., & Huebner, M. (2014). Outcomes
after implementation of a multimodal standard care pathway for laparoscopic colorectal
surgery. Journal of British
Surgery, 101(8), 1023–1030.
Laubheimer, P. (2018). Breadcrumbs:
11 Design Guidelines for Desktop and Mobile. Nielsen Norman Group. [URL]
Leavitt, M. O. and Shneiderman, B. (2006). Research-based
web design & usability guidelines. U.S. Dept. of Health and Human Services:--U.S. General
Services Administration:--For sale by the Supt. of Docs., U.S. G.P.O.
Lekka, D., Madoglou, A., Karamanoli, V. I., Yotsidi, V., Alexias, G., Orlandou, K., Karakasidou, E., & Stalikas, A. (2022). Hospital
Settings and Dehumanization: Systematic
Review. Psychology, 13(5), 734–742.
Lo, P.-S., Lin, Y.-P., Hsu, H.-H., Chang, S.-C., Yang, S.-P., Huang, W.-C., & Wang, T.-J. (2021). Health
self-management experiences of colorectal cancer patients in postoperative recovery: a qualitative
study. European Journal of Oncology
Nursing, 51(1), 101906.
Lonsdale, M. (2022). INFORMATION
VISUALISATION: From Theory, to Research, to Practice and
Back. SAGE.
Lonsdale, M., Ni, L.-C., Twiddy, M., & Gu, C. (2020). Information
design for bowel cancer detection. The impact of using information visualization to help patients prepare for colonoscopy
screening, using a booklet, a motion graphics and an App. Information Design
Journal, 25(2), 125–156.
Lonsdale, M., Sciberras, S., Ha, H., & Chapman, S. (2020). Enhancing
bowel cancer surgery recovery through information design. The impact of combining design and cognitive principles with
user-centered research methods, on patient understanding of surgery recovery
information. Visible
Language, 54(1–2), 129–169.
Loranger, H. (2014). Infinite
Scrolling Is Not for Every Website. Nielsen Norman Group. [URL]
(2016). The
Same Link Twice on the Same Page: Do Duplicates Help or Hurt?. Nielsen Norman Group. [URL]
(2017). Homepage
Links Remain a Necessity. Nielsen Norman Group. [URL]
Lynch, P. J. (2008). Web
style guide : basic design principles for creating Web sites (Third Edition). Yale University Press.
Mata, J., Pecorelli, N., Kaneva, P., Moldoveanu, D., Gosselin-Tardiff, A., Alhashemi, M., Robitaille, S., Balvardi, S., Lee, L., & Stein, B. L. (2020). A
mobile device application (app) to improve adherence to an enhanced recovery program for colorectal surgery: a randomized
controlled trial. Surgical
endoscopy, 34(2), 742–751.
Meskó, B., Drobni, Z., Bényei, É., Gergely, B., & Győrffy, Z. (2017). Digital
health is a cultural transformation of traditional
healthcare. Mhealth, 3(38).
Michailidou, E., Harper, S., & Bechhofer, S. (2008, September). Visual
complexity and aesthetic perception of web pages. In Proceedings of
the 26th annual ACM international conference on Design of communication, Lisbon, Portugal. Association for Computing
Machinery (pp. 215–224).
Mizuno, M., Kakuta, M., Ono, Y., Kato, A., & Inoue, Y. (2007). Experiences
of Japanese patients with colorectal cancer during the first six months after surgery. Oncology
nursing
forum, 34(4), 869–876.
Mrklas, K. J., Barber, T., Campbell-Scherer, D., Green, L. A., Li, L. C., Marlett, N., Miller, J., Shewchuk, B., Teare, S., & Wasylak, T. (2020). Co-design
in the development of a mobile health app for the management of knee osteoarthritis by patients and physicians: qualitative
study. JMIR mHealth and
uHealth, 8(7), e17893.
NHS. (2022). Bowel cancer:
Treatment. Retrieved 13
December from [URL]
Nielsen, J. (2001). 113
Design Guidelines for Homepage Usability. Nielsen Norman Group. [URL]
(2010). Scrolling
and attention (Original Research Study). Nielsen Norman Group. [URL]
(2016). Tabs,
Used Right. Nielsen Norman Group. [URL]
Nielsen, J. & Li, A. (2017). Mega
Menus Work Well for Site Navigation. Nielsen Norman Group. [URL]
O’Donovan, P., Agarwala, A., & Hertzmann, A. (2011). Color
compatibility from large datasets. In ACM SIGGRAPH 2011
papers (pp. 1–12).
Ogrin, R., Viswanathan, R., Aylen, T., Wallace, F., Scott, J., & Kumar, D. (2018). Co-design
of an evidence-based health education diabetes foot app to prevent serious foot complications: a feasibility
study. Practical
diabetes, 35(6), 203–209d.
Oragui, D. (2019). 4
Reasons Your App Needs a Privacy Policy. The Manifest. [URL]
Pagano, E., Pellegrino, L., Rinaldi, F., Palazzo, V., Donati, D., Meineri, M., Palmisano, S., Rolfo, M., Bachini, I., & Bertetto, O. (2021). Implementation
of the ERAS (Enhanced Recovery After Surgery) protocol for colorectal cancer surgery in the Piemonte Region with an Audit and
Feedback approach: Study protocol for a stepped wedge cluster randomised trial: A study of the EASY-NET
project. BMJ
open, 11(6), e047491.
Pecorelli, N., Fiore, J. F., Kaneva, P., Somasundram, A., Charlebois, P., Liberman, A., Stein, B. L., Carli, F., & Feldman, L. S. (2018). An
app for patient education and self-audit within an enhanced recovery program for bowel surgery: a pilot study assessing
validity and usability. Surgical
endoscopy, 32(5), 2263–2273.
Pecorelli, N., Mazza, M., Guarneri, G., Delpini, R., Partelli, S., Balzano, G., Turi, S., Meani, R., Beretta, L., & Falconi, M. (2021). Impact
of care pathway adherence on recovery following distal pancreatectomy within an enhanced recovery
program. HPB, 23(12), 1815–1823.
Penedo, F. J., Oswald, L. B., Kronenfeld, J. P., Garcia, S. F., Cella, D., & Yanez, B. (2020). The
increasing value of eHealth in the delivery of patient-centred cancer care. The Lancet
Oncology, 21(5), e240–e251.
Ponder, M., Ansah-Yeboah, A. A., Charalambous, L. T., Adil, S. M., Venkatraman, V., Abd-El-Barr, M., Haglund, M., Grossi, P., Yarbrough, C., & Dharmapurikar, R. (2020). A
smartphone app with a digital care pathway for patients undergoing spine surgery: development and feasibility
study. JMIR Perioperative
Medicine, 3(2), e21138.
Ponder, M., Venkatraman, V., Charalambous, L., Ansah-Yeboah, A. A., Adil, S. M., Antezana, L. A., Dharmapurikar, R., Gellad, Z. F., Lad, S. P., & Hwang, E. S. (2021). Mobile
Health Application for Patients Undergoing Breast Cancer Surgery: Feasibility Study. JCO
Oncology
Practice, 17(9), e1344–e1353.
Pettersson, R. (2010). Information
design–principles and guidelines. Journal of Visual
Literacy, 29(2), 167–182.
Reed, A. (2020). Medical
Website Colors that Work for Perfect Designing. MOTOCMS. [URL]
Robinson, A., Oksuz, U., Slight, R., Slight, S., & Husband, A. (2020). Digital
and mobile technologies to promote physical health behavior change and provide psychological support for patients undergoing
elective surgery: meta-ethnography and systematic review. JMIR mHealth and
uHealth, 8(12), e19237.
Rogers, A. (2017). Why
Most Medical Logos Are Blue. Doctor Multimedia. [URL]
Sandnes, F. E. (2017). On-screen
colour contrast for visually impaired readers. W A. Black, P. Luna, O. Lund i S. Walker (red.), Information
design. Research and practice, 405–416.
Semple, J. L., Sharpe, S., Murnaghan, M. L., Theodoropoulos, J., & Metcalfe, K. A. (2015). Using
a mobile app for monitoring post-operative quality of recovery of patients at home: a feasibility
study. JMIR mHealth and
uHealth, 3(1), e3929.
Sherwin, K. (2015). “Learn
More” Links: You Can Do Better. Nielsen Norman Group. [URL]
Silvennoinen, J. M., & Jokinen, J. P. (2016). Appraisals
of salient visual elements in web page design. Advances in Human-Computer
Interaction, 20161.
Silverman, F. H. (2004). Self-publishing
Textbooks and Instructional Materials: A Practical Guide to Successful--and
Respectable--self-publishing. Atlantic Path Publishing.
Smith, J. (2016). How
to use the psychology of color to increase website conversions. Neil Patel. [URL]
Smith, S. G., Von Wagner, C., McGregor, L. M., Curtis, L. M., Wilson, E. A., Serper, M., & Wolf, M. S. (2012). The
influence of health literacy on comprehension of a colonoscopy preparation information
leaflet. Diseases of the Colon and
Rectum, 55(10), 1074.
Song, T., Yu, P., Bliokas, V., Probst, Y., Peoples, G. E., Qian, S., Houston, L., Perez, P., Amirghasemi, M., & Cui, T. (2021). A
clinician-led, experience-based co-design approach for developing mHealth services to support the patient self-management of
chronic conditions: Development study and design case. JMIR mHealth and
uHealth, 9(7), e20650.
Sousa, C. S., & Turrini, R. N. T. (2019). Development
of an educational mobile application for patients submitted to orthognathic surgery. Revista
Latino-Americana de
Enfermagem, 271, e3143.
Travis, D. (2016). 247
web usability guidelines. User Focus. [URL]
Tselentis, J. (2012). The
graphic designer’s electronic-media manual: how to apply visual design principles to engage users on desktop, tablet,
and mobile websites. Rockport Publishers.
Tuch, A. N., Presslaber, E. E., Stöcklin, M., Opwis, K., & Bargas-Avila, J. A. (2012). The
role of visual complexity and prototypicality regarding first impression of websites: Working towards understanding aesthetic
judgments. International journal of human-computer
studies, 70(11), 794–811.
Taha, A., Saad, B., Enodien, B., Bachmann, M., Frey, D. M., & Taha-Mehlitz, S. (2021). The
development of telemedicine and eHealth in surgery during the SARS-CoV-2
pandemic. International Journal of Environmental Research and Public
Health, 18(22), 11969.
Taylor, C., & Burch, J. (2011). Feedback
on an enhanced recovery programme for colorectal surgery. British Journal of
Nursing, 20(5), 286–290.
Timmers, T., Janssen, L., Van der Weegen, W., Das, D., Marijnissen, W.-J., Hannink, G., van der Zwaard, B. C., Plat, A., Thomassen, B., & Swen, J.-W. (2019). The
effect of an app for day-to-day postoperative care education on patients with total knee replacement: randomized controlled
trial. JMIR mHealth and
uHealth, 7(10), e15323.
Tong, C., Kernoghan, A., Lemmon, K., Fernandes, P., Elliott, J., Sacco, V., Bodemer, S., & Stolee, P. (2022). Lessons
and Reflections From an Extended Co-design Process Developing an mHealth App With and for Older Adults: Multiphase, Mixed
Methods Study. JMIR
aging, 5(4), e39189.
Valk, H. A., Garcia-Ochoa, C., Calder, J. F., Miller, T., Rashidi, B., McIsaac, C., & Musselman, R. (2022). A
Mobile App for Wound and Symptom Surveillance After Colorectal Surgery: Protocol for a Feasibility Randomized Controlled
Trial. JMIR Research
Protocols, 11(1), e26717.
Whitenton, K. (2015). Menu
Design: Checklist of 15 UX Guidelines to Help Users. Nielsen Norman Group. [URL]
Wikström, L., Schildmeijer, K., Nylander, E. M., & Eriksson, K. (2022). Patients’
and providers’ perspectives on e-health applications designed for self-care in association with surgery–a scoping
review. BMC Health Services
Research, 22(1), 1–20.
Wong, C. (2019). How
to Choose a Good Color Scheme For Your Website. Website Builder Expert. [URL]
Woods, L., Duff, J., Roehrer, E., Walker, K., & Cummings, E. (2019). Design
of a consumer mobile health app for heart failure: findings from the nurse-led co-design of
Care4myHeart. JMIR
nursing, 2(1), e14633.
WorldCancerCentreFund. (2022). Colorectal
cancer statistics. Retrieved 13
December from [URL]
