10 แหล่งข้อมูลที่ดีที่สุดสำหรับการเรียนรู้ Bleeding-Edge Web, UI และ UX Design

ไม่ว่าคุณจะออกแบบไซต์พอร์ตโฟลิโอขนาดเล็กหรือทำงานบนระบบองค์กรขนาดใหญ่ การใช้งานควรอยู่ในระดับแนวหน้าของการออกแบบของคุณ

โชคดีที่ทรัพยากรที่น่าอัศจรรย์บางอย่างมีให้สำหรับนักออกแบบที่ต้องการเพิ่มทักษะการใช้งานและออกแบบ UI และ UX ให้สมบูรณ์แบบ

ก่อนดำดิ่งสู่แหล่งข้อมูลที่ดีที่สุด ส่วนต่อไปนี้จะอธิบายหัวข้อเหล่านี้โดยสังเขป UI และ UX ใช้แทนกันไม่ได้ แม้ว่าจะมีการใช้คำศัพท์กี่คำก็ตาม

การออกแบบเว็บ Bleeding-Edge คืออะไร?

Bleeding-edge หมายถึงการออกแบบและแนวคิดที่ล้ำสมัย ความคิดผลักดันขอบเขตของความปกติเพื่อหาวิธีใหม่ในการนำเสนอสิ่งต่างๆ

ตัวอย่างที่ดีของการออกแบบที่ล้ำสมัยคือหน้า Landing Page แบบโต้ตอบและการเรนเดอร์ 3 มิติ เพื่อทำให้ประสบการณ์ดิจิทัลเป็นรูปธรรมและน่าจดจำยิ่งขึ้นสำหรับผู้ใช้

UI คืออะไร?

UI ย่อมาจากส่วนต่อประสานผู้ใช้ซึ่งเน้นที่ความสวยงามและความน่าดึงดูดใจของผลิตภัณฑ์หรือบริการตามสถานะดิจิทัล

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

อินเทอร์เฟซผู้ใช้ควรดึงดูดใจและเข้าใจง่าย เนื่องจากสีและฟังก์ชันดิจิทัลสามารถดึงดูดผู้บริโภคให้เข้าหาผลิตภัณฑ์หรือบริการโดยสร้างความสนใจและอารมณ์ผ่าน UI

UX คืออะไร?

UX คือประสบการณ์ของผู้ใช้ที่เกี่ยวข้องกับผลิตภัณฑ์หรือบริการตั้งแต่ต้นจนจบ รวมถึงการใช้งานจริงและการใช้งานผลิตภัณฑ์หรือบริการ UX ไปไกลกว่า UI และสุนทรียศาสตร์ ซึ่งรวมเอาฟังก์ชันการทำงานของผลิตภัณฑ์ไว้ด้วย ไม่ใช่แค่ความสวยงามเท่านั้น

UX ครอบคลุมทั้งด้านดิจิทัลและทางกายภาพของผลิตภัณฑ์ และวิธีที่ผู้ใช้โต้ตอบกับผลิตภัณฑ์เพื่อขจัดจุดปวด

แหล่งข้อมูลที่ดีที่สุดสำหรับการเรียนรู้ Bleeding-Edge Web, UI และ UX Design

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

1. อย่าทำให้ฉันคิด: แนวทางสามัญสำนึกในการใช้งานเว็บ โดย Steve Krug

เมื่อมองหาแหล่งข้อมูล จุดเริ่มต้นง่ายๆ ก็คือหนังสือที่มีชื่อเสียงในหัวข้อนั้นๆ Steve Krug มีความเข้าใจอย่างแน่วแน่ว่าการผสาน UI และ UX เข้ากับนวัตกรรมสำเร็จหมายความว่าอย่างไร

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

Krug อธิบายวิธีที่คุณสามารถนำทางในด้านการออกแบบเหล่านี้ แต่ยังช่วยให้ผู้คนเรียนรู้วิธีตอบสนองผู้ใช้ ลูกค้า และเจ้านายของพวกเขาในคราวเดียว

1. การออกแบบทางอารมณ์: ทำไมเราถึงรัก (หรือเกลียด) ทุกๆ วัน โดย Don Norman

หนังสืออีกเล่มสำหรับการเรียนรู้การออกแบบ UX คือหนังสือนี้โดย Don Norman นอร์แมนเจาะลึกถึงวิธีที่นักออกแบบอาจมองเห็นสิ่งต่าง ๆ จากมุมมองเดียว แต่พวกเขาจำเป็นต้องก้าวเข้าไปในรองเท้าของผู้ใช้และมองการออกแบบด้วยตาที่สดใส

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

1. การออกแบบส่วนต่อประสานผู้ใช้สำหรับโปรแกรมเมอร์ โดย Joel Spolsky

