A Systematic Literature Review of Design Thinking Approach for User Interface Design

Fardan Zamakhsyari - Universitas Islam Negeri Sunan Kalijaga, Yogyakarta, 55281, Indonesia
Agung Fatwanto - Universitas Islam Negeri Sunan Kalijaga, Yogyakarta, 55281, Indonesia


Citation Format:



DOI: http://dx.doi.org/10.30630/joiv.7.4.01615

Abstract


The user interface is an influential element in software applications. A well-designed user interface will potentially increase the usability of software applications. Therefore, user interface designers should deliberate when considering which approach and method to implement for designing user interfaces. Design thinking is currently a widely followed approach in user interface design practices. Hence, this study aimed to explore research trends and current practices of design thinking approach for user interface design. This study employed a systematic literature review following the Kitchenham method. This study found 39 articles deemed relevant to the design thinking approach. In general, our study found five common stages broadly mentioned in the articles, i.e., empathize, define, ideate, prototype, and test. The most widely practiced method during those five stages is interview, user persona, brainstorming, user interface, and usability testing. However, there is no consensus on what kind of stage(s) and which method(s) should be employed when following the design thinking approach for user interface design. Therefore, it will depend on the designer's decision in choosing which stage(s) and their related method(s) will be employed.

Keywords


Design thinking approach; user interface; systematic literature review

Full Text:

PDF

References


Nikolai Gervas, “Analysis of User Interface design methods,” Int. Symp. Comput. Sci. Comput. Eng. Educ. Technol., pp. 57–60, 2020.

C. Diehl et al., “Defining Recommendations to Guide User Interface Design: Multimethod Approach,” JMIR Human Factors, vol. 9, no. 3, p. e37894, Sep. 2022, doi: 10.2196/37894..

J. Dul et al., “A strategy for human factors/ergonomics: developing the discipline and profession,” Ergonomics, vol. 55, no. 4, pp. 377–395, Feb. 2012, doi: 10.1080/00140139.2012.661087.

T. Zubkova and L. Tagirova, “Intelligent user interface design of application programs,” Journal of Physics: Conference Series, vol. 1278, no. 1, p. 012026, Jul. 2019, doi: 10.1088/1742-6596/1278/1/012026.

H. Joo, “A study on understanding of UI and UX, and understanding of design according to user interface change,” Int. J. Appl. Eng. Res., vol. 12, no. 20, pp. 9931–9935, 2017.

H. Herfandi, Y. Yuliadi, M. T. A. Zaen, F. Hamdani, and A. M. Safira, “Penerapan Metode Design Thinking Dalam Pengembangan UI dan UX,” Building of Informatics, Technology and Science (BITS), vol. 4, no. 1, Jun. 2022, doi: 10.47065/bits.v4i1.1716.

A. W. Rudiastuti et al., “Design and Implementation of a User-Centered Web-App using Open Source Platform: Indonesia Disaster Data (InDITA),” JOIV : International Journal on Informatics Visualization, vol. 4, no. 4, p. 243, Dec. 2020, doi: 10.30630/joiv.4.4.460.

I. Darmawan, M. Saiful Anwar, A. Rahmatulloh, and H. Sulastri, “Design Thinking Approach for User Interface Design and User Experience on Campus Academic Information Systems,” JOIV : International Journal on Informatics Visualization, vol. 6, no. 2, p. 327, Jun. 2022, doi: 10.30630/joiv.6.2.997.

K. Angelina, E. Sutomo, and V. Nurcahyawati, “Desain UI UX Aplikasi Penjualan dengan Menyelaraskan Kebutuhan Bisnis menggunakan Pendekatan Design Thinking,” TEMATIK, vol. 9, no. 1, pp. 70–78, Jun. 2022, doi: 10.38204/tematik.v9i1.915.

M. Jaspers, T. Steen, C. Bos, and M. Geenen, “The think aloud method: a guide to user interface design,” International Journal of Medical Informatics, vol. 73, no. 11–12, pp. 781–795, Nov. 2004, doi:10.1016/j.ijmedinf.2004.08.003.

