UX Case Studies
IMPCAMP
เชื่อมเส้นทางการเรียน บทเรียนออนไลน์ และการจัดการเนื้อหาเข้าด้วยกัน
เป้าหมาย
ออกแบบแพลตฟอร์มเรียนรู้สำหรับผู้ที่อยากทำงานสาย IT พร้อมระบบหลังบ้านให้ผู้ดูแลจัดการเนื้อหาและข้อมูลได้สะดวก
เส้นทางการเรียนที่พัฒนาต่อได้จริง
Learning Path ต้องเห็นภาพรวมได้ทันทีและกดสำรวจข้อมูลแต่ละจุดได้ ความท้าทายคือออกแบบให้การพัฒนาไม่ซับซ้อนเกินไป
ใช้ Auto Layout ใน Figma จัดโครงสร้างเป็นแถวและคอลัมน์ พร้อมสร้างรูปแบบจุดเชื่อมต่อที่ใช้ซ้ำได้ เพื่อรองรับข้อมูลที่เปลี่ยนแปลงและให้ทีมพัฒนานำไปใช้งานต่อได้ชัดเจน
ให้ผู้เรียนรู้เสมอว่าอยู่ตรงไหน
แสดงความคืบหน้าของคอร์ส แยกหมวดบทเรียนและเอกสารประกอบในเมนู และใช้รูปแบบที่ผู้ใช้คุ้นเคยจากแพลตฟอร์มการเรียนอื่น
อิงหลักการแสดงสถานะ การควบคุมของผู้ใช้ และความสม่ำเสมอ ลดภาระการจดจำ พร้อมจัดกลุ่มด้วยระยะห่าง พื้นที่ร่วม และความคล้ายคลึงกัน
จัดระเบียบฟอร์มที่ซับซ้อน
ระบบหลังบ้านมีหลายกรณีที่ต้องรองรับและฟอร์มที่ซับซ้อน จึงใช้หลัก Gestalt จัดกลุ่มช่องกรอกที่เกี่ยวข้องกัน ทำให้เข้าใจความสัมพันธ์ของข้อมูลได้ง่ายขึ้น