นักออกแบบไม่ใช่คนเดียวที่กังวลเกี่ยวกับ UI และ UX เมื่อทำงาน หากคุณเป็นโปรแกรมเมอร์ คุณสามารถเรียนรู้เกี่ยวกับการออกแบบ UI และ UX จากมุมมองของโปรแกรมเมอร์ด้วยหนังสือของ Joel Spolsky

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

แม้ว่าจะไม่ใช่ 'การออกแบบ UX สำหรับ Dummies' แต่ Spolsky ทำให้ง่ายต่อการเข้าใจแนวคิดการใช้งานที่สามารถหลีกเลี่ยงบางคนได้ และเขาปฏิบัติตามสิ่งที่เขาเทศนาในแง่ที่ว่าหนังสือเล่มนี้อ่านและเข้าใจง่าย

1. Boulder Digital Arts

หากคุณต้องการวิธีการเรียนรู้แบบลงมือปฏิบัติมากกว่าการอ่านหนังสือ คุณสามารถเข้าชั้นเรียนออนไลน์เกี่ยวกับการออกแบบ UX ได้ ชั้นเรียนบางชั้นเรียนที่นำเสนอโดย Boulder Digital Arts เป็นชั้นเรียนแบบสด ในขณะที่ชั้นเรียนอื่นๆ เป็นชั้นเรียนที่คุณเข้าถึงได้ทุกเมื่อ

หนึ่งในหลักสูตรที่ดีที่สุดสำหรับผู้ที่ต้องการเข้าใจการออกแบบ UX ให้ดีขึ้นและวิธีรวมเข้ากับ UI คือ Introduction to User-Centered Design

การเรียนในชั้นเรียนเป็นวิธีที่ดีที่สุดวิธีหนึ่งในการฝึกฝนทักษะการออกแบบ UX และ UI ของคุณ เนื่องจากคุณจะได้รับงานมอบหมาย และสามารถฝึกฝนทักษะและรับข้อเสนอแนะที่สร้างสรรค์

1. Designlab

อีกทางเลือกหนึ่งสำหรับการเรียนรู้ออนไลน์คือ Designlab Designlab ทำงานเหมือนโรงเรียน แต่ใช้วิธีการเรียนรู้แบบตัวต่อตัวมากกว่า ดังนั้นนักเรียนทุกคนจึงมีที่ปรึกษาด้านการออกแบบเพื่อช่วยแก้ปัญหาหรือคำถามเฉพาะที่อาจพบ

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

UX Academy ของพวกเขายังเน้นหนักไปที่การผสาน UI และ UX เข้าด้วยกันอย่างมีกลยุทธ์ ทำให้นักเรียนเข้าใจอย่างชัดเจนถึงความหมายของการใช้งานและความสำคัญ

1. UX Mastery

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

เหนือสิ่งอื่นใด ชั้นเรียนเหล่านี้มีราคาไม่แพงมาก โดยมีค่าใช้จ่ายน้อยกว่า $20 ต่อเดือน คุณจะได้เรียนรู้จากผู้เชี่ยวชาญ UX หรือที่พวกเขาเรียกกันว่า UXperts

บางหลักสูตรยังเจาะลึกถึงจิตวิทยาเบื้องหลังการออกแบบ UI และ UX ซึ่งช่วยให้นักเรียนเข้าใจธรรมชาติของมนุษย์ที่มีอิทธิพลต่อ UI และ UX ในการออกแบบ

1. บ้านต้นไม้

Treehouse เป็นสถานที่ที่ดีที่สุดสำหรับผู้ที่ต้องการประสบการณ์การเรียนรู้ด้านการออกแบบที่ครอบคลุมมากกว่าแค่การเรียนรู้เกี่ยวกับ UX และ UI

Treehouse เสนอเส้นทางต่างๆ ซึ่งเป็นชุดหลักสูตรที่เชื่อมโยงกันเพื่อให้คุณเข้าใจอย่างครอบคลุมเกี่ยวกับการออกแบบ ความล้ำสมัย UI และ UX หลักสูตรแนะนำเหล่านี้ครอบคลุมทุกสิ่งที่คุณต้องการเพื่อเชี่ยวชาญในวิชานั้นๆ

คุณยังมีตัวเลือกในการสร้างหลักสูตรที่กำหนดเอง ดังนั้นคุณจึงสามารถข้ามหลักสูตรที่คุณรู้สึกว่าไม่จำเป็นต้องทำโดยอิงตามความรู้พื้นฐานของคุณ

1. โรงเรียนเหล็กแบน

ต้องการประสบการณ์การเรียนรู้ที่รวดเร็วและเข้มงวดใช่ไหม หลักสูตรติวเข้มการออกแบบ Flat Iron เสนอหลักสูตร 15 สัปดาห์ที่รวดเร็ว ซึ่งจะสอนคุณเกี่ยวกับการออกแบบ UI และ UX อย่างละเอียดเพื่อให้คุณได้รับการว่าจ้างทันที

