ARTICLE
31 August 2026

Analysis of Teaching Reform Approaches for Mini-Program UI Design Courses under the OBE Concept 

Luxi Zhang1 Yefei Shi1 Liang Liu1 Yifan Gao1
Show Less
1 Tangshan Normal University, Tangshan 063000, China
JCER 2026 , 10(8), 40–46; https://doi.org/10.26689/JCER.v10i8.15173
© 2026 by the Author(s). Licensee Whioce Publishing, Singapore. This article is an open access article distributed under the terms and conditions of the Creative Commons Attribution 4.0 International License ( https://creativecommons.org/licenses/by/4.0/ )
Abstract

Mini-programs are currently the mainstream platform for UI interaction design implementation, and mini-program interface design capabilities have become a core employability skill for visual communication design students. The outcome-based education (OBE) model reconstructs the teaching system with a focus on student learning outcomes, effectively addressing the shortcomings of traditional UI courses that emphasize software operation over product thinking and are disconnected from industry realities. This paper centers on mini-program UI design teaching, adhering to the core logic of OBE—outcome-oriented, student-centered, and continuous improvement—and explores implementation paths for teaching reform from multiple perspectives, including curriculum objective reconstruction, project-based teaching system construction, digital resource development, integration of job requirements, competitions, and certificates, embedding of course ideology, school-enterprise collaborative education, and the establishment of a diversified evaluation mechanism. The aim is to cultivate composite design talents with aesthetic ability, user thinking, and project implementation capabilities, providing practical references for optimizing interactive design courses in the design field.

Keywords
OBE concept
Mini-program UI design
Course teaching
Reform approaches
Funding
2026 General-level Curriculum Construction Project of Tangshan Normal University, “Interaction and UI Design” (Project Number: 2026KCYB36)
References

[1] Shen W, 2026, Design and Implementation of an Experimental Teaching Management System Based on WeChat Mini-Programs. Computer Knowledge and Technology, 22(4): 70–72.

[2] Jin H, Wang J, Yang J, et al., 2025, Design and Implementation of a Virtual Simulation Training System for Aroma Production—Interactive Teaching Application Based on WeChat Mini-Programs. Science and Innovation, (20): 64–67.

[3] Zhou Y, 2024, Teaching Research on UI Interface Design Courses in Higher Vocational Colleges—Taking National Trend-Themed Mini-Programs as an Example. New Aesthetic Domain, (10): 113–115.

[4] Cui S, Cheng G, Liu Q, et al., 2024, Design and Practice of an Experimental Teaching Assistance Platform Based on WeChat Mini-Programs. Computer Knowledge and Technology, 20(25): 1–4.

[5] Huang S, Liu X, Han Q, et al., 2023, Design and Practice of Blended Teaching for Computer Courses Based on WeChat Mini-Programs. Modern Information Technology, 7(11): 186–189.

[6] Zhang Y, 2022, Research on the Design and Application of an Interactive Teaching Platform Based on WeChat Mini-Programs. Information and Computer (Theoretical Edition), 34(23): 219–221.

[7] Dai J, Liu D, Huang L, 2022, Application of Practical Teaching in Computer Science and Technology—Taking the Design of an Agriculture-Assisting Service System Based on WeChat Mini-Programs as an Example. Information and Computer (Theoretical Edition), 34(19): 239–242.

[8] Liao Y, Yu J, 2022, Design and Implementation of a Teaching Equipment Maintenance System Based on WeChat Mini-Programs. Modern Computer, 28(2): 112–116.

[9] Kong W, Li X, Zhu J, 2021, Design and Implementation of an Online-Offline Integrated Teaching Platform for WeChat Mini-Programs. Computer Knowledge and Technology, 17(29): 59–61.

[10] Zou J, Zheng X, Huang J, 2020, Design and Implementation of a University Physical Education Teaching Platform Based on WeChat Mini-Programs. China Educational Technology & Equipment, (24): 40–42.

Share
Back to top