Influence of UI Design Elements to a User-Friendly Learning Experience for Vocational School Students Department of DKV

Afrilya Puji Prayoga, Irfansyah Irfansyah

Abstract


Over time, e-learning mobile applications were found, one of which was Skill Academy, which began to pay attention to the arrangement of its user interface (UI) design. The Skill Academy e-learning mobile application is suitable for supporting mastery of skills because there are materials that match the learning needs of SMK students in the Visual Communication Design department. The role of structuring UI design elements in e-learning mobile applications is important because it can be a means to build interest in learning to completion for students. Interest in learning arises because users feel that the UI design on learning media has met the user-friendly rules. A well laid out UI design will certainly give a different impression when compared to a makeshift one. Now the presence of the application which has begun to pay attention to the arrangement of the UI design display is the background for writing this research. The purpose of this study was to determine the effect of structuring UI design elements on a user-friendly learning experience for its users. The method used is the mixed method method. The quantitative method uses experimental tests in the form of data analysis from questionnaires compiled from UI design theory and UEQ+, with respondents being students majoring in Visual Communication Design at SMKN Purwosari Bojonegoro. While the qualitative method is a theoretical study of UI and usability. The result of the research is that the UI design has a significant effect on the user-friendly learning experience. As for UI design elements, only typography and image elements have a significant effect compared to other elements.


Keywords


User interface (UI); learning experience; user friendly

Full Text:

PDF

References


Borrelli, Lucia., Sara Perrella. (2021). User Interface Design for E-Learning Platform and Institutional Portal of University of Foggia. In: Pierpaolo Limone, Raffaele Di Fuccio. Proceedings of the 2nd Workshop on Technology Enhanced Learning Environments for Blended Education, Foggia, Italy, 5-6 October 2021. Smarted.srl: Naples, Italy.

Clara, C., Jayadi, U. (2022). Analysis of Performance Quality of Administrative Employees at Center for The Development of Quality Assurance of Vocational Education in Building and Electricity Field. International Journal of Social Science, Education, Communication and Economics, 1(1), 25-32.

Hartadi, Made Gana., I Wayan Swandi, I Wayan Mudra. (2020). Colors and Principles of User Interface (UI) Design in Bukaloka Mobile Applications. Dimensions, 5(1).

Lowdermilk, Travis. 2013. User-centered Design a Developer's Guide to Building User Friendly Applications. Cambridge: O'Reilly. p.15.

Pradana, D. et al. (2020). Nasionalism: Character Education Orientation in Learning Development. Budapest International Research and Critics Institute-Journal (BIRCI-Journal). P. 4026-4034

Rochmawati, I. (2019). Iwearup.com User Interface Analysis. Visualita Online Journal of Visual Communication Design, 7(2), 31-44.

Schrepp, Martin. (2020). User Experience Questionnaire Plus (UEQ+) Handbook Ver. 2.

Sugiyono. (2019). Qualitative Research Methods and R&D. Bandung: Alphabeta. p.143.

Sugiyono. (2021). Statistics for Research. Bandung: Alphabeta. p.373.

Tidwell, Jennifer., Charles Brewer, Aynne Valencia. (2020). Designing Interfaces Patterns for Effective Interaction Design 3rd Edition. California: O'Reilly.

Usman, Husaini., Darmono. (2016). Future Vocational Education. Yogyakarta: Research and Development Ministry of Education and Culture. p.16.

Webster, Merriam. Definition of user friendly. (2022). URLs: https://www.merriam-webster.com/dictionary/user-friendly, accessed on March 26, 2022 at 10:37 WIB.




DOI: https://doi.org/10.33258/birci.v5i2.5096

Article Metrics

Abstract view : 107 times
PDF - 25 times

Refbacks

  • There are currently no refbacks.


Creative Commons License
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

 

Creative Commons License
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.