Ask HN: คอร์สสอนออกแบบ UI ที่ดีที่สุดสำหรับแฮ็กเกอร์คืออะไร?

• ช่วยแนะนำคอร์สออกแบบ UI ที่มีบทเรียน ตัวอย่าง และแบบฝึกหัดที่ใช้งานได้จริงมากกว่า เพื่อสร้างทักษะ UI ที่นำไปใช้ได้จริง
• อยากได้เนื้อหาที่ลึกกว่า "react tutorials" แต่เข้าถึงง่ายกว่างานแนวล้ำสมัยอย่าง "Magic Ink" ของ Bret Victor

สรุปคำตอบต่างๆ

• ลิงก์ที่ช่วยเรื่องการออกแบบ UI
  • Don’t Make Me Think
  • The Design of Everyday Things
  • Designing Interfaces, 3rd Edition
  • Nielsen Norman Group Interaction Design: 3-Day Course
  • Apple Human Interface Guidelines
  • A Dao of Web Design
  • Usability Testing
  • สิ่งสำคัญที่สุดไม่ใช่การอ่าน แต่คือการลงมือทำจริง หรือ "Dogfooding"
    • Getting started with the web
  • การคิดด้วยว่า UI ของคุณส่งผลเสียต่อผู้ใช้หรือไม่ก็สำคัญเช่นกัน
    • https://www.deceptive.design/
    • https://www.humanetech.com/key-issues
• "Refactoring UI" : เป็นหนังสือที่อ่านจบได้ภายในไม่กี่ชั่วโมง แต่ช่วยงานออกแบบโปรเจกต์ได้มาก
• การเรียนวาดรูปช่วยให้ทำ UI ที่ดีพอใช้ได้ Proko.com มีคอร์สที่ยอดเยี่ยม ส่วนหนังสือแนะนำคือ "Fun with a Pencil" ของ Andrew Loomis และ "Drawing on the Right Side of the Brain" ของ Betty Edwards
• "Human interface guidelines" ของ Apple ช่วยเส้นทางอาชีพของฉันได้มาก
• Erik Kennedy ของ https://www.learnui.design
• Shift Nudge https://shiftnudge.com/
• Design for Hackers https://designforhackers.com/
• CSS for JS https://css-for-js.dev/
• Concept design in three easy steps ของ Daniel Jackson
• หนังสือ Universal Principles of Design
• https://hackdesign.org/
• Practical UI https://www.practical-ui.com
• https://www.refactoringui.com/

[yangeok]

การออกแบบนี่มันยากจริง ๆ 555,,

[cosine20]

มีเว็บไซต์ที่มีประโยชน์เยอะมากเลยนะครับ
ผมเองก็ได้รับความช่วยเหลืออย่างมากจากแนวทางด้านการออกแบบที่ Apple, MS และ Android เผยแพร่ไว้แยกกัน

[GN⁺]

ความเห็นจาก Hacker News

• หนังสือ "Refactoring UI" อ่านจบได้ในไม่กี่ชั่วโมง แต่ช่วยงานออกแบบโปรเจ็กต์ได้มาก แม้จะไม่ลงลึกมากนัก แต่มีประโยชน์สำหรับการทำงานแบบแฮ็กง่าย ๆ และรวดเร็ว
• Human Interface Guidelines ของ Apple ช่วยได้มากในการปรับปรุงแอปพลิเคชัน GUI บน Windows, แอป และเว็บไซต์ที่พัฒนามาตลอดอาชีพ หลังจากอ่านแนวทางเหล่านี้แล้ว ก็สามารถสร้าง UI ที่เรียบง่ายขึ้นได้มาก
• จากที่เคยออกแบบฟอร์มง่าย ๆ ยังไม่ได้ การได้เรียนวาดรูปช่วยให้สามารถทำ UI design ที่ใช้ได้ดี นักออกแบบ UX ชั้นยอดจำนวนมากมาจากสายศิลปะ และสิ่งสำคัญไม่ใช่แค่การโฟกัสที่ดีไซน์ แต่คือการจัดองค์ประกอบของทั้งหน้าและการเลือกสี
• หนังสืออย่าง "Don't Make Me Think", "The Design of Everyday Things", "Designing Interfaces, 3rd Edition" รวมถึงคอร์ส interaction design ของ Nielsen Norman Group และแนวทางอินเทอร์เฟซของ Apple เป็นแหล่งข้อมูลที่ช่วยให้เข้าใจ UI design ได้ดี สิ่งสำคัญคือการลงมือฝึกจริง
• หนังสือ "Design for Hackers" ให้มุมมองเกี่ยวกับ UI patterns, การจัดชุดสี และการออกแบบ UI โดยรวม แม้จะเน้นไปที่กราฟิก UI มากกว่า แต่ก็มีข้อพิจารณาด้านการออกแบบทั่วไปมากพอที่จะนำไปประยุกต์ใช้กับ TUI และ CLI ได้
• คอร์ส "learnui.design" ของ Erik Kennedy มีราคาสูง แต่เป็นหนึ่งในคอร์สที่ดีที่สุดที่วิเคราะห์และจัดระบบเรื่อง UI, UX และการออกแบบ landing page ไว้อย่างเป็นระบบ ใช้งานได้จริง และสามารถลองดูแนวคิดด้านการออกแบบของเขาได้จากบล็อก
• "The Non-Designer's Design Book" เป็นแหล่งข้อมูลพื้นฐานด้านการออกแบบที่ดีที่สุดเล่มหนึ่ง ใช้ได้กว้างกับงานออกแบบทุกประเภท และได้รับเสียงตอบรับดีมากจากคนที่อ่าน ส่วน "Refactoring UI" ก็เป็นแหล่งข้อมูลที่มีประโยชน์โดยเน้นไปที่งานเว็บ
• การอ่านและดูแนวทางการออกแบบผลิตภัณฑ์ของ Steve Jobs และงาน Apple keynote ช่วยได้ การพัฒนา "รสนิยม" เป็นสิ่งสำคัญ เพราะจะช่วยสร้างเซนส์ด้านการออกแบบ
• คอร์ส "CSS for JS Devs" ของ Josh Comeau เป็นวิธีที่ดีในการเรียนรู้พื้นฐานของ CSS ในแบบที่สอดคล้องกับวิธีคิดของนักพัฒนา
• สำหรับนักออกแบบ การฝึกที่ดีที่สุดคือการดูว่างานออกแบบแบบไหนใช้ได้ผลและแบบไหนใช้ไม่ได้ผล แล้ววิเคราะห์เหตุผล การออกแบบคือวิธีแก้ปัญหาภายใต้เป้าหมาย ข้อกำหนด และข้อจำกัดที่มีอยู่ การสนใจเรื่องการออกแบบและใส่ใจในรายละเอียดเป็นสิ่งสำคัญต่อการทำผลงานให้ดีไม่ว่าจะอยู่ในอาชีพใด