M. Y. N. Putra and S. N. Huda, “Literatur Review dengan Pendekatan Pengembangan Design Thinking untuk Sistem Informasi Studi Kasus SPP dan Beasiswa,” Automata, vol. 2, no. 2, 2021.

K. Tschimmel, “Design Thinking as an effective Toolkit for Innovation. sl, sn UniPlanet, 2018,” XXIII ISPIM Conf. Action Innov. Innov. from Exp., 2012.

R. J. Hernández, R. Cooper, B. Tether, and E. Murphy, “Design, the Language of Innovation: A Review of the Design Studies Literature,” She Ji: The Journal of Design, Economics, and Innovation, vol. 4, no. 3, pp. 249–274, 2018, doi: 10.1016/j.sheji.2018.06.001.

G. Faisal, N. F. Najwa, M. A. Furqon, and F. Rozi, “IT-Architecture Study Literature Research Collaboration: Malay Architecture Context,” JOIV : International Journal on Informatics Visualization, vol. 5, no. 3, p. 212, Sep. 2021, doi: 10.30630/joiv.5.3.479.

M. A. D. Pratama, Y. R. Ramadhan, and T. I. Hermanto, “Rancangan UI/UX Design Aplikasi Pembelajaran Bahasa Jepang Pada Sekolah Menengah Atas Menggunakan Metode Design Thinking,” Jurikom (Jurnal Riset Komputer), vol. 9, no. 4, p. 980, Aug. 2022, doi: 10.30865/jurikom.v9i4.4442.

N. Aulia, S. Andryana, and A. Gunaryati, “Perancangan User Experience Aplikasi Mobile Charity Menggunakan Metode Design Thinking User Experience Design Of Mobile Charity Application Using Design Thinking Method,” J. Sisfotenika, vol. 11, no. 1, pp. 26–36, 2021.

G. Karnawan, “Implementasi User Experience Menggunakan Metode Design Thinking pada Prototype Aplikasi Cleanstic,” Jurnal Teknoinfo, vol. 15, no. 1, p. 61, Jan. 2021, doi: 10.33365/jti.v15i1.540.

U. Kenny, Á. Regan, D. Hearne, and C. O’Meara, “Empathising, defining and ideating with the farming community to develop a geotagged photo app for smart devices: A design thinking approach,” Agricultural Systems, vol. 194, p. 103248, Dec. 2021, doi:10.1016/j.agsy.2021.103248.

Z. Meidani et al., “Development and Testing Requirements for an Integrated Maternal and Child Health Information System in Iran: A Design Thinking Case Study,” Methods of Information in Medicine, vol. 61, no. S 02, pp. e64–e72, May 2022, doi: 10.1055/a-1860-8618.

D. P. A. R. Lestari, Intan Tresna; Sari, “Redesign User Interface Aplikasi Ipusnas Berdasarkan User Experience Dengan Metode DesignThinking,” J. Ilm. Betrik, vol. 13, p. 10, 2022.

C. E. Arbieto-Batallanos, L. D. Villanueva-Montoya, D. S. Chavez-Ponce, R. Alfonte-Zapana, and M. del C. Córdova-Martínez, “Mobile application based on design thinking for teaching kinematics,” in CEUR Workshop Proceedings, 2019, vol. 2555, pp. 257–266.

E. Susanti, E. Fatkhiyah, and E. Efendi, “Pengembangan UI / UX pada Aplikasi M-Voting,” pp. 364–370, 2019.

F. Fariyanto and F. Ulum, “Perancangan Aplikasi Pemilihan Kepala Desa Dengan Metode UX Design Thinking (Studi Kasus: Kampung Kuripan),” J. Teknol. dan Sist. Inf., vol. 2, no. 2, pp. 52–60, 2021.

