TRIPWISE — แอปวางแผนทริปและหารค่าใช้จ่ายร่วมกัน
แนวคิดแอปมือถือที่ช่วยให้กลุ่มเพื่อนวางแผนทริปหลายวัน บันทึกค่าใช้จ่ายที่แต่ละคนออกให้ และสรุปว่าใครต้องโอนให้ใครอย่างชัดเจนเมื่อปิดทริป
ออกแบบจากสมมติฐานที่กำหนดไว้ และยังไม่ได้ทดสอบกับผู้ใช้จริง
โจทย์และบริบท
ทริปหลายวันยิ่งสนุก เมื่อไม่ต้องตามค่าใช้จ่ายจากหลายแชต — TRIPWISE ตั้งสมมติฐานว่ากลุ่มเพื่อนมักวางแผน เปลี่ยนกิจกรรม และออกค่าใช้จ่ายแทนกันหลายครั้งตลอดทริป
รายการใหม่เกิดตลอดทริป จึงย้อนดูยอดรวมได้ยาก
แต่ละกิจกรรมอาจมีผู้ร่วมจ่ายต่างกัน
ต้องคำนวณว่าใครจ่ายเกินและควรโอนให้ใคร
กลุ่มเพื่อน ทริปสั้น 2–4 วัน และช่วยกันออกค่าใช้จ่าย · เพื่อนร่วมงาน วางแผนทริปทีมและต้องติดตามงบประมาณร่วมกัน · กลุ่มกิจกรรม เดินทางหลายจุด มีค่าใช้จ่ายไม่เท่ากันในแต่ละวัน
กลุ่มผู้ใช้นี้เป็นสมมติฐานสำหรับการออกแบบ ยังไม่ได้ยืนยันจากการวิจัยผู้ใช้จริง
User Flow
TRIPWISE เชื่อมการวางแผนทริปหลายวันเข้ากับการบันทึกค่าใช้จ่าย และสรุปการโอนตอนปิดทริป โดยมี 2 บทบาทหลักในทริปเดียว: ผู้สร้างทริป (สร้างทริป · เชิญสมาชิก · จัดการแผน · ปิดทริปเมื่อข้อมูลครบ) และ สมาชิกทริป (ดูแผน · เพิ่มค่าใช้จ่าย · ตรวจสอบยอด · ยืนยันการชำระเงิน)
ตั้งชื่อ วันเดินทาง ปลายทาง และวิธีหาร
ส่งลิงก์ให้เพื่อนเข้าร่วมทริป
เพิ่มกิจกรรมรายวันและค่าใช้จ่ายระหว่างทริป
ตรวจสอบรายการก่อนสรุปยอด
เห็นว่าใครต้องโอนให้ใครและยืนยันการชำระ
ลดการตามกำหนดการผ่านหลายแชต
รองรับกิจกรรมที่ไม่ได้ร่วมกันทุกคน
ช่วยลดจำนวนครั้งที่สมาชิกต้องโอนเงิน
Design System
ใช้สีน้ำเงินเพื่อสื่อถึงการจัดการข้อมูลร่วมกัน และใช้ Teal กับสถานะต่าง ๆ เพื่อสร้างลำดับความสำคัญที่ชัดเจน
Feedback states: Success Soft #DCFCE7 · Error #DC2626 · Error Soft #FEE2E2
H1 Bold 32 · H2 Bold 24 · H3 Semi Bold 20 · Body Regular 16 · Amount Bold 28 — กำหนดระยะบรรทัด 130% เพื่อให้อ่านข้อความภาษาไทยบนหน้าจอมือถือได้ชัด
องค์ประกอบหลัก: Primary button · Active day chip · Trip status chip · Settlement status badge · Grid 4 คอลัมน์ บนหน้าจอ 390 × 844
Key Screens
Final UI มีทั้งหมด 10 หน้าจอ High-fidelity เลือก 3 หน้าจอที่แสดงช่วงสำคัญของการใช้งาน ตั้งแต่ดูภาพรวมทริป บันทึกค่าใช้จ่าย ไปจนถึงสรุปยอดปลายทาง
TRIPWISE รวมค่าใช้จ่ายตลอดทริป แล้วเสนอรายการโอนที่จำเป็น: มุกโอนให้น้ำฝน ฿116.67 และบีมโอนให้น้ำฝน ฿666.67
ยอดรวมทริป ฿4,850 จาก 6 รายการ · ระบบจัดสรรเศษสตางค์ให้น้ำฝน
Edge Cases
ออกแบบให้การหารเงินยังชัดเจน เมื่อทริปไม่เป็นไปตามแผน กรณีเหล่านี้มาจากการวิเคราะห์ flow และสถานะที่อาจเกิดขึ้นระหว่างทริป ไม่ใช่ผลจากการทดสอบผู้ใช้จริง
บางคนอาจไม่ได้ร่วมกิจกรรม หรือมีสมาชิกเพิ่มเข้ามาหลังจากบันทึกรายการแล้ว
ระบบตอบสนอง: ให้แก้ไขรายชื่อผู้ร่วมจ่ายและคำนวณยอดต่อคนใหม่ทันที
ผู้สร้างทริปอาจต้องการปิดทริปก่อนที่ค่าใช้จ่ายทั้งหมดจะถูกเพิ่มเข้ามา
ระบบตอบสนอง: แสดงรายการตรวจสอบและเตือนให้ยืนยันข้อมูลก่อนสร้างยอดโอน
หลังสรุปยอดแล้ว สมาชิกบางคนอาจยังไม่ได้โอนหรือยืนยันสถานะ
ระบบตอบสนอง: แสดงยอดคงค้าง รายการโอนที่แนะนำ และส่ง Reminder ได้
หลักการออกแบบ: ทำให้ทุกคนเห็นที่มาของยอดเงินก่อนตัดสินใจ เพื่อแก้ไขข้อมูลได้ทัน และลดความเข้าใจผิดภายในกลุ่ม
Prototype & Next Steps
Prototype ใน Figma ใช้สาธิต flow หลักและตรวจสอบความต่อเนื่องของหน้าจอในระดับการออกแบบ: สร้างทริป → วางแผน → เพิ่มค่าใช้จ่าย → ปิดทริป → สรุปยอด
Reflection
โปรเจกต์นี้เป็นการฝึกออกแบบ flow สำหรับกลุ่มผู้ใช้หลายคน ที่ต้องใช้ข้อมูลทริปและยอดค่าใช้จ่ายร่วมกันตลอดหลายวัน
การเห็นกำหนดการและค่าใช้จ่ายในบริบทของทริปเดียวกัน ช่วยให้สมาชิกเข้าใจที่มาของแต่ละรายการ
การแสดงผู้จ่าย ผู้ร่วมจ่าย และส่วนแบ่งทริปช่วยให้ยอดที่ต้องโอนตรวจสอบได้
หน้าตรวจสอบก่อนสรุปยอดช่วยลดโอกาสสร้างรายการโอนจากข้อมูลที่ยังไม่ครบ
หากพัฒนาต่อ: ทดสอบ Prototype โดยให้กลุ่มเพื่อนลองสร้างทริป เพิ่มรายการ และปิดทริป → เก็บข้อสังเกตว่าผู้ใช้เข้าใจกติกาการหารเงินและรายการโอนมากน้อยเพียงใด → ปรับปรุง flow ในจุดที่ผู้ใช้สับสนก่อนพัฒนาเป็นผลิตภัณฑ์จริง
TRIPWISE เป็น Personal Concept Project ที่ออกแบบจากสมมติฐานที่กำหนดไว้ และยังไม่ได้ทดสอบกับผู้ใช้จริง
เครดิตภาพประกอบ
ภาพสถานที่ในหน้าจอแอปใช้ภาพฟรีจาก Unsplash ภายใต้ Unsplash License