เข้าใจเกี่ยวกับสิ่งที่เรียกว่า “Prototype” และการสร้างดีไซน์ของสาย UX/UI ในรูปแบบต่าง ๆ (Sketch, Wireframe, Mockup) เรียนรู้การเลือกใช้รูปแบบดีไซน์ที่เหมาะสมกับสถานการณ์ในการทำงาน, การสร้าง Prototype และ Paper Prototyping รวมถึง Tips และข้อผิดพลาดที่พบบ่อย ในการสร้าง Prototype ต่าง ๆ เพื่อช่วยให้การดีไซน์และรับ Feedback เกิดได้เร็วยิ่งขึ้น เพื่อลดเวลาและ Cost ในการทำดีไซน์ลง แต่ได้ประสิทธิภาพในการดีไซน์ที่ดียิ่งขึ้น
ในการทำดีไซน์ของสาย UX/UI นั้น หลายครั้งจะพบว่าดีไซเนอร์พึ่งพา tools เช่น Figma, Sketch, Adobe XD, Photoshop, ฯลฯ มากเกินไป หรือหลายครั้งที่ถูกหัวหน้าสั่งมาว่า อยากเห็นหน้าตาของแอป/เว็บว่าเป็นยังไง ดีไซเนอร์เลยโฟกัสไปยัง “หน้าตา” ของโปรดักส์เป็นหลัก แต่สิ่งที่สำคัญกว่า คือ การแก้ปัญหาให้ users หรือ การออกแบบให้ใช้งานง่าย เลยถูกมองข้ามไป หรือถูกคิดถึงในภายหลัง หรือไม่ถูกคิดถึงเลย ทำให้โปรดักส์ถูก develop ออกมาไม่มีประโยชน์ หรือใช้ยากมาก สุดท้ายกลายเป็นต้องกลับมา rework ใหม่ ที่กลายเป็นเกิด cost ในการแก้สูงกว่าเดิมมากครับ
ซึ่งสิ่งเหล่านี้สามารถแก้ไขได้ ถ้าเราเลือกใช้รูปแบบของดีไซน์ที่เหมาะสมในขั้นตอนของการทำดีไซน์ที่เราอยู่ ซึ่งใน “Paper Prototyping” คลาสนี้ เราจะพูดถึงการเลือกใช้รูปแบบของดีไซน์ที่เหมาะสม ระหว่าง Sketch, Wireframe, Mockup และ Prototype และสิ่งที่ต้องโฟกัสในแต่ละรูปแบบ และหัวใจหลักของคลาสคือ “Paper Prototype” ซึ่งเป็นสิ่งที่ง่าย ประหยัด แต่ช่วยให้การทำดีไซน์ของเราแข็งแกร่งได้มากครับ
📓สิ่งที่คลาสนี้ครอบคลุม
✏️ เข้าใจการดีไซน์ UI vs Mockup vs Wireframe vs Prototype ว่าแตกต่างกันอย่างไร
✏️ เข้าใจถึง Fidelity of Design ระดับความสมจริงของดีไซน์ และการเลือกใช้งานให้เหมาะสมกับสถานการณ์
✏️ ความเข้าใจผิดเกี่ยวกับการทำ Paper Prototype และ Wireframe ที่เห็นบ่อย ๆ ที่ทำให้ Paper Prototype ออกมาไม่สร้างประโยชน์ต่อการดีไซน์
✏️ เข้าใจถึงรูปแบบของ Prototype: Clickable vs Paper Prototype ว่าแตกต่างกันอย่างไร และควรเลือกใช้แบบไหนกับสถานการณ์ตอนไหนบ้าง
วิธีการพื้นฐานในการสร้าง Clickable Prototype ด้วย Tools ยอดฮิตอย่าง Figma หรือ Tools ง่าย ๆ อย่าง Powerpoint
✏️ เข้าใจถึงการสร้าง Paper Prototype ที่ไม่ใช่มีแค่การวาดมือ แต่ดีไซน์ที่ทำใน Figma ก็กลายเป็น Paper Prototype ได้
✏️ การนำ Paper Prototype ไปใช้ในการทำ Usability Testing
✏️ ทำไมยิ่งระบบซับซ้อนเท่าไหร่ กระดาษยิ่งต้องเป็นสิ่งที่จำเป็นมากขึ้นในการออกแบบเท่านั้น
✏️ การเตรียมอุปกรณ์ต่าง ๆ เพื่อลงมือทำ Paper Prototype เราต้องใช้ของอะไรยังไงบ้าง
✏️ Tips ในการออกแบบที่เริ่มจากกระดาษ เพื่อให้สมองเรามองปัญหาได้ชัดเจนยิ่งขึ้น
ซึ่งคลาสนี้จะช่วยเสริมความมั่นใจในการทำดีไซน์ของคุณตั้งแต่ก่อนเปิด Figma ซึ่งจะช่วยให้คุณใช้เวลาดีไซน์น้อยลง ประหยัดขึ้น และไม่หลงทางกับการไปดีไซน์ในองค์ประกอบที่สำคัญน้อยกว่าตั้งแต่แรกครับ
💁🏽♂️💁🏼♀️คลาสนี้เหมาะกับใคร?
- ชาว UX/UI มือใหม่ ที่อยากเข้าใจกระบวนการดีไซน์ที่เหมาะสมยิ่งขึ้น
- ชาว UX/UI ที่ทำงานมาซักพักแล้ว แต่ยังติดกับการกระโดดไปทำหน้าตา UI สวยงามก่อนการแก้ปัญหาให้ users
- คนสายอื่น ๆ เช่น PM, PO หรือคนสาย Startups ที่ต้องลงมือออกแบบ UI หน้าจอ แต่ยังไม่แน่ใจว่าควรต้องเริ่มอย่างไรบ้าง
🎁 Bonus เพิ่มเติม ในคลาสนี้
- มี Quiz ตลอดทาง ในการเรียน เพื่อช่วยทดสอบว่าคุณเข้าใจเนื้อหาถูกต้องจริงไหม
- มี PDF Worksheet ที่สามารถดาวน์โหลดแล้วปรินต์ออกมาจดในระหว่างเรียนได้เลย
- 📜มี Certificate of Completion ให้ สำหรับผู้ที่เรียนจบ
🕛คลาสนี้ใช้เวลาเท่าไร?
คลาสนี้มีทั้งหมด 24 วิดีโอ ใช้เวลาประมาณ 2ชม. 30 นาที
ราคา และวิธีการสั่งซื้อ
Paper Prototyping - UX ดี ต้องเริ่มที่บนกระดาษ
ราคา 1,200 บาท
พิเศษ! ช่วงเปิดตัว 990 บาท
----------------------------------
🛒 วิธีการสั่งซื้อ:
สามารถสั่งซื้อได้ 2 วิธีครับ
🛒 1.กรอกแบบฟอร์มสั่งซื้อ แล้วรออีเมลตอบกลับ
https://forms.gle/Y4aA4siDuegTTRVG9
หรือ
🛒 2.สั่งซื้อทางแชท
ถ้าคุณมีคำถามเพิ่มเติม สามารถทักแอดมินเพจเพื่อสอบถามและสั่งซื้อกับทางแอดมินได้เช่นกันครับ
กดที่ลิงค์เพื่อแชท > https://m.me/pruxusdesign
แจ้งแอดมิน ว่าต้องการสั่งซื้อคลาสอะไร พร้อมแจ้ง email ที่ต้องการใช้สมัครของคุณ และ แจ้งรหัสส่วนลด (ถ้ามี)

