Designing User Interface of a Mobile Learning Application by Using a Design Thinking Approach - A Case Study on UNI Course

Sep 10, 2026

Upload by Aditya

UNI Course is a mobile learning application product that transformed its learning system from web-based e-learning into a mobile experience for broader reach and better usability. The study applies a design thinking approach to capture user feelings and needs, following five stages organized into understanding, designing, and evaluating. User testing is used to assess usability, and results indicate that users feel comfortable because essential features are clear and easy to understand. The approach supports UNI Course in creating a mobile solution that satisfies user requirements.

LanguageEnglish

CategoryTechnology

FormatPDF

Pages19

Reading Time48 min

AccessFree to download

Abstract

Article Info

1. Introduction

E-learning and mobile learning context

UNI Course motivation and usability goals

Role of UI and UX in mobile learning

2. Literature Review

2.1 User Interface (UI)

Journal of Marketing Innovation (2) (2022) 14-32 Designing User Interface of a Mobile Learning Application by Using a Design Thinking Approach: A Case Study on UNI Course Dandi Saputra1, Rafiati Kania2 1,2Politeknik Negeri Bandung, Indonesia Correspondence: E-mail: [rafiati.kania@polban.ac.id](rafiati.kania@polban.ac.id) ABSTRACT: 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. Keywords: E-Learning, User Interface, User Experience, Design Thinking, Mobile Learning Application. ARTICLE INFO Article History: Received 14 Jun 2022 Revised 19 Aug 2022 Accepted 30 Aug 2022 Available online 28 Sep 2022 1. INTRODUCTION Today, internet technology has opened many new progression avenues of educational service. The e-learning service is one of the technology platforms that migrate the process of learning, teaching, and management into a digital environment. Time-saver and costefficiency are the powerful merits of e-learning. Technology platforms of e-learning rapidly changing from computer-based, web-based, and mobile device forms (Zakharia, 2017) . Both universities and schools widely adopt computer-based and web-based e-learning platforms. However, both institutions are still lagging to catch up with the rapid progression in mobile devices which raises a new area called mobile learning technology (Tamhane et al., 2015) . In Indonesia, many educational start-ups serve consumers with an innovative way of offering e-learning on mobile learning technology. Several educational start-ups in Indonesia, including RuangGuru, HarukaEdu, KelasKita, Zenius, and many others, have developed their learning products into mobile devices (Rose Irawati et al., 2020) . UNI Couse, an e-learning 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. In improving usability, three aspects must be achieved: effectiveness, efficiency, and satisfaction (ISO9241, 2018) . Those three aspects describe how useful and comfortable the system would be from the consumer’s perspective. User interface (UI) and user experience (UX) are pivotal parts for the target user to reach comfort as well as utility in using the application (Rose Irawati et al., 2020) . Hence, designing a user interface (UI) that meets the satisfaction of user experience (UX) is the solution for UNI Couse. Designing a user interface (UI) is a crucial point in mobile learning applications. Improper UI implementation can affect several aspects such as interaction gaps between users and

FAQs

Why was UNI Course transformed from a web-based platform to a mobile learning application?

The study states that web-based systems had limitations in delivering a better experience for wider consumers, which triggered the transformation to mobile learning technology.

How does the research framework apply design thinking in designing UNI Course’s UI?

The study uses design thinking across five stages grouped into understanding, designing, and evaluating, aiming to align user needs with feasible technological capabilities.

What usability aspects are targeted to improve in UNI Course?

The paper identifies three usability aspects: effectiveness, efficiency, and satisfaction, which describe how useful and comfortable the system feels from users’ perspectives.

Sep 10, 2026

Upload by Aditya