Todo T-602
Mockup หน้าจอ
- ขั้นตอน
- 0/5
ทำ mockup ของ flow ที่เลือก โดยครอบคลุมสถานะปกติ ผิดพลาด รออนุมัติ และสิทธิ์ไม่พอ
รายละเอียดงาน
รับ sitemap และ flow ที่ผ่านการทบทวนจาก T-601 แล้วเลือกหน้าจอสำคัญของแต่ละบทบาท/ช่องทาง ทำชุด component/layout และหน้าตามกรณีจริงด้วยข้อความไทยและปี พ.ศ.
ภาพใน proposal เป็นตัวอย่าง ไม่ใช่ข้อมูลหรือรายละเอียดหน้าจอที่ยืนยันแล้ว เชื่อม mockup กลับไปยัง use cases และเปิดประเด็นที่ต้องตัดสินใจให้ชัดก่อนส่งต่อพัฒนา
ผู้รับผิดชอบที่เสนอ: UX/UI designer ร่วมกับ BA / ตัวแทนผู้ใช้ (รอยืนยันผู้รับผิดชอบจริง)
งานที่ใช้ประกอบ: T-601
ผลลัพธ์ที่ต้องส่งมอบ
- Mockup/prototype ของ flow ที่เลือก พร้อม empty/loading/error/permission states
- ชุดรูปแบบ UI และข้อความไทยที่ทีมใช้ร่วมกัน
- Mapping หน้าจอกับ W-xx และผลทดสอบ/ข้อสังเกตจากผู้ใช้
คำถามที่ต้องการข้อมูล
3 ข้อระบุรหัสคำถามเมื่อให้ข้อมูล พร้อมแหล่งอ้างอิงหรือผู้ยืนยัน คำถามที่ยังไม่ตอบไม่ใช่ข้อสรุปของโครงการ
T602-Q1รอข้อมูลต้องการให้เริ่ม mockup flow ใดและใครเป็นผู้ยืนยันหน้าจอแต่ละบทบาท?
ผู้ที่ควรตอบ: Product owner + BA
ข้อมูลนี้ใช้เพื่อ: กำหนดลำดับและผู้ตรวจที่ชัดเจน
T602-Q2รอข้อมูลมี logo, brand guideline, อุปกรณ์เป้าหมาย และข้อกำหนด accessibility ที่อนุญาตให้ใช้จริงหรือไม่?
ผู้ที่ควรตอบ: มหาวิทยาลัย + UX lead
ข้อมูลนี้ใช้เพื่อ: ใช้ภาพลักษณ์และข้อกำหนดที่ถูกต้อง
T602-Q3รอข้อมูลส่งมอบ prototype/spec ผ่านเครื่องมือใด และต้องมีข้อมูลระดับไหนก่อนส่งต่อพัฒนา?
ผู้ที่ควรตอบ: Project owner + ทีมพัฒนา
ข้อมูลนี้ใช้เพื่อ: กำหนดมาตรฐาน handoff และลดการตีความซ้ำ
ขั้นตอน
ทำแล้ว 0 จาก 5 ขั้น เหลืออีก 5 ขั้นก่อนปิด Task
ส่วนที่คืบหน้าแล้ว
ยังไม่มีขั้นที่เสร็จ
ส่วนที่ยังเหลือก่อนปิด Task
- เลือกลำดับ flow จาก sitemap/R1 กับ Product owner
- รวบรวม brand assets และข้อกำหนดอุปกรณ์/การเข้าถึงที่ยืนยันแล้ว
- ออกแบบรูปแบบและ component ที่ใช้ร่วมกัน
- ทำ mockup ครบสถานะของ flow สำคัญ
- ให้ตัวแทนผู้ใช้ทดลองและบันทึกสิ่งที่ต้องปรับ ก่อนส่งรีวิว