Designing User Interface of a Mobile Learning Application by Using a Design Thinking Approach: A Case Study on UNI Couse
DOI:
https://doi.org/10.35313/jmi.v2i2.36Keywords:
E-Learning, User Interface, User Experience, Design Thinking , Mobile Learning ApplicationAbstract
UNI Couse, a mobile learning application product developed by CV Unindo Hestama Kreatif, is a mobile learning application that newly transform its system from web-based e-learning platforms. The incapability of web-based systems to gain a better experience with wider consumers trigger the transformation. Designing a mobile learning application is a strategy to increase the usability of the existing e-learning system in a higher variety of services as well as more users. This study utilizes a design thinking approach to understand what user feels and need in their experience of using a mobile application. This approach consists of five stages and is divided into three processes: understanding, designing, and evaluating. This study illustrates a step-by-step design thinking implementation as well as the result of each stage. User testing assesses the usability of the mobile learning application. Finally, design thinking implementation reveals that more users feel comfortable with the apps because all features are needed and easy to understand. The design thinking approach has successfully helped UNI Course to create mobile learning applications that satisfy the users.
References
Bargas-Avila, J. A., & Hornbæk, K. (2011). Old wine in new bottles or novel challenges? A critical analysis of empirical studies of User Experience. Conference on Human Factors in Computing Systems - Proceedings, 2689–2698. https://doi.org/10.1145/1978942.1979336
de Carvalho Souza, C. L., & Silva, C. (2015). An experimental study of the use of design thinking as a requirements elicitation approach for mobile learning environments. CLEI Electronic Journal, 1(18), 6–10.
Garret, J. J. (2003). The Elements of User Experience: User-Centered Design for the Web and Beyond, Second Edition. Interactions, 10, 49.
Ghiffary, M. N. El, Susanto, T. D., & Prabowo, A. H. (2018). Analisis Komponen Desain Layout, Warna, dan Kontrol pada Antarmuka Pengguna Aplikasi Mobile Berdasarkan Kemudahan Penggunaan (Studi Kasus: Aplikasi Olride). Jurnal Teknik ITS, 7(1). https://doi.org/10.12962/j23373539.v7i1.28723
ISO9241. (2018). Ergonomics of human-system interaction — Part 11: Usability: Definitions and concepts. Retrieved August 11, 2022, from https://www.iso.org/obp/ui/#iso:std:iso:9241:-11:ed-2:v1:en
Larysa, N., & Marta, S. (2019). Design thinking approaches in it projects. CEUR Workshop Proceedings, 2856, 45–47.
Lazuardi, M. L., & Sukoco, I. (2019). Design Thinking David Kelley & Tim Brown: Otak Dibalik Penciptaan Aplikasi Gojek. Organum: Jurnal Saintifik Manajemen Dan Akuntansi, 2(1), 1–11. https://doi.org/10.35138/ORGANUM.V2I1.51
Maiyana, E. (2018). Pemanfaatan Android Dalam Perancangan Aplikasi Kumpulan Doa. Jurnal Sains Dan Informatika?: Research of Science and Informatic, 4(1), 54–65. https://doi.org/10.22216/JSI.V4I1.3409
Material.io. (2017). Principles - Layout - Material Design guidelines. Retrieved August 9, 2022, from https://material.io/design
Muslim, E., Moch, B. N., Wilgert, Y., Utami, F. F., & Indriyani, D. (2019). User interface redesign of e-commerce platform mobile application (Kudo) through user experience evaluation to increase user attraction. IOP Conference Series: Materials Science and Engineering, 508(1), 012113. https://doi.org/10.1088/1757-899X/508/1/012113
Naser, A., Syafwandi, & San, A. (2018). Perancangan User Interface dan User Experience Halaman Website Program Studi Desain Komunikasi Visual Universitas Negeri Padang. DEKAVE?: Jurnal Desain Komunikasi Visual, 8(1). https://doi.org/10.24036/DEKAVE.V8I1.100136
Nielsen, J. (2012). Usability 101: Introduction to Usability. Retrieved from https://www.nngroup.com/articles/usability-101-introduction-to-usability/
O’Connor, Z. (2015). Colour, contrast and gestalt theories of perception: The impact in contemporary visual communications design. Color Research & Application, 40(1), 85–92. https://doi.org/10.1002/COL.21858
Oppermann, R. (2002). User-interface design. In Handbook on information technologies for education and trainin. In Handbook on Information Technologies for Education and Training (pp. 233–248). Springer Berlin Heidelberg.
Pradana, A. R., & Idris, M. (2021). Implementasi User Experience Pada Perancangan User Interface Mobile E-learning Dengan Pendekatan Design Thinking. Automata, 2(2). Retrieved from https://journal.uii.ac.id/AUTOMATA/article/view/19447
Resnick, M., Elkerton, J., Maher, P., Pastel, R., Rodriguez, A., & Kelley, J. (2013). Triangulation of Multiple Human Factors Methods in User Experience Design and Evaluation: Http://Dx.Doi.Org/10.1177/1541931213571088, 404–408. https://doi.org/10.1177/1541931213571088
Rose Irawati, A., Kurniawan, D., & Aflaza Arba, R. (2020). Evaluasi Heuristik Pada Aplikasi terampil untuk Optimalisasi User Interface dan User Experience. Jurnal Pepadun, 1(1), 109–119. https://doi.org/10.23960/PEPADUN.V1I1.18
Shirvanadi, E. C., & Idris, M. (2021). Perancangan ulang UI/UX website E-learning menggunakan metode design thinking. AUTOMATA, 2(2). Retrieved from https://journal.uii.ac.id/AUTOMATA/article/view/19438
Singh, R. K., Luthra, S., Mangla, S. K., & Uniyal, S. (2019). Applications of information and communication technology for sustainable growth of SMEs in India food industry. Resources, Conservation and Recycling, 147(April), 10–18. https://doi.org/10.1016/j.resconrec.2019.04.014
Tamhane, K. ., Khan, W. ., Tribhuwan, S. ., Burke, A. ., & Take, S. . (2015). Mobile learning application. International Journal of Scientific and Research Publication, 3(5), 1–4.
Zakharia, E. (2017). Pengaruh Penerapan Invitation Dialog pada Online Course. Jurnal Saintekom, 7(2), 174–184. https://doi.org/10.33020/SAINTEKOM.V7I2.43
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2022 Dandi Saputra, Rafiati Kania
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