🔖โปรโมชันคอมโบพิเศษ!
ลดราคาคลาส Paper Prototyping 60% !
เมื่อซื้อพร้อมกับ Offline Workshop - Fast Prototype & The Right Testing
จากราคาเต็ม 6,100 บาท
→ เหลือเพียง 5,400 บาท! 😱🤩
(โปรถึงแค่ 16ก.ย. นี้เท่านั้น)
---------------------------------
Fast Prototype & The Right Testing - Offline Workshop
วัน เสาร์ที่ 4 ต.ค. นี้
(แถว BTS ศาลาแดง/MRT สีลม)
รายละเอียด >> https://www.facebook.com/events/736896005905543/
โปรคอมโบนี้จะช่วยให้คุณได้:
- เรียนรู้ทฤษฎี Prototyping จากคลาสออนไลน์ แล้วมาลองลงมือทำจริงในห้อง ทั้งการทำ Paper Prototype และ Usability Testing
- รับฟีดแบ็คโดยตรงจากผู้สอนในวัน Offline workshop พร้อมถามคำถามที่มีได้เลย
- ได้รู้จักและ Network กับชาว UX, Product, จากหลากหลายองค์กร
---------------------------------
🛒 สั่งซื้อโปรคอมโบได้ที่ :
ทักแชทแอดมิน
กดที่ลิงค์: https://m.me/pruxusdesign เพื่อแชทกับแอดมิน แล้วบอกว่า "สนใจโปรคอมโบ"
(หรือถ้าเปิดแชทไม่ได้ ทักไปที่ inbox เพจ www.facebook.com/pruxusdesign )
หรือ
สั่งซื้อทางเว็บ Ticket Melon
(ระบบอัตโนมัติ รูดบัตรได้)
https://www.ticketmelon.com/pruxus/Fast-Prototype-and-the-Right-Testing/
เนื้อหาของคลาสนี้
- 2-1 UI Design (7:49)
- 2-2 Fidelity ของดีไซน์ (8:52)
- 2-3 รายละเอียด ของ Lo-fi และ Mid-fi (10:43)
- 2-4 รายละเอียด ของ Hi-fi (2:15)
- 2-5 เวลาที่ใช้ในการทำ Lo-fi, Mid-fi, Hi-fi และ Process ที่แนะนำในการใช้ Lo, Mid, Hi (4:04)
- 2-6 User flows และ Prototype (8:15)
- 🖋️ Mini Quiz - Fidelity ของดีไซน์, User Flow, Prototype
- 2-7 Digital tools ในการทำ Prototype (3:00)
- 2-8 Figma กับการสร้าง Prototype คร่าว ๆ (11:07)
- 2-9 Balsamiq กับการสร้าง Mid-fi คร่าว ๆ (5:45)
- 2-10 สร้าง Clickable Prototype ด้วย Power Point /Google Slides (7:40)
- 🖋️ Mini Quiz - Digital Tools และ Prototype
- 3-1 Paper Prototype คืออะไร และต่างจาก Clickable Prototype ยังไง (7:08)
- 3-2 การใช้ Paper Prototype ทำ Usability Test และตัวอย่างตอนทำ (4:34)
- 🖋️ Mini Quiz - Paper Prototype
- 3-3 อุปกรณ์ที่ใช้ทำ Paper Prototype แบบ Sketch - ปากกาและดินสอ (5:12)
- 3-4 อุปกรณ์สำหรับ Paper Prototype แบบ Wireframe - กระดาษและการตัด (6:03)
- 3-5 การทำ User Test กับกระดาษขนาดต่าง ๆ (2:06)
- 3-6 UI หน้า desktop และหน้ายาว ๆ (2:13)
คลาสอื่น ๆ ที่แนะนำ
คลาสอื่น ๆ จาก Pruxus Online School ที่ใกล้เคียงกับคลาสนี้