Designed the shipping option flow for web e-commerce
1-2 Weeks (July 2025)
พัฒนาฟีเจอร์เพื่อเลือกการจัดส่งสินค้าแบบ Same Day Delivery สำหรับเว็บ E-commerce เพื่อส่งเสริมกลุ่มลูกค้าที่อยากได้สินค้าเร็วขึ้น
ฟีเจอร์การจัดส่งที่ได้ออกแบบนี้ อยู่บนเว็บทรูสโตร์
การเริ่มต้นออกแบบ feature นี้
ต้องรูปก่อนว่าเป้าหมายที่ต้องการนำเสนอฟีเจอร์นี้ คือ
“การทำให้ user รู้ว่าเรามีรูปแบบการจัดส่งในรูปแบบ Same Day Delivery”
เนื่องจากเป็นการเพิ่ม feature เข้าไปในระบบเดิมที่มีอยู่แล้ว ขั้นตอนแรกจึงเริ่มจากการประเมินการใช้งานของระบบปัจจุบัน เพื่อทำความเข้าใจ flow ของผู้ใช้ และระบุจุดที่สามารถพัฒนาและปรับปรุงในด้าน UX และ UI ได้เพิ่มเติม
Flow การสั่งซื้อสินค้าบนหน้าเว็บแบบเก่า + remark ที่จะพัฒนาเพิ่ม(จุดที่มีปักหมุด)
นอกจากที่ศึกษาระบบใช้งานเดิม และทำการศึกษาการใช้งานเว็บ e-commerce อื่น ๆ ในไทยที่มีการจัดส่งรูปแบบเดียวกัน เพื่อศึกษาเรื่องพฤติกรรม และการเรียนรู้ต่างๆ ที่ผู้ใช้เคยได้รับรู้มาปรับใช้ในเรื่องการลดระยะเวลาของการเรียนรู้วิธีใช้ใหม่แก่ผู้ใช้งาน เพราะถ้าผู้ใช้เคยชินกับการใช้งานแบบไหนมา จะทำให้เขาพอใจมากกว่าการต้องมา เรียนรู้วิธีใช้ในแบบที่ต่างจากเดิมมาก
1. Inform to user
ก่อนที่ผู้ใช้จะเลือกการจัดส่งแบบ Same-Day Delivery สิ่งสำคัญคือการสื่อสารให้ผู้ใช้ทราบตั้งแต่แรกว่ามีตัวเลือกการจัดส่งรูปแบบนี้อยู่ จากการทำ Research พบว่าหลายเว็บไซต์นิยมแสดงข้อมูลนี้อย่างชัดเจนที่หน้า Product Detail เพื่อสร้างการรับรู้ตั้งแต่ต้นทางของการตัดสินใจซื้อ
2. Select Shipping Option
จุดที่จะต้องวางฟีเจอร์การจัดส่งแบบ same day delivery อย่างแน่นอนคือ ขั้นตอนการเลือกประเภทการจัดส่ง
3. Check Service Location
เนื่องจากพื้นที่การจัดส่งยังไม่รองรับทั่วประเทศ จึงต้องมีฟังก์ชันสำหรับตรวจเช็คพื้นที่ให้กับผู้ใช้ ที่ต้องการใช้บริการนี้.
หลังจากที่ได้ soulution แล้วก็นำร่าง user flow ให้ละเอียดมากขึ้นเพื่อให้เห็นว่าฟีเจอร์ที่เพิ่มเข้าไปมี step การใช้งานอะไรบ้าง รวมถึงจะได้เห็น case หรือ state ต่างๆที่จะเกิดขึ้นใน feature นี้ โดยสามารถดูภาพรวมได้ที่ภาพ user flow ที่แนบมาด้านล่าง
เมื่อได้ user flow สำหรับฟีเจอร์ของเรา ก็เริ่มออกแบบหน้า UI ต่อโดยอิงจาก 3 Soulution ที่จะเพิ่มเข้าไป
Solution 1
- เพิ่ม component เพื่อ inform user ในเบื้องต้นที่หน้า PDP (Product detail page)
Solution 2
- เพิ่มการเลือกประเภทการจัดส่ง
Solution 3
- เพิ่ม function การตรวจสอบพื้นที่การจัดส่ง
สิ่งสำคัญที่ได้เรียนรู้จากโปรเจกต์นี้
คือการได้ออกแบบโซลูชันใหม่ภายใต้เวลาที่จำกัด ซึ่งช่วยพัฒนาทักษะการจัดการเวลาและการลำดับความสำคัญให้มีประสิทธิภาพมากขึ้น เพื่อให้มั่นใจว่าสามารถส่งมอบฟีเจอร์ได้ตรงเวลาและพร้อมใช้งานจริง
อย่างไรก็ตาม ยังมีสิ่งที่ต้องการพัฒนาต่อ เช่น แบบฟอร์มการกรอกข้อมูลที่ในเวอร์ชันนี้ยังไม่สามารถแก้ไขได้ เนื่องจากข้อจำกัดด้านเทคนิค จึงจำเป็นต้องใช้แบบฟอร์มเดิมไปก่อนในระยะนี้