Flat Iron อัปเดตหลักสูตรอย่างต่อเนื่องเพื่อสะท้อนถึงเทคนิคที่ล้ำสมัย ดังนั้นคุณจึงรู้ว่าคุณกำลังเรียนรู้ข้อมูลล่าสุดและวิธีการออกแบบอยู่เสมอ

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

1. UX Mag

สำหรับทรัพยากร UI และ UX ฟรี คุณสามารถเปลี่ยนเป็น UX Mag ผู้เชี่ยวชาญและนักออกแบบมืออาชีพโพสต์บทความเกี่ยวกับการใช้งานและแง่มุมอื่นๆ ของการออกแบบ ซึ่งจะเป็นประโยชน์อย่างยิ่งสำหรับผู้ที่ต้องการเรียนรู้

บทความมักจะแยกย่อยแนวคิดที่ซับซ้อน ทำให้ง่ายต่อการเข้าใจและนำไปใช้ นิตยสารมีการปรับปรุงอย่างต่อเนื่อง ดังนั้นจึงไม่มีเนื้อหาที่ต้องอ่าน

บทความมากมายกล่าวถึงสิ่งที่รออยู่ข้างหน้าสำหรับการออกแบบ UX ซึ่งจะทำให้คุณไม่พลาดแนวคิดและเทคนิคใหม่ๆ นอกจากนี้ยังเป็นแหล่งข้อมูลที่ยอดเยี่ยมสำหรับแรงบันดาลใจและตัวอย่างของ UI และ UX ที่ยอดเยี่ยมอีกด้วย

1. ฟรี UX eBook Library โดย UXPin

แหล่งข้อมูลฟรีที่ยอดเยี่ยมอีกประการหนึ่งสำหรับการออกแบบเว็บ UI และ UX ที่ล้ำสมัยคือไลบรารี eBook ที่มีมากกว่า 80 ชื่อเกี่ยวกับการออกแบบและการใช้งาน

หนังสือฟรีหลายเล่มมุ่งเน้นไปที่แนวโน้มปัจจุบันของอนาคตของการออกแบบ UI และ UX ดังนั้นคุณจึงสามารถติดตามสิ่งใหม่ ๆ ในการออกแบบเว็บที่ล้ำสมัยได้ นอกจากการออกแบบ UI และ UX แล้ว คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับการออกแบบภายใน eBook อื่นๆ ที่ครอบคลุมหัวข้อการออกแบบที่หลากหลาย

แหล่งข้อมูลแรงบันดาลใจ

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

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

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

• แย่จัง
• แรงบันดาลใจเว็บไซต์
• รักหน้าเดียว

ตัวอย่าง

ตั้งแต่แฟชั่นไปจนถึงเทศกาล จุดหมายปลายทางในวันหยุด ไปจนถึงการพัฒนาเว็บไซต์ เว็บไซต์ทั้งหมดด้านล่างมี UI และ UX ที่ยอดเยี่ยม เป็นตัวอย่างที่ดีว่าการออกแบบเว็บไซต์ที่เป็นนวัตกรรมใหม่นั้นสามารถมีส่วนร่วมได้อย่างไร และยังคงนำทางและแยกแยะได้ง่าย

หากคุณต้องการดูตัวอย่างที่โดดเด่นของการออกแบบเว็บไซต์ที่สร้างสรรค์และสนุกสนาน ตัวอย่างที่ทันสมัยที่สุดบางส่วนอยู่ด้านล่าง

• nuenofashion.com
• capsule.dior.com
• gentilhomme.com
• casa.dolcegabbana.com
• kikk.be
• glasfurdandwalker.com
• findsanctuary.com
• another-mother.com
• mydesignbuddy.co.uk
• thebluetour.com
• studiopingpong.com
• alexbeigeweb.dev

ความคิดสุดท้าย

คุณสามารถอ่านหนังสือทั้งหมดและเรียนหลักสูตรทั้งหมดที่คุณต้องการบน UX ได้ แต่คุณต้องสร้างบางสิ่งและเชิญผู้คนให้ใช้งานเพื่อทำความเข้าใจว่าการใช้งานนั้นเกี่ยวกับอะไร

แม้ว่าทรัพยากรทั้งหมดเหล่านี้จะเป็นจุดเริ่มต้นที่ยอดเยี่ยม แต่อย่ากลัวที่จะสร้าง แม้ว่ามันจะล้มเหลว มันจะสอนคุณถึงสิบเท่า

อ่านเพิ่มเติม: 16 เครื่องมือออกแบบเว็บไซต์ที่ดีที่สุดที่นำ UI/UX การสร้างต้นแบบ & Wireframing ขึ้นไปอีกในปี 2021