B. Zhang, N. Dong, and L. Rischmoller, “Design Thinking in Action: A DPR Case Study to Develop a Sustainable Digital Solution for Labor Resource Management,” Annual Conference of the International Group for Lean Construction, Jul. 2020, doi: 10.24928/2020/0137.

H. Ilham, B. Wijayanto, and S. P. Rahayu, “Analysis and Design of User Interface/User Experience with The Design Thinking Method In The Academic Information System Of Jenderal Soedirman University,” Jurnal Teknik Informatika (Jutif), vol. 2, no. 1, pp. 17–26, Jan. 2021, doi: 10.20884/1.jutif.2021.2.1.30.

S. Y. Ma’arief, A. P. Yudhapurnomo, S. Fatimah, and R. F. Wiharifin, “Implementasi Prototipe Sila (Social Media Self Development Indonesia) dalam Design Thinking Digital Product Development,” RESEARCH : Journal of Computer, Information System & Technology Management, vol. 4, no. 2, p. 109, Oct. 2021, doi:10.25273/research.v4i2.9938.

A. Mursyidah, I. Aknuranda, and H. Muslimah Az-Zahra, “Perancangan Antarmuka Pengguna Sistem Informasi Prosedur Pelayanan Umum Menggunakan Metode Design Thinking (Studi Kasus: Fakultas Ilmu Komputer Universitas Brawijaya),” J. Pengemb. Teknol. Inf. dan Ilmu Komput., vol. 3, no. 4, pp. 3931–3938, 2019.

T. Srisombut, S. Thamlersak, P. Chaitantipong, and T. Siriborvornratanakul, “Design Thinking Approach for the Development of Theme Park Application,” Augmented Human Research, vol. 6, no. 1, Nov. 2021, doi: 10.1007/s41133-021-00054-2.

L. Ashana et al., “Design-Thinking and UCD Combination for Designing Effective Time Management Assistant Mobile App,” RoCHI - International Conference on Human-Computer Interaction, 2021, doi: 10.37789/rochi.2021.1.1.17.

K. Lawrence, J. Cho, C. Torres, and V. Alfaro-arias, “Building Virtual Health Training Tools for Residents: A Design Thinking Approach,” Frontiers in Digital Health, vol. 4, Jun. 2022, doi:10.3389/fdgth.2022.861579.

H. Karimah, M. Suryani, and A. Hidayat, “Implementation of design thinking in part 30 of the Qur ’ an augmented reality based learning application to improve user experience and cognitive ability Implementation of Design Thinking in Part 30 of The Qur ’ an Augmented Reality Based Learning Applic,” in AIP Conference Proceedings, 2022, vol. 020019.

T. V. L. Makalalag, AH; Ekawardhani, YA; Gaol, “User Interface/User Experience Design for Mobile Based Project Management Application Using Design Thinking Approach,” Int. J. Educ. Inf. Technol. Others, vol. 4, no. 2, p. 6, 2021, doi: 10.5281/zenodo.5055189.

P. Fehér and K. Varga, “Digital transformation in the Hungarian banking industry – Experiences with Design Thinking,” Society and Economy, vol. 41, no. 3, pp. 293–310, Sep. 2019, doi:10.1556/204.2019.41.3.2.

A. N. R. Refly Ilham Syabana1, Pramana Yoga Saputra2, “Penerapan Metode Design Thinking pada Perancangan User Interface Aplikasi Kotakku,” J. Phys. A Math. Theor., vol. 44, no. 8, pp. 40–60, 2011.

Ilham Firman Ashari and Rahmat Rizky Muharram, “Pengembangan Antarmuka Pengguna Kolepa Mobile App Menggunakan Metode Design Thinking dan System Usability Scale,” JSiI (Jurnal Sistem Informasi), vol. 9, no. 2, pp. 168–176, Sep. 2022, doi:10.30656/jsii.v9i2.4993.

