แนวทางการทำงานและกระบวนการ UX
แผนก
สารบัญ
| ส่วนประกอบ | |
|---|---|
| 1 | วัตถุประสงค์ |
| 2 | ขอบเขต |
| 3 | คำจำกัดความ |
| 4 | Operating Model |
| 5 | บทบาทและความรับผิดชอบ |
| 6 | ขั้นตอนการทำงานแบบทีละขั้น |
| 7 | เทมเพลตการ์ด Asana |
| 8 | รายการตรวจสอบการทำงาน UX (สำหรับทีมครีเอทีฟ) |
วัตถุประสงค์
แนวทางนี้นิยามวิธีการที่แผนกครีเอทีฟของ Kiluth ดำเนินงาน UX: การค้นพบ การวิจัย สถาปัตยกรรมข้อมูล การสำรวจการออกแบบ การตรวจสอบ และการส่งมอบงานไปยังการออกแบบ UI
| ผลลัพธ์ |
|---|
| งาน UX ถูกดำเนินการอย่างสม่ำเสมอ การส่งมอบงานมีความชัดเจน และหลักฐานการอนุมัติหาได้ง่าย การออกแบบ UI สามารถเริ่มต้นด้วยสิ่งส่งมอบ UX ที่สมบูรณ์ |
ขอบเขต
แนวทางนี้ครอบคลุมกระบวนการทำงาน UX ตั้งแต่การเปิดโครงการจนถึงการส่งมอบงานไปยังการออกแบบ UI:
| รวมถึง | |
|---|---|
| 1 | การค้นพบและการวิจัย (การทบทวน brief การจัดแนวผู้เกี่ยวข้อง การวิจัยผู้ใช้ personas การทำแผนที่ journey) |
| 2 | สถาปัตยกรรมข้อมูลและกลยุทธ์ (การตรวจสอบเนื้อหา sitemap user flows กลยุทธ์เนื้อหา) |
| 3 | การสำรวจการออกแบบ (wireframing การทบทวน wireframe การออกแบบ interaction) |
| 4 | การตรวจสอบและการส่งมอบงาน (prototyping การทดสอบการใช้งาน การทำซ้ำ การส่งมอบงาน UX ไปยัง UI) |
แนวทางนี้ ไม่ ครอบคลุม:
| ไม่รวมถึง | |
|---|---|
| 1 | การออกแบบภาพ UI (ดู แนวทางการทำงานและกระบวนการ UI) |
| 2 | การดำเนินการพัฒนา (ดูแนวทางแผนกเทคโนโลยี) |
| 3 | การวางแผนโครงการและการมอบหมายงาน (ดู แนวทางการผลิตงานและการจัดสรรทรัพยากร) |
คำจำกัดความ
| คำศัพท์ | คำจำกัดความ |
|---|---|
| จุดตรวจสอบ | จุดที่ต้องเสร็จสิ้นก่อนดำเนินการขั้นตอนถัดไป |
| จุดตัดสินใจ | ทางเลือกที่แตกแขนง (เช่น ดำเนินการต่อ vs. ทำซ้ำ) พร้อมผลลัพธ์ที่บันทึกไว้อย่างชัดเจน |
| หลักฐานการอนุมัติ | หลักฐานว่าขั้นตอนได้รับการอนุมัติ (การยืนยันทางอีเมลหรือเอกสารที่ลงนามแล้ว; เอกสารที่ลงนามแล้วจำเป็นสำหรับการตัดสินใจที่เกี่ยวข้องกับสัญญา) |
| Wireframe | การแสดงภาพความละเอียดต่ำของโครงสร้างหน้าเค้าโครง และลำดับชั้นของเนื้อหา |
| User flow | แผนภาพแสดงเส้นทางที่ผู้ใช้ใช้เพื่อทำงานให้เสร็จหรือบรรลุเป้าหมาย |
| Prototype | การแสดงแบบโต้ตอบของการออกแบบที่ใช้สำหรับการทดสอบและการตรวจสอบ |
| สิ่งส่งมอบ UX | ชุดสิ่งส่งมอบที่สมบูรณ์ที่จำเป็นสำหรับการออกแบบ UI เพื่อเริ่มต้น (wireframes, user flows, interaction specs, สรุปการวิจัย) |
Operating Model
| Operating Model | |
|---|---|
| 1 | Asana เป็นระบบบันทึก สำหรับการติดตามงาน การอนุมัติ และการส่งมอบงาน |
| 2 | ใช้จุดตรวจสอบและจุดตัดสินใจ: ไม่ดำเนินการต่อจนกว่าขั้นตอนก่อนหน้าจะ “เสร็จ” และการแยกทางมีความชัดเจน |
| 3 | ลำดับการส่งมอบงาน: ฝ่ายต้นน้ำกำหนดสิ่งส่งมอบ/เกณฑ์การออก; ฝ่ายปลายน้ำกำหนดการดำเนินการหลังการส่งมอบ |
| ผลลัพธ์ |
|---|
| ทุกช่วงสามารถตอบได้ว่า: สถานะปัจจุบันคืออะไร ใครเป็นเจ้าของ และต้องมีอะไรเพื่อดำเนินการต่อ |
บทบาทและความรับผิดชอบ
| บทบาท | ความรับผิดชอบ |
|---|---|
| UX Designer | ดำเนินงาน UX: การค้นพบ การวิจัย wireframing prototyping การตรวจสอบ และการส่งมอบงานไปยัง UI |
| Project Manager (PM) | สร้างงาน UX ระหว่างการประเมินหลังการเปิดโครงการ ติดตามความคืบหน้า ประสานงานการทบทวนของผู้เกี่ยวข้อง |
| Account Executive (AE) | ประสานงานการอนุมัติจากลูกค้า รักษาลิงก์หลักฐานการอนุมัติ |
| UI Designer | รับสิ่งส่งมอบ UX และดำเนินการออกแบบภาพ |
| ผู้เกี่ยวข้อง | ทบทวนและอนุมัติสิ่งส่งมอบ UX ที่จุดตรวจสอบที่กำหนดไว้ |
ขั้นตอนการทำงานแบบทีละขั้น
Phase 1: Discovery & Research
| ขั้นตอน | |
|---|---|
| 1 | การทบทวน brief (จุดตรวจสอบ): ทบทวน brief โครงการ ข้อกำหนด และข้อจำกัด บันทึกคำถามและสมมติฐาน ลิงก์ brief ในงาน Asana |
| 2 | การจัดแนวผู้เกี่ยวข้อง (จุดตรวจสอบ): กำหนดเวลาการประชุม kickoff กับผู้เกี่ยวข้อง ยืนยันเป้าหมาย ตัวชี้วัดความสำเร็จ ไทม์ไลน์ และข้อจำกัด บันทึกการประชุมและลิงก์ใน Asana |
| 3 | การวิจัยผู้ใช้ (ทางเลือกแต่แนะนำหากจัดสรรงบประมาณ/ไทม์ไลน์): ดำเนินการสัมภาษณ์ผู้ใช้ สำรวจ หรือทบทวน analytics ที่มีอยู่ บันทึกผลการค้นพบและข้อมูลเชิงลึก ลิงก์สรุปการวิจัยใน Asana |
| 4 | User personas (จุดตรวจสอบ): สร้าง user personas 1–3 รายการตามการวิจัย รวมเป้าหมาย จุดที่เจ็บปวด และพฤติกรรม ลิงก์ personas ใน Asana |
| 5 | การทำแผนที่ user journey (จุดตรวจสอบ): ทำแผนที่ user journey ปัจจุบันและในอุดมคติ ระบุจุดที่เจ็บปวดและโอกาส ลิงก์แผนที่ journey ใน Asana |
| ผลลัพธ์ |
|---|
| บริบทโครงการมีความชัดเจน ความต้องการของผู้ใช้เป็นที่เข้าใจ และสิ่งส่งมอบการวิจัยถูกบันทึกและลิงก์ได้ |
Phase 2: Information Architecture & Strategy
| ขั้นตอน | |
|---|---|
| 6 | การตรวจสอบเนื้อหา (จุดตรวจสอบ): สำรวจเนื้อหาที่มีอยู่และระบุช่องว่าง บันทึกผลการค้นพบ |
| 7 | Sitemap (จุดตรวจสอบ): สร้าง sitemap แบบลำดับชั้นแสดงโครงสร้างหน้าและความสัมพันธ์ ดำเนินการต่อเมื่อหลักฐานการอนุมัติจากผู้เกี่ยวข้องถูกลิงก์ (หลักฐานการอนุมัติ: [Link]) |
| 8 | User flows (จุดตรวจสอบ): บันทึก user flows หลัก (happy path และ edge cases) แสดงจุดตัดสินใจและสาขา ลิงก์ flows ใน Asana |
| 9 | กลยุทธ์เนื้อหา (จุดตรวจสอบ): กำหนดข้อกำหนดเนื้อหา ลำดับชั้น และข้อความ บันทึกกลยุทธ์เนื้อหาและลิงก์ใน Asana |
| ผลลัพธ์ |
|---|
| สถาปัตยกรรมข้อมูลถูกกำหนดไว้ user flows ถูกบันทึกไว้ และกลยุทธ์เนื้อหามีความชัดเจน |
Phase 3: Design Exploration
| ขั้นตอน | |
|---|---|
| 10 | Wireframing (จุดตรวจสอบ): สร้าง wireframes ความละเอียดต่ำสำหรับหน้าจอ/flows หลัก มุ่งเน้นโครงสร้าง ลำดับชั้น และเค้าโครง ลิงก์ wireframes ใน Asana |
| 11 | การทบทวน wireframe (จุดตรวจสอบ): นำเสนอ wireframes ต่อผู้เกี่ยวข้อง รวบรวมข้อเสนอแนะและทำซ้ำ ดำเนินการต่อเมื่อหลักฐานการอนุมัติจากผู้เกี่ยวข้องถูกลิงก์ (หลักฐานการอนุมัติ: [Link]) |
| 12 | การออกแบบ interaction (จุดตรวจสอบ): กำหนด micro-interactions การเปลี่ยนผ่าน และสถานะ (loading, error, empty, success) บันทึก interaction specs และลิงก์ใน Asana |
| ผลลัพธ์ |
|---|
| Wireframes ได้รับการอนุมัติ รูปแบบ interaction ถูกกำหนดไว้ และทิศทางการออกแบบ UX มีความชัดเจน |
Phase 4: Validation & Handoff
| ขั้นตอน | |
|---|---|
| 13 | Prototyping (จุดตรวจสอบ): สร้าง prototype แบบโต้ตอบ (ความละเอียดต่ำหรือสูง) สำหรับการทดสอบ ลิงก์ prototype ใน Asana |
| 14 | การทดสอบการใช้งาน (ทางเลือกแต่แนะนำหากจัดสรรงบประมาณ/ไทม์ไลน์): ทดสอบกับผู้ใช้ 3–5 คน บันทึกผลการค้นพบและจัดลำดับความสำคัญของการแก้ไข ลิงก์ผลการทดสอบใน Asana |
| 15 | การทำซ้ำ (จุดตัดสินใจ): อัปเดต wireframes/prototypes ตามการทดสอบ บันทึกการตัดสินใจ: ปัญหาวิกฤต? → แก้ไขก่อนดำเนินการต่อ / ปัญหาเล็กน้อย → ดำเนินการต่อพร้อมแก้ไขในขั้นตอนถัดไป |
| 16 | การส่งมอบงาน UX ไปยัง UI (จุดตรวจสอบ): ส่งมอบชุดสิ่งส่งมอบ UX ที่สมบูรณ์ ลิงก์ใน Asana ดำเนินการต่อเมื่อการออกแบบ UI เริ่มต้น |
จุดตัดสินใจ: ผลการทดสอบการใช้งาน
| ผลลัพธ์ | การดำเนินการ |
|---|---|
| พบปัญหาวิกฤต | แก้ไขปัญหาก่อนดำเนินการต่อสู่การส่งมอบงาน อัปเดต wireframes/prototypes ทดสอบซ้ำหากจำเป็น |
| พบปัญหาเล็กน้อย | บันทึกปัญหา ดำเนินการต่อสู่การส่งมอบงาน การแก้ไขสามารถจัดการได้ระหว่างการออกแบบ UI หรือการพัฒนา |
| ไม่พบปัญหา | ดำเนินการต่อสู่การส่งมอบงาน |
| ผลลัพธ์ |
|---|
| งาน UX ถูกตรวจสอบแล้ว สิ่งส่งมอบ UX สมบูรณ์ และการออกแบบ UI สามารถเริ่มต้นได้ |
เทมเพลตการ์ด Asana
UX Discovery Kickoff
| เทมเพลตการ์ด Asana | |
|---|---|
| Title | UX Discovery: [Client Name] – [Project Title] |
| Assignee | UX Designer |
| Description | กรุณาเริ่ม UX discovery สำหรับโครงการนี้: References • Project card: [Link] • Project brief: [Link] • Signed brief / SOW: [Link] Discovery tasks • ทบทวน brief และบันทึกคำถาม/สมมติฐาน • กำหนดเวลาการประชุม kickoff กับผู้เกี่ยวข้อง • ดำเนินการวิจัยผู้ใช้ (หากจัดสรรงบประมาณ/ไทม์ไลน์) • สร้าง user personas (1–3) • ทำแผนที่ user journeys จุดตรวจสอบ ดำเนินการต่อเมื่อสิ่งส่งมอบ discovery ถูกบันทึกและลิงก์ใน Asana |
UX Wireframe Review Request
| เทมเพลตการ์ด Asana | |
|---|---|
| Title | Review UX wireframes: [Client Name] – [Project Title] |
| Assignee | ผู้เกี่ยวข้อง (PM ประสานงาน) |
| Description | กรุณาทบทวน UX wireframes เพื่ออนุมัติ: References • Project card: [Link] • Wireframes: [Link] • User flows: [Link] • Sitemap: [Link] Review focus • โครงสร้างและเค้าโครง • ลำดับชั้นของเนื้อหา • ความสมบูรณ์ของ user flow • การจัดแนวกับข้อกำหนด จุดตรวจสอบ ดำเนินการต่อเมื่อหลักฐานการอนุมัติจากผู้เกี่ยวข้องถูกลิงก์ (หลักฐานการอนุมัติ: [Link]) |
UX Handoff to UI
| เทมเพลตการ์ด Asana | |
|---|---|
| Title | UX handoff to UI: [Client Name] – [Project Title] |
| Assignee | UI Designer |
| Description | งาน UX เสร็จสมบูรณ์แล้ว กรุณาเริ่มการออกแบบ UI: UX handoff artifacts • Wireframes: [Link] • User flows: [Link] • Interaction specs: [Link] • Research summary: [Link] • User personas: [Link] • Sitemap: [Link] References • Project card: [Link] • Wireframe sign-off proof: [Link] จุดตรวจสอบ ดำเนินการต่อเมื่อการออกแบบ UI เริ่มต้น |
รายการตรวจสอบการทำงาน UX (สำหรับทีมครีเอทีฟ)
Discovery & Research
| รายการตรวจสอบ | |
|---|---|
| 1 | ☐ Brief ถูกทบทวนแล้ว; คำถาม/สมมติฐานถูกบันทึกไว้ |
| 2 | ☐ การประชุม kickoff กับผู้เกี่ยวข้องเสร็จสิ้นแล้ว; บันทึกการประชุมถูกลิงก์ |
| 3 | ☐ การวิจัยผู้ใช้ถูกดำเนินการแล้ว (หากจัดสรรงบประมาณ/ไทม์ไลน์); ผลการค้นพบถูกลิงก์ |
| 4 | ☐ User personas ถูกสร้างแล้ว (1–3); ลิงก์ใน Asana |
| 5 | ☐ แผนที่ user journey ถูกสร้างแล้ว; ลิงก์ใน Asana |
Information Architecture & Strategy
| รายการตรวจสอบ | |
|---|---|
| 1 | ☐ การตรวจสอบเนื้อหาเสร็จสิ้นแล้ว; ผลการค้นพบถูกบันทึกไว้ |
| 2 | ☐ Sitemap ถูกสร้างแล้ว; หลักฐานการอนุมัติจากผู้เกี่ยวข้องถูกลิงก์ |
| 3 | ☐ User flows ถูกบันทึกไว้; ลิงก์ใน Asana |
| 4 | ☐ กลยุทธ์เนื้อหาถูกกำหนดไว้; ลิงก์ใน Asana |
Design Exploration
| รายการตรวจสอบ | |
|---|---|
| 1 | ☐ Wireframes ถูกสร้างสำหรับหน้าจอ/flows หลัก; ลิงก์ใน Asana |
| 2 | ☐ การทบทวน wireframe เสร็จสิ้นแล้ว; หลักฐานการอนุมัติจากผู้เกี่ยวข้องถูกลิงก์ |
| 3 | ☐ Interaction design specs ถูกบันทึกไว้; ลิงก์ใน Asana |
Validation & Handoff
| รายการตรวจสอบ | |
|---|---|
| 1 | ☐ Prototype ถูกสร้างแล้ว; ลิงก์ใน Asana |
| 2 | ☐ การทดสอบการใช้งานเสร็จสิ้นแล้ว (หากจัดสรรงบประมาณ/ไทม์ไลน์); ผลลัพธ์ถูกลิงก์ |
| 3 | ☐ การตัดสินใจทำซ้ำถูกบันทึกไว้ (ปัญหาวิกฤตถูกแก้ไขหรือบันทึกไว้) |
| 4 | ☐ ชุดสิ่งส่งมอบ UX สมบูรณ์: wireframes, user flows, interaction specs, สรุปการวิจัย |
| 5 | ☐ งานส่งมอบ UX ถูกสร้างและมอบหมายให้ UI Designer |