เริ่มต้นออกแบบเว็บไซต์ได้ด้วยตัวเอง ด้วยแหล่งเรียนรู้ UX/UI ระดับสากลทั่วโลก

April 24, 2024

เริ่มต้นออกแบบเว็บไซต์ได้ด้วยตัวเอง ด้วยแหล่งเรียนรู้ UX/UI ระดับสากลทั่วโลก

รวมแหล่งเรียนรู้ UX/UI Design ที่น่าสนใจ

ใครที่กำลังกังวลเกี่ยวกับการออกแบบเว็บไซต์หรือการใช้งานเว็บไซต์ให้มีประสิทธิภาพ วันนี้ Foxbith รวบรวมแหล่งเรียนรู้ UX/UI ตั้งแต่ขั้นพื้นฐานจนถึงระดับมืออาชีพ ไม่ว่าจะเป็นนักเรียน เจ้าของธุรกิจ หรือเว็บดีไซน์เนอร์ก็สามารถเข้ามาอัพเดทความรู้เกี่ยวกับการพัฒนาเว็บไซต์ได้อย่างแน่นอน เพื่อนำไปประยุกต์ใช้กับการเรียน การทำงาน หรือการทำธุรกิจ จะมีอะไรน่าสนใจบ้างไปดูกันเลย

