Client
AC INFOTEC Co., Ltd.
Year
2025
Role
Lead UX/UI Designer
AC INFOTEC: Enterprise GRC & Online Assessment Platform UX/UI Upgrade
โปรเจกต์ปรับปรุงประสบการณ์ผู้ใช้งาน (UX/UI Upgrade) และพัฒนาฟีเจอร์ใหม่สำหรับ Online Assessment Platform ของ AC INFOTEC ซึ่งเป็นแพลตฟอร์มระดับ Enterprise ที่องค์กรธุรกิจขนาดใหญ่และหน่วยงานภาครัฐทั่วประเทศ ใช้ในการประเมินความพร้อมด้านความมั่นคงปลอดภัยสารสนเทศและการปฏิบัติตามข้อกำหนด (Compliance) ตามมาตรฐานสากลและกฎหมาย สคส.
The Challenge
ความท้าทายหลักของโปรเจกต์นี้คือการจัดการกับ "ความซับซ้อนของข้อมูล (Data Complexity)" และข้อกำหนดตาม TOR ที่เข้มงวด ระบบเดิมมีความเป็น Text-heavy สูงมาก ตัวข้อคำถามและเงื่อนไขการตอบมีความเชื่อมโยงกันอย่างซับซ้อน (เช่น Matrix Answers และ Complex Skip Logic) อีกทั้งยังมีขั้นตอนการอนุมัติผลแบบหลายชั้น (Multi-level Approval Workflow) ที่เกี่ยวข้องกับผู้ใช้งานถึง 4 กลุ่ม (Admin, Responder, Approver, Auditor) หน้าที่สำคัญคือการเปลี่ยนระบบที่ดูใช้งานยาก ให้กลายเป็นเครื่องมือที่ใช้งานง่าย ลื่นไหล และน่าเชื่อถือ
The Solution
เปลี่ยนผลการประเมินที่ซับซ้อนให้เข้าใจง่ายผ่าน Interactive Dashboard ที่รองรับการเจาะลึกข้อมูล (Drill-down) และการเปรียบเทียบมิติข้อมูล (Cross-tab) ช่วยให้มองเห็นช่องโหว่ด้านความปลอดภัยขององค์กรได้ทันที
ออกแบบหน้าจอสร้างแบบสอบถามใหม่ให้รองรับการลากวาง (Drag and Drop) พร้อมระบบ GUI ที่ช่วยให้การตั้งค่าเงื่อนไขการข้ามข้อคำถาม (Skip Logic) ทำได้ง่ายขึ้น
เดิมระบบไม่ได้วาง design system เอาไว้ เพราะถูกสร้างโดย developer เท่านั้น จึงต้องเริ่มสร้าง design system ใหม่โดยสร้างและปรับปรุงจากเดิม ควบคุม Typography Hierarchy อย่างละเอียด และออกแบบ Semantic Tokens ที่ใช้สีระบุสถานะความเสี่ยง (Success, Caution, Danger, Info) เพื่อช่วยให้ผู้บริหารสแกนข้อมูลได้อย่างรวดเร็ว
Target Audience
1.
Responder (ผู้ตอบแบบประเมิน)
เจ้าหน้าที่ที่ได้รับมอบหมายให้ระบุข้อมูลและรวบรวมหลักฐานขององค์กร
User Goals
ต้องการตอบคำถามจำนวนมหาศาลให้เสร็จอย่างถูกต้อง แนบไฟล์หลักฐานได้รวดเร็ว และไม่สับสนกับเงื่อนไขคำถามที่ซับซ้อน
UX Solutions
ระบบ Save Draft, Dynamic Skip Logic (ซ่อนข้อที่ไม่เกี่ยวข้องอัตโนมัติ), และระบบ Import/Export คำตอบผ่าน Excel
2.
Approver (ผู้อนุมัติ)
ผู้ตรวจสอบและกดยืนยันข้อมูลก่อนที่แบบประเมินจะถูกส่งออกจากหน่วยงาน
User Goals
ต้องการตรวจสอบความถูกต้องและความครบถ้วนของข้อมูลในภาพรวมอย่างรวดเร็ว โดยไม่ต้องการมานั่งไล่อ่านทีละข้อ
UX Solutions
หน้าต่าง Validation แจ้งเตือนจุดที่ยังตอบไม่ครบ และระบบ Evidence Preview สำหรับคลิกดูไฟล์แนบได้ทันทีในหน้าตรวจรับ
3.
Auditor / Expert (ผู้ตรวจสอบภายนอกจาก AC INFOTEC)
ผู้เชี่ยวชาญที่เข้ามาประเมินและให้คะแนนตามมาตรฐานสากล
User Goals
ต้องการเข้าถึงชุดคำตอบของแต่ละหน่วยงาน บันทึกผลการตรวจสอบ ข้ามข้อไปมาได้อิสระ และแนบหลักฐานการตรวจเพื่อออกใบรับรอง
UX Solutions
Auditor Workspace ที่แยกส่วนการทำงาน มีระบบคัดกรองสถานะ และตรวจสอบความครบถ้วนก่อนส่งผลลัพธ์สุดท้าย
4.
Admin (ผู้ดูแลระบบ)
ทีมงานส่วนกลางที่ทำหน้าที่ควบคุม จัดการ และออกรายงานภาพรวม
User Goals
ต้องการความยืดหยุ่นในการสร้างและแก้ไขฟอร์มประเมิน จัดการ Workflow การอนุมัติที่ซับซ้อน และดึงรายงานสรุปผลส่งต่อให้ผู้บริหารระดับสูง
UX Solutions
GUI แบบ Drag & Drop สำหรับสร้างฟอร์ม, ระบบตั้งค่า Multi-Level Approval, และ Advanced Analytics Dashboard
The Challenge
ความท้าทายหลักของโปรเจกต์นี้คือการจัดการกับ "ความซับซ้อนของข้อมูล (Data Complexity)" และข้อกำหนดตาม TOR ที่เข้มงวด ระบบเดิมมีความเป็น Text-heavy สูงมาก ตัวข้อคำถามและเงื่อนไขการตอบมีความเชื่อมโยงกันอย่างซับซ้อน (เช่น Matrix Answers และ Complex Skip Logic) อีกทั้งยังมีขั้นตอนการอนุมัติผลแบบหลายชั้น (Multi-level Approval Workflow) ที่เกี่ยวข้องกับผู้ใช้งานถึง 4 กลุ่ม (Admin, Responder, Approver, Auditor) หน้าที่สำคัญคือการเปลี่ยนระบบที่ดูใช้งานยาก ให้กลายเป็นเครื่องมือที่ใช้งานง่าย ลื่นไหล และน่าเชื่อถือ
The Solution
เปลี่ยนผลการประเมินที่ซับซ้อนให้เข้าใจง่ายผ่าน Interactive Dashboard ที่รองรับการเจาะลึกข้อมูล (Drill-down) และการเปรียบเทียบมิติข้อมูล (Cross-tab) ช่วยให้มองเห็นช่องโหว่ด้านความปลอดภัยขององค์กรได้ทันที
ออกแบบหน้าจอสร้างแบบสอบถามใหม่ให้รองรับการลากวาง (Drag and Drop) พร้อมระบบ GUI ที่ช่วยให้การตั้งค่าเงื่อนไขการข้ามข้อคำถาม (Skip Logic) ทำได้ง่ายขึ้น
เดิมระบบไม่ได้วาง design system เอาไว้ เพราะถูกสร้างโดย developer เท่านั้น จึงต้องเริ่มสร้าง design system ใหม่โดยสร้างและปรับปรุงจากเดิม ควบคุม Typography Hierarchy อย่างละเอียด และออกแบบ Semantic Tokens ที่ใช้สีระบุสถานะความเสี่ยง (Success, Caution, Danger, Info) เพื่อช่วยให้ผู้บริหารสแกนข้อมูลได้อย่างรวดเร็ว
Target Audience
1.
Responder (ผู้ตอบแบบประเมิน)
เจ้าหน้าที่ที่ได้รับมอบหมายให้ระบุข้อมูลและรวบรวมหลักฐานขององค์กร
User Goals
ต้องการตอบคำถามจำนวนมหาศาลให้เสร็จอย่างถูกต้อง แนบไฟล์หลักฐานได้รวดเร็ว และไม่สับสนกับเงื่อนไขคำถามที่ซับซ้อน
UX Solutions
ระบบ Save Draft, Dynamic Skip Logic (ซ่อนข้อที่ไม่เกี่ยวข้องอัตโนมัติ), และระบบ Import/Export คำตอบผ่าน Excel
2.
Approver (ผู้อนุมัติ)
ผู้ตรวจสอบและกดยืนยันข้อมูลก่อนที่แบบประเมินจะถูกส่งออกจากหน่วยงาน
User Goals
ต้องการตรวจสอบความถูกต้องและความครบถ้วนของข้อมูลในภาพรวมอย่างรวดเร็ว โดยไม่ต้องการมานั่งไล่อ่านทีละข้อ
UX Solutions
หน้าต่าง Validation แจ้งเตือนจุดที่ยังตอบไม่ครบ และระบบ Evidence Preview สำหรับคลิกดูไฟล์แนบได้ทันทีในหน้าตรวจรับ
3.
Auditor / Expert (ผู้ตรวจสอบภายนอกจาก AC INFOTEC)
ผู้เชี่ยวชาญที่เข้ามาประเมินและให้คะแนนตามมาตรฐานสากล
User Goals
ต้องการเข้าถึงชุดคำตอบของแต่ละหน่วยงาน บันทึกผลการตรวจสอบ ข้ามข้อไปมาได้อิสระ และแนบหลักฐานการตรวจเพื่อออกใบรับรอง
UX Solutions
Auditor Workspace ที่แยกส่วนการทำงาน มีระบบคัดกรองสถานะ และตรวจสอบความครบถ้วนก่อนส่งผลลัพธ์สุดท้าย
4.
Admin (ผู้ดูแลระบบ)
ทีมงานส่วนกลางที่ทำหน้าที่ควบคุม จัดการ และออกรายงานภาพรวม
User Goals
ต้องการความยืดหยุ่นในการสร้างและแก้ไขฟอร์มประเมิน จัดการ Workflow การอนุมัติที่ซับซ้อน และดึงรายงานสรุปผลส่งต่อให้ผู้บริหารระดับสูง
UX Solutions
GUI แบบ Drag & Drop สำหรับสร้างฟอร์ม, ระบบตั้งค่า Multi-Level Approval, และ Advanced Analytics Dashboard
