Automatically translated.View original post

UX. Rookie, save it.

2025/11/11 Edited to

... Read moreถ้าเพิ่งเริ่มสาย UX/UI แล้วเจอคำศัพท์เต็มไปหมด เราเคยงงเหมือนกัน เลยสรุป “จำกัดความ” แบบที่อ่านแล้วนึกภาพออก และบอกทริคว่าแต่ละคำควรใช้ตอนไหน (เผื่อเอาไปตอบสัมภาษณ์/ใส่พอร์ตได้ด้วย) 1) Empathy Map (แผนที่ความคิดความรู้สึกผู้ใช้) จำกัดความ: เครื่องมือสรุปว่า “ผู้ใช้คิด/รู้สึก/พูด/ทำ” อะไรในสถานการณ์หนึ่งๆ ทริค: ตอนทำให้ใส่ข้อมูลจากการสัมภาษณ์จริง ไม่เดาเอง จะช่วยให้ทีมเห็นภาพผู้ใช้ตรงกัน 2) Pain Point (ปัญหาหลักของผู้ใช้) จำกัดความ: จุดที่ผู้ใช้ติดขัด หงุดหงิด หรือเสียเวลา/เสียเงิน ทริค: เขียนให้ชัดว่า “ปัญหาเกิดเมื่อไหร่” และ “ผลกระทบคืออะไร” เช่น เสียเวลา 10 นาทีทุกครั้งที่กรอกฟอร์ม 3) User Persona (ตัวแทนผู้ใช้) จำกัดความ: โปรไฟล์ผู้ใช้ตัวอย่างที่สรุปเป้าหมาย พฤติกรรม แรงจูงใจ และข้อจำกัด ทริค: ไม่ต้องมีหลาย persona เกินไป เลือก 1–3 แบบที่ครอบคลุม และผูกกับข้อมูลจริง 4) Information Architecture: IA (โครงสร้างข้อมูล) จำกัดความ: การจัดหมวดหมู่และลำดับข้อมูล/เมนูในผลิตภัณฑ์ให้หาเจอง่าย ทริค: ลองทำ card sorting แบบง่ายๆ กับผู้ใช้ก่อน จะช่วยลดการจัดหมวดแบบ “คิดเอง” 5) Prototype (ต้นแบบ) จำกัดความ: แบบจำลองการใช้งาน ตั้งแต่คลิกได้คร่าวๆ ไปจนเหมือนของจริง ทริค: เริ่มจาก low-fi เพื่อคุย flow ให้ไว แล้วค่อยทำ hi-fi เมื่อจะทดสอบรายละเอียด UI 6) User Journey (เส้นทางการใช้งาน) จำกัดความ: ลำดับขั้นตอนที่ผู้ใช้ทำตั้งแต่เริ่มจนจบเป้าหมาย พร้อมอารมณ์/จุดสะดุด ทริค: ทำช่อง “moment of truth” ไว้ไฮไลต์จุดที่ถ้าพลาดผู้ใช้จะหลุด 7) Wireframe (โครงร่างหน้าจอ) จำกัดความ: แบบร่าง layout เพื่อวางตำแหน่งองค์ประกอบและลำดับความสำคัญของข้อมูล ทริค: ใช้เพื่อคุย “โครงสร้าง” ไม่ใช่คุยสี/ฟอนต์ จะช่วยลดการหลุดประเด็น 8) A/B Testing จำกัดความ: ทดลอง 2 เวอร์ชัน (A กับ B) เพื่อดูว่าแบบไหนทำให้ตัวชี้วัดดีขึ้น ทริค: เปลี่ยนทีละตัวแปร เช่น ข้อความปุ่มหรือรูปภาพ และกำหนด metric ให้ชัด (เช่น conversion rate) 9) Usability Testing (ทดสอบการใช้งาน) จำกัดความ: ให้ผู้ใช้ลองทำภารกิจ แล้วสังเกตว่าใช้งานได้จริงไหม ติดตรงไหน ทริค: มือใหม่ทำแบบ 5 คนก่อนก็ได้ เน้นจับ pain point ใหญ่ๆ และจดคำพูดจริงของผู้ใช้ 10) Accessibility (การเข้าถึงสำหรับทุกคน) จำกัดความ: การออกแบบให้คนที่มีข้อจำกัด (เช่น สายตา การได้ยิน การเคลื่อนไหว) ใช้งานได้ ทริค: เริ่มจากพื้นฐาน เช่น คอนทราสต์สี อ่านง่าย มี alt text และปุ่มกดได้ไม่เล็กเกินไป ถ้าอยากจำให้แม่น ลองเอา 10 คำนี้ไปผูกกับงานจริงหนึ่งเคส: เลือกปัญหา (Pain point) → ทำ Persona → วาด Journey → จัด IA → ทำ Wireframe/Prototype → ทดสอบ Usability → ปรับให้ Accessibility ดีขึ้น และถ้ามีข้อมูลพอค่อยทำ A/B Testing ต่อ