1. Memorisely (https://www.memorisely.com)

Memorisely เป็นเหมือนบริษัทเอกชนรายหนึ่งในต่างประเทศ ถ้าให้เทียบกับในไทยอาจจะคล้ายๆกับ Skooldio ที่มีทั้งคอร์ส Livestream, Video, Bootcamp โดยมีค่าเรียนที่จับต้องได้ เริ่มต้นที่ $15/เดือน หรือ $180 USD/ปี ซึ่งการเรียนการสอนของเว็บไซต์นี้จะเป็นภาษาอังกฤษ โดยสามารถถามตอบข้อสงสัยระหว่างเรียนได้คอร์สเรียนเป็นอย่างไร?
คอร์สเรียนจะเป็นลักษณะ VDO สั้น คลิปละไม่เกิน 10–20 นาที และ มี VDO ยาวเป็นชั่วโมงบ้างเล็กน้อย โดยเนื้อหาในการสอนจะเน้นไปที่ Figma ตั้งแต่ขั้น Beginner ไปจนถึงขั้น Advance โดยมีการแยกเรื่องออกไปเลยเช่น Auto layout card, การทำ Palette หรืออธิบายเกี่ยวกับ Padding จนถึงการทำ Prototype อีกทั้งมีเนื้อหาในพาร์ท UX อยู่บ้าง โดยขอยกตัวอย่างเนื้อหาของแต่ละระดับการเรียนรู้ ดังนี้

  • Part Basic เช่น Frames, Constraints
  • Part Intermediate เช่น Auto layout, Component, Variables
  • Part Advance เช่น การทำปุ่ม Animation, Prototyping

เหมาะสำหรับใคร?คนที่ต้องการเรียนรู้ Figma หรือ คนที่ต้องการเรียนรู้ UX ผ่านเครื่องมือ Figma 

2. Shift Nudge (https://shiftnudge.com)

Shift Nudge เป็นคอร์สออนไลน์แนวใหม่ที่เน้นสอนทักษะการทำ UI Design ให้สวยงามพร้อมทั้งปรับสมดุลการทำงาน เป็นคอร์สออนไลน์ด้าน UI Design เป็นคอร์สที่เน้นไปที่นักออกแบบที่กำลังจะเริ่มต้นและนักออกแบบระดับต้นที่ต้องการพัฒนาทักษะการออกแบบ UI ได้จัดระเบียบและสร้างคอร์สนี้ได้ดีมาก ถึงแม้ว่าจะเป็นการเรียนไม่พร้อมกัน เขารวมการบ้านและคลังวิจารณ์ (มีเฉพาะในแผน Pro) ซึ่งช่วยให้คุณนำความรู้ที่ได้ไปใช้ได้ทันที ทักษะการออกแบบทางด้านภาพรวมถูกเรียนรู้จากการทำงานดังนั้นมันเป็นสมมติที่จะทำการบ้านหลังจากดูวิดีโอ ในขณะที่คุณก้าวหน้าผ่านเนื้อหาของคอร์ส คุณจะเข้าใจว่าจะสร้างการออกแบบที่สวยงามและดีจริง ๆ ที่จะทำให้คุณพัฒนาทักษะของคุณได้อย่างแท้จริงคอร์ส UI Design แพ็กเกจและราคาแผน Basic รวม 4 โมดูล (ตัวอักษร รูปแบบการจัดวางหน้าเว็บ และสี) ราคา $199 ต่อเดือน เป็นระยะเวลา 6 เดือน แผน Pro รวม 8 โมดูล (เหมือนแผน Basic มีเพิ่มเติม สไตล์ รูปภาพ องค์ประกอบ) ราคา $299 ต่อเดือน เป็นระยะเวลา 6 เดือน หากคุณจ่ายล่วงหน้า คุณจะประหยัดเงินได้ ~$200 และ ~$300 ตามลำดับ แทนที่จะเลือกแผน Basic แนะนำให้เลือกแผน Pro ที่มีความคุ้มค่ามากกว่าเนื้อหาคอร์ส UI Designคอร์สนี้ถูกจัดขึ้นบน Notion ทำให้เนื้อหาง่ายต่อการเข้าถึงและสร้างบันทึกของคุณเองได้ง่าย มี Workshop ให้ลองทำเพื่อทำเป็นพอร์ทของตนเอง หลังจากนั้นจะมีผู้สอนของระบบมาคอมเม้นท์เพิ่มเติม ซึ่งถ้าแพ็กเกจ Pro จะมีการเข้าร่วมกลุ่ม Slack เหมาะกับการเรียนรู้พื้นฐานของการออกแบบที่สวยงาม ช่วยในการต่อยอดในการออกแบบ UX/UI

ข้อจำกัดของ Shift Nudge เหมือนกับเนื้อหาออนไลน์อื่น ๆ ที่ขาดปฏิสัมพันธ์ซึ่งกันและกัน รวมถึงการฟีดแบคในการส่งการบ้านอาจจะล่าช้าสักเล็กน้อยเนื่องจากผู้เรียนมีหน้าที่โพสต์การบ้านของฉันเพื่อรับคำแนะนำ แต่เมื่อผ่านไปบางเวลา คนไม่ค่อยมีใจมาให้ความคิดเห็นและมันรู้สึกเหมือนคุณกำลังพูดกับตัวเอง คอร์สนี้มีทุกอย่างสามารถเข้าถึงออนไลน์ได้ แต่มีช่องว่างที่ชัดเจนสำหรับคอร์สออนไลน์ทั่วไป ในช่วงการลงทะเบียนของฉัน ยังมีความเสียดายที่ Shift Nudge ได้ปิดฟังก์ชั่นการให้คำแนะนำประเภทอื่น ๆ กับนักออกแบบที่มีชื่อเสียงความคุ้มค่าของคอร์ส UI Design by Shift Nudgeค่อย ๆ และไม่! ถึงแม้แผนการจะมีราคาที่ค่อนข้างสูง แต่ฉันเชื่อว่าคอร์สที่ Matt สร้างขึ้นนี้จะทำให้ทักษะการออกแบบอินเทอร์เฟซของคุณดีขึ้น หากคุณเก่งในการออกแบบทางภาพแล้ว อาจจะไม่ใช่คอร์สที่ดีที่สุดที่จะเลือกเพราะคุณมีฐานทั้งหมดและทักษะพื้นฐาน หรือหากคุณมีผู้สอนดีทางด้านการออกแบบทางภาพ (เหมือนกับที่ฉันเคยมีมาก่อน) ฉันได้เรียนรู้ส่วนใหญ่ของสิ่งที่ Matt สอนผ่านที่ทำงานของฉันและดีใจมากที่ได้มีพวกเขาคำแนะนำในตอนต้นของสายอาชีพของฉัน หากคุณเป็นนักออกแบบระดับกลางและระดับสูง คอร์สนี้อาจจะเป็นเพียงการรีเฟรชเท่านั้น คอร์สยังมีให้คุณใช้ได้ตลอดชีพซึ่งเป็นประโยชน์เมื่อคุณจำบางสิ่งจากคอร์สและคุณสามารถดูย้อนกลับได้ง่าย ฉันได้สนุกกับการเรียนคอร์สนี้และสุดท้ายก็ฝึกฝนทักษะการออกแบบทางภาพของฉัน

3. Figma Crash (https://www.figmacrashcourse.com)

เจาะลึกคุณสมบัติอันทรงพลังของ Figma Crash พื้นฐานและเรียนรู้การสร้าง Prototype, User Interface แบบอัตโนมัติFigma เป็นเครื่องมือออกแบบฟรีที่ช่วยให้ผู้ใช้สามารถสร้างและทำงานร่วมกันในการออกแบบเว็บไซต์และแอพมือถือ พร้อมฟีเจอร์ต่างๆ เช่น ส่วนประกอบ ตัวแปร ปลั๊กอิน และต้นแบบเชิงโต้ตอบคุณสมบัติและการทำงานของ Figma

  1. สามารถใช้ Figma ได้ฟรี โดยเวอร์ชันที่ต้องชำระเงินจะนำเสนอฟีเจอร์เพิ่มเติม เช่น การทำงานร่วมกันเป็นทีม และความสามารถในการสร้างไฟล์ที่มากขึ้น
  2. Figma อนุญาตให้ผู้ใช้นำเข้าไฟล์จากซอฟต์แวร์การออกแบบอื่นๆ เช่น Sketch ทำให้ง่ายต่อการเปลี่ยนระหว่างเครื่องมือการออกแบบต่างๆ
  3. Figma เป็นแพลทฟอร์มที่ผู้ใช้สามารถค้นหาโปรเจ็กต์ล่าสุดของตนได้ ช่วยให้เข้าถึงได้ง่ายและจัดระเบียบงานที่กำลังดำเนินอยู่
  4. Figma มีชุมชนในตัวซึ่งผู้ใช้สามารถค้นหาทรัพยากร เทมเพลต และโครงการสร้างแรงบันดาลใจที่เป็นประโยชน์มากมาย โดยไม่จำเป็นต้องค้นหาจากที่อื่น
  5. เครื่องมือรูปร่างใน Figma ช่วยให้ผู้ใช้สามารถสร้างรูปร่างต่างๆ เช่น สี่เหลี่ยม วงรี และรูปหลายเหลี่ยม โดยแต่ละรูปร่างมีคุณสมบัติและตัวเลือกการปรับแต่งของตัวเอง
  6. ความแตกต่างระหว่างอินสแตนซ์และส่วนประกอบหลักใน Figma คือการเปลี่ยนแปลงที่ทำกับส่วนประกอบหลักจะส่งผลต่ออินสแตนซ์ทั้งหมด ในขณะที่การเปลี่ยนแปลงที่ทำกับอินสแตนซ์จะมีผลกับอินสแตนซ์เฉพาะนั้นเท่านั้น
  7. ปลั๊กอินใน Figma อนุญาตให้ผู้ใช้เพิ่มฟังก์ชันการทำงานเพิ่มเติมให้กับซอฟต์แวร์ ซึ่งขยายขีดความสามารถนอกเหนือจากที่ Figma นำเสนอ

กระบวนการทำงานร่วมกันและการออกแบบ

  1. Figma ช่วยให้นักออกแบบสามารถแบ่งปันทรัพย์สินของตนกับนักออกแบบหรือทีมอื่น ๆ ผ่านตัวเลือกไลบรารีของทีม ซึ่งช่วยเพิ่มการทำงานร่วมกันและประสิทธิภาพในกระบวนการออกแบบ
  2. การสร้างส่วนประกอบใน Figma ช่วยให้สามารถนำองค์ประกอบกลับมาใช้ใหม่ได้ง่าย ประหยัดเวลาและความพยายามในการออกแบบอินเทอร์เฟซ
  3. ส่วนความคิดเห็นใน Figma ช่วยให้การทำงานร่วมกันและการตอบรับระหว่างนักออกแบบและผู้มีส่วนได้ส่วนเสียเป็นเรื่องง่าย เป็นการเพิ่มประสิทธิภาพกระบวนการออกแบบโดยรวม
  4. ต้นแบบคือเวอร์ชันเริ่มต้นของผลิตภัณฑ์ขั้นสุดท้ายที่ช่วยให้คุณแสดงขั้นตอนของแอปหรือเว็บไซต์ของคุณได้ ซึ่งจำเป็นสำหรับทุกโปรเจ็กต์
  5. ความสามารถในการดูตัวอย่างและทดสอบต้นแบบแบบเรียลไทม์ช่วยให้นักออกแบบสามารถทำซ้ำและปรับแต่งการออกแบบได้อย่างรวดเร็ว
  6. การสร้างต้นแบบและแอนิเมชั่นขั้นสูงใน Figma อาจใช้เวลานาน แต่ช่วยให้สามารถออกแบบเชิงโต้ตอบและไดนามิกได้มากขึ้น

4. Figma Academy (https://figma.academy)

เรียนรู้กลยุทธ์การออกแบบขั้นสูงด้วยการลงมือปฏิบัติจริง บทเรียนที่สร้างขึ้นโดยตรงภายใน Figma ได้รับความไว้วางใจจากนักออกแบบมากกว่า 3,000 คนข้อดีของ Figma Academy

  • โมดูลบทเรียนที่มีปฏิสัมพันธ์สูง
  • คำแนะนำขั้นตอนละเอียด
  • หลากหลายหัวข้อบทเรียน
  • บทเรียนอย่างครอบคลุม

ข้อจำกัด Figma Academy

  • หัวข้อจำกัด ไม่ค่อยเหมาะสำหรับนักออกแบบที่มีประสบการณ์มาก
  • อาจจะทำให้รู้สึกนึกนลในกรณีที่เพิ่งเริ่มต้น

Figma Academy เป็นเครื่องมือที่ดีสำหรับนักออกแบบในทุกระดับประสบการณ์ เพราะมีบทเรียนที่มีคุณภาพสูงและมีปฏิสัมพันธ์สูง มีคำแนะนำขั้นตอนละเอียดที่ชัดเจน นอกจากนี้ บทเรียนมีหัวข้อหลากหลายที่ถูกออกแบบมาเพื่อตอบสนองต่อทุกระดับของผู้ใช้ นอกจากนี้ Figma Academy ยังมีบทเรียนที่ครอบคลุมที่จะช่วยให้ผู้ใช้เปิดเผยศักยภาพความคิดสร้างสรรค์ของพวกเขาอย่างไรก็ตาม Figma Academy อาจจะทำให้รู้สึกนึกนลได้บ้างสำหรับผู้ที่เพิ่งเริ่มต้น เนื่องจากหัวข้อจำกัดและโดยทั่วไปต้องการประสบการณ์ที่บ้าง ดังนั้น ในขณะที่เครื่องมือนี้เหมาะสำหรับผู้ที่มีประสบการณ์ในโลกการออกแบบแล้ว มันอาจจะมีความซับซ้อนเกินไปสำหรับผู้เริ่มต้นบ้าง

5. Baseline (https://baselinehq.com)

Baseline เป็น bootcamp ออกแบบฟรี ที่คุณสามารถเรียนรู้เกี่ยวกับกระบวนการออกแบบและหลักการออกแบบขั้นพื้นฐาน100% ของการเรียนที่มีบนเว็บไซต์ของเราสามารถใช้ได้ฟรี ไม่มีคำขอให้คุณให้ที่อยู่อีเมลหรือสร้างบัญชี

  • การโค้ชที่คุ้มค่าจริง

เรายังมีการให้บริการโค้ชผ่านแชท, การโทรเสียง, หรือการโทรทัศน์ ความช่วยเหลือมีให้ทุกเซสชั่น, ซึ่งหมายความว่าคุณไม่ต้องทำการสมัครเข้าร่วมโปรแกรมโค้ชทั้งหมดเพื่อเข้าถึงการสนับสนุนจากผู้เชี่ยวชาญ เริ่มต้นที่เพียง 30 ยูโร/เซสชั่น

  • เนื้อหาคุณภาพสูง, ที่สร้างขึ้นในบ้าน

หลักสูตรทั้งหมดของเราถูกสร้างขึ้นจากต้น — ออกแบบ, เขียน, และทบทวนโดยนักออกแบบและนักศึกษาที่เชี่ยวชาญ, พร้อมทั้งการอ้างอิงและยอมรับทุกแหล่งที่มาจากภายนอก

  • ไม่มีการส่งข้อมูลทางอีเมลที่ไม่เป็นประโยชน์

เราไม่เก็บที่อยู่อีเมลหรือส่งข้อมูลทางอีเมลทางการตลาดใด ๆ ถ้าคุณคิดว่าคุณอาจจะพบประโยชน์จากเว็บไซต์นี้และต้องการจดจำ, กรุณาบุ๊คมาร์คเว็บไซต์นี้ในเบราว์เซอร์ของคุณ

Summary

แหล่งเรียนรู้ UX/UI ที่นำมาแชร์กันในวันนี้ มีทั้งฟรีและเสียเงิน เจ้าของธุรกิจ, นักออกแบบ หรือใครที่ต้องการฝึกออกแบบ User Experience, User Interface ก็สามารถเข้าไปในแต่ละเว็บไซต์เพื่อขอทดลองเรียนว่าตนเองเหมาะกับรูปแบบใด