“Discover best practices of UX/UI from case studies, research & professional UXers around the world.”
แหล่งเรียนรู้สำหรับ UX/UI Designer – เว็บไซต์รวบรวมบทความเกี่ยวกับ UX/UI, Case Study และ Best Practice จาก UXers ทั่วโลก
บทความล่าสุด
Mental Models คืออะไร? BRIEF: Mental models ป็นเครื่องมือใน UX research ที่ช่วยอธิบายว่า User รับรู้…
“10 Usability Heuristic” เป็นหลักการ 10 ข้อที่ Jakob Nielsen (กูรูด้าน Usability) คิดขึ้นมาเพื่อเป็น Guideline…
“Usability” เป็นองค์ประกอบหนึ่งของ UX ที่ UX Designer ควรให้ความสำคัญมาก ๆ ไม่มีใครอยากใช้ Product ที่ใช้งานยาก เราสามารถวัด Usability…
อยากออกแบบ Product ให้ User-friendly อาจต้องเข้าใจความหมายของคำว่า Usability ก่อน แล้วเค้าเอาเกณฑ์ไหนมาวัดว่า Product ของเราตอนนี้ “ใช้ง่ายหรือยาก” -…
หนังสือ Don’t make me think เขียนโดย Steve Krug (ชื่อภาษาไทย “แค่ต้องคิดก็ผิดแล้ว ออกแบบเว็บไซต์ให้เข้าใจง่ายง่าย และไม่ต้องใช้สมอง”)…
Mega-menu เป็น UI ที่ออกแบบมาเพื่อแก้ปัญหาให้เว็บไซต์ที่มีเมนูยาวเกินหน้าจอ ให้สามารถจัดเรียงเมนูทั้งหมดให้แสดงผลได้ภายในหน้าเดียว โดยการแบ่งเมนูออกเป็นกลุ่มและ Column การจัด Layout แบบนี้ทำให้ User สามารถเห็นภาพรวมของเมนูทั้งหมดในเว็บไซต์…
🍼 Beginner
รวมพื้นฐานเรื่อง UX สำหรับ UX Designer มือใหม่
BRIEF: “UX” ย่อมาจากคำว่า “User Experience” แปลว่า ประสบการณ์ของ “ผู้ใช้งาน (User)” เป็นศาสตร์แห่งการพยายามทำความเข้าใจความนึกคิดและพฤติกรรมของคน…
UX คำศัพท์ที่นิยามขึ้นโดย Don Norman ในช่วงปี 1990 แต่ก่อนหน้านี้ศาสตร์ของ UX ถือกำเนิดมานานแล้วตั้งแต่ยุคอารยธรรมเมโสโปเตเมีย การทำความเข้าใจประวัติความเป็นมาของ…
Information Architecture (IA) คืออะไร? Information architecture is the practice of…
Table Of ContentsInteraction Design คืออะไรInteraction Design ต่างจาก UX อย่างไร5 Dimensions…
หนังสือ Don’t make me think เขียนโดย Steve Krug (ชื่อภาษาไทย “แค่ต้องคิดก็ผิดแล้ว…
อยากออกแบบ Product ให้ User-friendly อาจต้องเข้าใจความหมายของคำว่า Usability ก่อน แล้วเค้าเอาเกณฑ์ไหนมาวัดว่า Product ของเราตอนนี้…
“10 Usability Heuristic” เป็นหลักการ 10 ข้อที่ Jakob Nielsen (กูรูด้าน Usability)…
📚 UX Terminologies
รวมอภิธานคำศัพท์ UX
Mental Models คืออะไร? BRIEF: Mental models ป็นเครื่องมือใน UX research ที่ช่วยอธิบายว่า…
“Good designs are intuitive” – งานออกแบบที่ดี คือ งานที่สามารถสื่อสารได้ด้วยตัวของมันเอง UI Design…
💡 UI Tips
ตอบคำถามภาษา UI โดยกูรู/ผู้เชี่ยวชาญด้าน UX จากทั่วโลกแบบมี Study/Research ยืนยัน
Mega-menu เป็น UI ที่ออกแบบมาเพื่อแก้ปัญหาให้เว็บไซต์ที่มีเมนูยาวเกินหน้าจอ ให้สามารถจัดเรียงเมนูทั้งหมดให้แสดงผลได้ภายในหน้าเดียว โดยการแบ่งเมนูออกเป็นกลุ่มและ Column การจัด Layout แบบนี้ทำให้…
Homepage เปรียบเสมือนหน้าบ้านของเว็บไซต์ที่ช่วยให้ User เข้าใจภาพรวมว่าเว็บทำอะไร และยังช่วย Navigate User ไปยังหน้าอื่น ๆ ของเว็บ…
อ้างอิงจากบทความที่แล้ว “เหตุผลที่ไม่ควรใช้ Carousel ในเว็บไซต์” เว็บ eCommerce ใหญ่ ๆ อย่าง Amazon…
“Carousel” (หรือที่เราเรียกว่ากันทั่วไปว่า รูปเลื่อน ๆ หรือรูปหมุน ๆ) เป็น UI ตกแต่งยอดฮิตของเว็บสำเร็จรูป ความนิยมของ Carousel…
รูปแบบสากลของ website (ที่ user อ่านจากซ้ายไปขวา) logo จะวางอยู่มุมบนซ้าย – ถ้าเราวาง logo…
เคยสงสัยมั๊ยว่า UI ของ Dialog เราควรเรียงลำดับปุ่ม OK (Affirmative/+) กับปุ่ม Cancel (Dismissive/-) ยังไง?…
ไม่พลาดบทความใหม่ๆ จาก BetterUXUI.com
1. กด Like Facebook page BetterUXUI
2. สมัครและอ่านบทความทางอีเมล