การออกแบบกราฟิกและภาพประกอบ

การจัดระเบียบและโครงสร้างข้อมูลเพื่อให้ผู้ใช้เข้าถึงข้อมูลได้ง่าย

การสร้างต้นแบบ Prototyping หรือ Animation

การทดสอบประสบการณ์ผู้ใช้ UX และการเก็บข้อมูลผู้ใช้

เพื่อเพิ่มประสิทธิภาพของเครื่องมือค้นหา Search Engine

เพื่อทดสอบและประเมินการใช้งานของผู้ใช้จริงเพื่อปรับปรุงประสบการณ์การใช้งาน

เพื่อสร้างกราฟิกและภาพประกอบที่สวยงาม

เพื่อพัฒนาและออกแบบระบบใหม่

Prototype เป็นการสร้างแบบจำลอง ที่ต่อยอด Wireframe เพื่อทดสอบการใช้งานจริง

Wireframe เป็นการสร้างแบบจำลองอย่างง่าย ขณะที่ Prototype เป็นการสร้างแบบจำลองที่สามารถโต้ตอบได้

Prototype เป็นการสร้างแบบจำลอง ที่ต่อยอด Wireframe เพื่อทดสอบการใช้งานจริง

ไม่มีข้อใดถูกต้องเลย

ช่วยให้เนื้อหาดูสวยงาม อ่านง่ายและน่าสนใจมากขึ้น

ช่วยให้เนื้อหาติดอันดับ SEO

ช่วยให้เนื้อหามีความน่าเชื่อถือและช่วยให้ผู้ใช้เข้าใจเนื้อหาได้ง่ายขึ้น

ไม่มีข้อใดถูกต้องเลย

การเขียนโค้ด CSS

การสร้าง User Persona

การทำ Usability Testing และการเก็บรวบรวม Feedback

การทำ Research Interview

ส่วนที่ใช้ในการเขียนโปรแกรม

ส่วนที่ใช้ในการเชื่อมต่อ Server

ส่วนประกอบของ UI ที่สามารถนำมาใช้ซ้ำได้ เช่น Button, Card, Navbar

ส่วนที่ใช้ในการทดสอบและแก้ไขปัญหาโปรแกรม

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

เกี่ยวข้องกับการเขียนโปรแกรมฝั่ง Back-End

เกี่ยวข้องกับการทำ SEO เพื่อเพิ่มยอดผู้ใช้

เกี่ยวข้องกับการทดสอบและแก้ไขปัญหาโปรแกรม

เกี่ยวข้องกับการเขียน PHP

เกี่ยวข้องกับการออกแบบ วิธีการที่ผู้ใช้จะโต้ตอบกับระบบหรือผลิตภัณฑ์

เกี่ยวข้องกับการจัดการ Web Hosting

เกี่ยวข้องกับการทดสอบและแก้ไขปัญหาโปรแกรม

สร้างแอนิเมชันแบบอัตโนมัติ

เขียนโค้ดแอปพลิเคชันด้วย JavaScript

สร้างและแชร์ Wireframe กับ Prototype ร่วมกันแบบ Real-Time

เก็บไฟล์บน Cloud Storage

เครื่องมือสำหรับสร้างแอนิเมชันในงานออกแบบ

ชุดของแนวทางและองค์ประกอบที่ใช้ในการออกแบบ UI เพื่อความสอดคล้องและประสิทธิภาพ

เครื่องมือสำหรับทดสอบการใช้งานของผู้ใช้

เครื่องมือสำหรับสร้างเว็บไซต์อัตโนมัติ

Task Success Rate

Error Rate

System Usability Scale (SUS)

Time on Task

Prototype

Test

Define

Empathize

การวัดความพึงพอใจ

การวัดระยะเวลาที่ผู้ใช้ใช้ในการทำภารกิจหนึ่ง ๆ ให้สำเร็จตั้งแต่ต้นจนจบ

การวัดความสามารถในการจดจำ

การวัดประสิทธิภาพของ UX Writing

การออกแบบที่เน้นการใช้งานบนอุปกรณ์เฉพาะประเภทเดียว

การออกแบบที่สามารถปรับเปลี่ยนตามขนาดหน้าจอของอุปกรณ์ต่าง ๆ

การออกแบบที่เน้นการใช้งานเฉพาะกลุ่มเป้าหมาย

การออกแบบที่เน้นประสบการณ์ UX

ออกแบบกราฟิก

เขียนข้อความและเนื้อหาที่ช่วยให้ผู้ใช้เข้าใจและใช้งานผลิตภัณฑ์ได้ง่ายขึ้น

พัฒนาโค้ดสำหรับแอปพลิเคชัน

เป็นการแสดงโครงสร้างของเว็บไซต์แบบละเอียด

เป็นการแสดงโครงสร้างของเว็บไซต์หรือแอปพลิเคชันเพื่อให้เห็นภาพรวมของเนื้อหาและการเชื่อมโยงระหว่างหน้า

เป็นการแสดงเนื้อหาทั้งหมดของเว็บไซต์

เป็นการแสดงภาพรวมของเนื้อหา

ช่วยให้ผู้ใช้สามารถเข้าใจการใช้งานขององค์ประกอบต่างๆในหน้าจอได้อย่างถูกต้องและง่ายดาย

ช่วยให้ผู้ใช้สามารถออกแบบ UX

ช่วยให้ผู้ใช้สามารถใช้งานได้สะดวกขึ้น

ช่วยให้ผู้ใช้สามารถออกแบบหน้าจอได้ง่ายขึ้น

เป็นการแสดงเนื้อหาทั้งหมด

เป็นการแสดงโครงสร้างของเว็บไซต์

เป็นการแสดงลำดับขั้นตอนการใช้งานของผู้ใช้ตั้งแต่เริ่มต้นจนถึงเป้าหมายที่ต้องการ

เป็นการแสดงภาพรวมของเนื้อหา

User Flow คือ ลำดับขั้นตอนการทำงานของผู้ใช้จาก หน้าแรก → เลือก บทเรียน → เข้าสู่บทเรียน → แบบทดสอบ

User Flow คือ การออกแบบหน้าตาเว็บไซต์ให้สวยงาม

User Flow คือ การจัดการเนื้อหาบทเรียนให้ครบถ้วน

User Flow คือ การสร้างแบบทดสอบหลังจบบทเรียนเท่านั้น