Developing Online Teaching Materials on UI Design using Design Thinking Processes for 2nd Year Vocational Certificate Students

Main Article Content

Natthakrit Chanrungruang
Daruwan Srikaew
Paitoon Kantunyaluk

Abstract

This research aims to (1) develop an online learning media on UI Design using Design Thinking for second-year Vocational Certificate students, (2) compare the learning outcomes of UI Design using Design Thinking for second-year Vocational Certificate students in Graphic Design before and after learning with the online media, (3) examine the ability of students to design UI on websites, and (4) investigate the satisfaction of second-year Vocational Certificate students in Graphic Design at Nakhon Pathom Vocational College who learned through the online media on UI Design using Design Thinking. The sample consisted of 30 second-year Vocational Certificate students in Graphic Design at Nakhon Pathom Vocational College, selected through simple random sampling. The research tools included (1) a needs assessment survey, (2) a learning achievement measurement tool, (3) a UI design capability assessment tool using Design Thinking, and (4) a satisfaction questionnaire for the online media. Data were analyzed using mean, percentage, standard deviation, and t-test.


The research findings were as follows: (1) The online learning media on UI Design using Design Thinking for second-year Vocational Certificate students had very good quality in content and good quality in presentation. (2) Students' learning achievements after using the online media were significantly higher than before, at the 0.05 level. (3) The ability of students to design UI using Design Thinking after using the online media was significantly higher than before, at the 0.05 level. (4) The satisfaction level of students using the online media on UI Design using Design Thinking was very high.

Article Details

How to Cite
Chanrungruang, N., Srikaew, D., & Kantunyaluk, P. (2025). Developing Online Teaching Materials on UI Design using Design Thinking Processes for 2nd Year Vocational Certificate Students. Vocational Education Central Region Journal, 9(1), 56–67. retrieved from https://so06.tci-thaijo.org/index.php/IVECJournal/article/view/275855
Section
Research Articles

References

กระทรวงศึกษาธิการ. (2561). หลักสูตรแกนกลางการศึกษาขั้นพื้นฐาน พุทธศักราช 2551 ค้นเมื่อ มิถุนายน 24, 2567, จาก www.rbss.ac.th/site/?page_id=4052

กระทรวงศึกษาธิการ. (2562). หลักสูตรประกาศนียบัตรวิชาชีพ พ.ศ. 2562. กรุงเทพฯ : สำนักงานคณะกรรมการการอาชีวศึกษา

จุฑามาส โหย่งไทย. (2561). การพัฒนาทักษะการคิดเชิงวิพากษ์กับศตวรรษที่ 21. วารสารการบริหารการศึกษา มหาวิทยาลัยศิลปากร, ปีที่ 9 ฉบับที่ 2 (ตุลาคม – ธันวาคม 2561), หน้า 45-56.

นุชรัตน์ นุชประยูร. (2567). การคิดเชิงออกแบบ Design Thinking: กระบวนการคิดในการออกแบบนวัตกรรม. ค้นเมื่อ มิถุนายน 24, 2567, จาก bait.rmutsb.ac.th/content/design-thinking

พรจณา แก้วนรา. (2555). บทเรียนคอมพิวเตอร์ช่วยสอน เรื่อง การใช้โสตทัศนูปกรณ์ สำหรับนักศึกษาที่มีความบกพร่องทางการได้ยินวิทยาลัยราชสุดา มหาวิทยาลัยมหิดล. วิทยานิพนธ์ ปริญญาศึกษาศาสตร์มหาบัณฑิต สาขาเทคโนโลยีการศึกษา บัณฑิตวิทยาลัย มหาวิทยาลัยศิลปากร

มหาวิทยาลัยเชียงใหม่. (2558). การสุ่มตัวอย่างเพื่อการวิจัย. ค้นเมื่อ มิถุนายน 24, 2567, จาก https://plan.eng.cmu.ac.th/wp-content/uploads/2015/07/sampling.pdf

มาโนช คงนะ. (2550). การพัฒนาบทเรียนคอมพิวเตอร์ช่วยสอน วิชาชีววิทยา เรื่อง ระบบหมุนเวียนโลหิตของมนุษย์ สำหรับนักเรียนช่วงชั้นที่ 4 โรงเรียนพนมทวนพิทยาคม. วิทยานิพนธ์ ปริญญาศึกษาศาสตร์มหาบัณฑิต สาขาเทคโนโลยีการศึกษา บัณฑิตวิทยาลัย มหาวิทยาลัยศิลปากร

ศศิพชร์ สังข์พาลี และคณะ. (2565). การพัฒนาผลสัมฤทธิ์ทางการเรียนรายวิชานาฏศิลป์ละคร 3 ชุดฉุยฉายเบญกายของนักเรียนชั้นประกาศนียบัตรวิชาชีพปีที่ 2 วิทยาลัยนาฏศิลปลพบุรีที่เรียนโดยใช้รูปแบบการสอนทักษะปฏิบัติของเดวีส์ ผสมผสานบทเรียนออนไลน์ Google Site. ค้นเมื่อ มิถุนายน 24, 2567, จาก https://so01.tci-thaijo.org/index.php/humanjubru/article/view/264660/175695

ฤทธิไกร ไชยงาม. (2562). มาตรวัดเจตคติแบบลิเคิร์ท (Likert rating Scales). ค้นเมื่อมิถุนายน 24, 2567, จาก https://www.gotoknow.org/posts/659229

วรัช ตันติวงศ์ และคณะ. (2566). การสร้างสื่อบทเรียนดิจิทัลร่วมกับการจัดการเรียนรู้เชิงรุกเพื่อส่งเสริมการสร้างผลงานสื่ออินโฟกราฟิก. วารสารนวัตกรรมการเรียนรู้และเทคโนโลยี, 3(1), 69. ค้นเมื่อ มิถุนายน 24, 2567, จาก so06.tci-thaijo.org/index.php/JLIT/article/view/260363

อภิชาติ รอดนิยม. (2564). เทคโนโลยีการศึกษากับการจัดการเรียนการสอนออนไลน์ในยุคใหม่. วารสารสังคมศาสตร์และมานุษยวิทยาเชิงพุทธ, ปีที่ 6 ฉบับที่ 9 ประจำเดือนกันยายน 2564, หน้า 123-133.

Learn Education. (2564). รู้จัก 5 On ส่งเสริมคุณภาพการเรียนรู้ของนักเรียน. ค้นเมื่อ มิถุนายน 24, 2567, จาก www.learneducation.co.th/รู้จัก-5-on-ส่งเสริมคุณภาพก/

Napat, D.& Kuntida, T.& Pornpapatsorn, P. (2021) The Development of an Interactive Learning Resource Along with Contents on a Social Network to Promote Bangchan Subdistrict of Petchaburi Province Through the Way of Buddhism, International Education Studies, 14(6), 40–47. ค้นเมื่อ มิถุนายน 24, 2567, จาก ccsenet.org/journal/index.php/ies/article/view/0/45227

TMB Consulting. (2566). 5 ขั้นตอน Design Thinking ทักษะที่จำเป็นในยุคดิจิทัล. ค้นเมื่อมิถุนายน 24, 2567, จาก https://www.timeconsulting.co.th/design-thinking