V. A. Subarjah and Ari Purno Wahyu, “Analysis and Design of User Interface and User Experience of Regional Tax Enterprise Resources Planning System with Design Thinking Method,” Inform : Jurnal Ilmiah Bidang Teknologi Informasi dan Komunikasi, vol. 7, no. 2, pp. 96–106, Jul. 2022, doi: 10.25139/inform.v7i2.4729.

R. Saputra, Dandi; Kania, “Designing User Interface of Mobiile Learning Application by a Using Design Thinking Approach : A Case Study on UNI Course,” J. Mark. Innov., vol. 2, no. 2, pp. 14–32, 2022.

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.

G. I. Ector et al., “The Development of a Web-Based, Patient-Centered Intervention for Patients With Chronic Myeloid Leukemia (CMyLife): Design Thinking Development Approach,” Journal of Medical Internet Research, vol. 22, no. 5, p. e15895, May 2020, doi:10.2196/15895.

M. R. Kurniawan, Felix; Firmansyah, Muhammad; Rijaya, Rheza; Sutanto, Steven Yesua; Pribadi, “Penerapan Design Thinking pada Perancangan User Interface Aplikasi Suppier Sayur,” in MDP Conference, 2022.

J. Suratno, Bambang, Shafira, “Development of User Experience/User Interface Using Design Thinking Approach for GMS Service Company,” J. Inf. Syst. Informatics, vol. 4, no. 2, p. 26, 2022.

A. Suzianti and G. Arrafah, “User Interface Redesign of Dental Clinic ERP System using Design Thinking,” Proceedings of the 2019 5th International Conference on Industrial and Business Engineering, Sep. 2019, doi: 10.1145/3364335.3364369.

A. Suzianti, F. Edrisy, and A. Mubarak, “User Interface of Zakat Information System Redesign using Design Thinking Approach. Case Study: KNEKS,” 2020 The 6th International Conference on Industrial and Business Engineerin, Sep. 2020, doi: 10.1145/3429551.3429588.

M. R. Yusaliano, A. Syahrina, and T. F. Kusumasari, “User Interface Design of P2P Lending Mobile Application Using Design Thinking,” 2020 12th International Conference on Information Technology and Electrical Engineering (ICITEE), Oct. 2020, doi:10.1109/icitee49829.2020.9271780.

S. S. Jadhav and P. Ch. Kalita, “Design Thinking Approach in Planning E-commerce for Domestic Plumbing Services,” Proceedings of the 2019 International Conference on E-Business and E-commerce Engineering, Dec. 2019, doi: 10.1145/3385061.3385067.

G. L. Diaz Intal, D. Senoro, and T. Palaoag, “User Experience Design for Disaster Management Mobile Application using Design Thinking Approach,” 2020 The 4th International Conference on Software and e-Business, Dec. 2020, doi: 10.1145/3446569.3446587.

Y. D. Pham, D. Fucci, and W. Maalej, “A first implementation of a design thinking workshop during a mobile app development course project,” Proceedings of the 2nd International Workshop on Software Engineering Education for Millennials, Jun. 2018, doi:10.1145/3194779.3194785.

A. A. Krishnavarty, M. Defriani, and T. I. Hermanto, “UI/UX Design for Language Learning Mobile Application Chob Learn Thai Using the Design Thinking Method,” SinkrOn, vol. 7, no. 3, pp. 1044–1053, Aug. 2022, doi: 10.33395/sinkron.v7i3.11585

I.-C. Hou et al., “The Development of a Mobile Health App for Breast Cancer Self-Management Support in Taiwan: Design Thinking Approach,” JMIR mHealth and uHealth, vol. 8, no. 4, p. e15780, Apr. 2020, doi: 10.2196/15780.

N. H. Maulida and U. P. Raya, “Studi Literatur Penerapan Metode Prototype dan Waterfall,” no. April, 2022.

G. L. Diaz Intal, D. Senoro, and T. Palaoag, “User Experience Design for Disaster Management Mobile Application using Design Thinking Approach,” 2020 The 4th International Conference on Software and e-Business, Dec. 2020, doi: 10.1145/3446569.3446587.