บทความทั้งหมด

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 สามารถเห็นภาพรวมของเมนูทั้งหมดในเว็บไซต์…

https://www.youtube.com/watch?v=CMUuIUGDl0E&t=6s

1. ExperienceFellow เป็นซอฟต์แวร์สำหรับทดสอบ Customer Experience โดยใช้ Mobile App (iOS App, Android App)…

Figma เป็นหนึ่งในเป็น Prototype tool สำหรับออกแบบ web/app ยอดนิยมของ UX/UI Designer ที่มาแรงและมีคนใช้มากขึ้นเรื่อย ๆ บทความวันนี้…

ปกติแล้วโปรเเกรม Figma จะมี Font จาก Google Font มาให้เราเลือกใช้อยู่แล้ว แต่ถ้าเราอยาก install Font ที่มาจากเครื่อง (local…

“Good designs are intuitive” – งานออกแบบที่ดี คือ งานที่สามารถสื่อสารได้ด้วยตัวของมันเอง UI Design ก็เหมือนกับเรื่องตลก ถ้าต้องอธิบายว่ามันตลกยังไง…

Homepage เปรียบเสมือนหน้าบ้านของเว็บไซต์ที่ช่วยให้ User เข้าใจภาพรวมว่าเว็บทำอะไร และยังช่วย Navigate User ไปยังหน้าอื่น ๆ ของเว็บ ดีไซน์เทรนด์ของเว็บสมัยใหม่ต้องการให้เว็บดูโล่งขึ้น หลาย…

อ้างอิงจากบทความที่แล้ว “เหตุผลที่ไม่ควรใช้ Carousel ในเว็บไซต์” เว็บ eCommerce ใหญ่ ๆ อย่าง Amazon ทำไมยังใช้ Carousel…

“Carousel” (หรือที่เราเรียกว่ากันทั่วไปว่า รูปเลื่อน ๆ หรือรูปหมุน ๆ) เป็น UI ตกแต่งยอดฮิตของเว็บสำเร็จรูป ความนิยมของ Carousel นั้นมาจากส่วนผสมของฟังก์ชั่นด้านดีไซน์และการใช้งาน รวมไปถึงความง่ายในการติดตั้งในเว็บไซต์…

วิธีดู Shortcut ในโปรแกรม Figma กดคีย์ลัด ⌃ + ⇧ + ? หรือ เปิด…

Table Of ContentsInteraction Design คืออะไรInteraction Design ต่างจาก  UX อย่างไร5 Dimensions of Interaction…

Information Architecture (IA) คืออะไร? Information architecture is the practice of deciding how…

ข้อมูลจาก: StatCounter Global Stats – Screen Resolution Market Share Desktop Resolution1#1920×108026.3%2#1366×76824.72%3#1536×8648.82%4#1600×9008.44%5#1440×9004.93% Tablet…

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

BRIEF: “UX” ย่อมาจากคำว่า “User Experience” แปลว่า ประสบการณ์ของ “ผู้ใช้งาน (User)” เป็นศาสตร์แห่งการพยายามทำความเข้าใจความนึกคิดและพฤติกรรมของคน เพื่อนำข้อมูลมาแก้ปัญหาอย่างสร้างสรรค์ และทำให้ประสบการณ์การใช้งานดีขึ้น…

รูปแบบสากลของ website (ที่ user อ่านจากซ้ายไปขวา) logo จะวางอยู่มุมบนซ้าย – ถ้าเราวาง logo ไว้ตรงกลางหน้าเว็บ แทนล่ะ…

เคยสงสัยมั๊ยว่า UI ของ Dialog เราควรเรียงลำดับปุ่ม OK (Affirmative/+) กับปุ่ม Cancel (Dismissive/-) ยังไง? อันไหนมาก่อนมาหลัง OK…