UI/UX Design Web-Based Learning Application Using Design Thinking Method

Abstract

Humans are basically inseparable from education in carrying out life. The implementation and development of educational studies must also be adapted to the conditions and social situations that exist in the community. The main focus of Goal 4 on Sustainable Development Goals (SDGs) is to provide inclusive quality education or to ensure everyone has an equal opportunity to get good quality of education. In fact, Indonesia is still struggling in the quality of teacher issue. In the school year of 2019/2020, there are 8.98% unqualified teachers and headmasters on primary school level, 6.16% on junior high school level, 10.07% on senior high school level, and 10% on vocational high school level. Cumulatively, from primary school level to vocational high school level, there are 247.462 unqualified teachers and headmasters in Indonesia. This is a serious problem, considering that teachers are important component in determining the quality of education itself. In this research, UI/UX design prototype of learning web application named “IdeIn” was developed using Design Thinking method that consists of empathize, define, ideate, prototype, and test stages. The main focus of this learning web application is to provides an opportunity to the whole community to support education in Indonesia by conducting online classes.

Design and Experience of Mobile Applications: A Pilot Survey

“…In the same way, authors in [8][9][10] investigated the effect of the sequence of UI elements and type of forms, the impact of the need for uniqueness, self-identification, and perceived performance risk on mobile application usage behaviour. Authors in [11], proposed a prototype of the UI/UX design for "IdeIn," a web-based learning tool that strives to give equal access to quality education for all students, but it had limited context, interest, and scope. According to [12], the authors analysed the effect of social media content on the engagement behaviour of the user.…”

“…In addition, design thinking is integral to designing a UI for an optimum UX. It comprises the stages empathize, define, ideate, prototype, and test [11].…”

“…Usability testing techniques are a basic system with 10 scales that provide a glimpse of the overall aim of usability [48]. The System Usability Scale (SUS), which employs a Likert scale questionnaire, is used to assess the system's grade usability [11,17].…”

Analysis and Design of User Interface and User Experience of Regional Tax Enterprise Resources Planning System with Design Thinking Method

“…The design thinking method is an iterative process with several stages to identify and understand users, user problems, and solutions that allow the author to define the problem from a certain point of view. So that later the design thinking method will enable authors to generate as many ideas as possible and develop innovative solutions by democratizing the design through hypothesis testing and prototypes [11]. In other industries, procedures are similar to industry guidelines or standards; without them, there would be no clear guidelines to follow during design development [9].…”

Design Thinking Approach for User Interface Design and User Experience on Campus Academic Information Systems

“…IBM Design Thinking Software Development Framework has also carried out similar research. The research explained that the Design Thinking approach method had been applied to produce better designs [23], [24]. It is an effective solution to problems that arise in Software Development, especially in the Agile Software Development (ASD) approach method, in which ASD methods are still traditional (waterfall methods), and the success rate is still low.…”