การปฏิเสธความรับผิด: โครงการนี้มีวัตถุประสงค์เพื่อการศึกษาและพอร์ตโฟลิโอเท่านั้น และไม่ได้ทำ เป็นเจ้าของ หรือเป็นพันธมิตรโดยตรงกับ Teapioca Lounge

การจัดฉาก — ภาพรวม

เรื่องราวเบื้องหลัง

ร้านโบบะที่ฉันไปมีแอป ฉันเลยตัดสินใจสั่งผ่านแอปนี้เพื่อหลีกเลี่ยงการต่อคิวในร้าน ปฏิกิริยาแรกของฉันคือ: โบบาอยู่ไหน? เหตุใดจึงไม่มีรูปภาพหากแอปนี้เป็นแอปอาหาร/เครื่องดื่ม ปัญหาที่ฉันให้ไว้คือแอปนี้นำทางยาก ต้องใช้รูปภาพ/คำอธิบาย และมีเลย์เอาต์ที่สับสน

มูลค่าธุรกิจ

สิ่งนี้ทำให้ร้านค้าสูญเสียกำไรเพราะทำให้แอปไม่น่าสนใจส่งผลให้ลูกค้าสั่งซื้อน้อยลง ดังนั้น ฉันจึงลองคิดดูว่าจะออกแบบเลย์เอาต์ของแอปใหม่เพื่อช่วยลูกค้าในการสั่งซื้อได้อย่างไร

ทำไมต้องออกแบบใหม่

ฉันไม่รู้เกี่ยวกับคุณ แต่ถ้าฉันสั่งซื้อบางอย่าง ไม่ว่าจะเป็นอะไรก็ตาม ฉันอยากรู้ว่ามันหน้าตาเป็นอย่างไร และค้นหาคำอธิบายเพื่อทราบข้อมูลเพิ่มเติมเกี่ยวกับผลิตภัณฑ์ โดยเฉพาะอย่างยิ่งถ้าเป็นไข่มุก!

เป้าหมายของฉัน

• เพื่อมอบประสบการณ์การสั่งซื้อที่ราบรื่นและอินเทอร์เฟซผู้ใช้ที่ใช้งานง่าย
• เสนอเค้าโครงเมนูที่สื่อความหมายและดึงดูดสายตามากขึ้น เพื่อให้ผู้ใช้ทราบว่าผลิตภัณฑ์คืออะไรและมีลักษณะอย่างไร

ฉันใช้แอปนี้และไม่ได้รับประสบการณ์ที่ดี แต่แล้วคนอื่นๆ ที่ใช้แอพนี้ล่ะ ประสบการณ์ของพวกเขาเป็นอย่างไร? ฉันตัดสินใจทำวิจัยเพื่อค้นหา

ผ่านการรีวิว

ฉันเริ่มต้นการวิจัยผู้ใช้โดยมองหาบทวิจารณ์ใน App Store สิ่งนี้ช่วยให้ ฉันเห็นว่าผู้ใช้แอปมีความคิดเห็นอย่างไร บทวิจารณ์ส่วนใหญ่มุ่งเน้นไปที่ด้านเทคนิคของแอป อย่างไรก็ตาม ฉันได้พบสองบทที่เกี่ยวข้องกับประสบการณ์ของผู้ใช้

จากบทวิจารณ์ เราพบว่าผลตอบรับโดยรวมของแอปคือใช้งานยาก และมีเมนูมากมายที่ทำให้ผู้ใช้หลีกเลี่ยงการใช้แอป

บทสัมภาษณ์ผู้ใช้

จากนั้นฉันได้ทำการสัมภาษณ์ผู้ใช้กับผู้ใช้ 5 คนที่เคยไปที่ Teapioca Lounge มาแล้วหรือผู้ที่อยากจะไปในอนาคต สิ่งนี้ช่วยให้เข้าใจว่าทำไมผู้ใช้จึงใช้แอปตั้งแต่แรกและอะไรที่สำคัญที่สุดสำหรับพวกเขา

ข้อมูลเชิงลึกที่สำคัญบางส่วนจากการสัมภาษณ์ -

• ผู้เข้าร่วมเกือบทุกคนชอบเรียกดูเมนูผ่านแอพ เพราะสามารถเรียกดูบางรายการหรือทั้งหมดบนเมนูได้นานเท่าที่ต้องการ
• ผู้เข้าร่วมส่วนใหญ่ต้องการสั่งผ่านแอพเพื่อไม่ต้องต่อแถวและสะดวกกว่า
• ผู้เข้าร่วมยังแสดงด้วยว่าพวกเขาชอบแอพที่ใช้งานง่ายและอนุญาตให้ปรับแต่งได้

หลังจากสัมภาษณ์ผู้ใช้ ฉันขอให้ผู้เข้าร่วมกลุ่มเดียวกัน (ผู้เข้าร่วม 5 คน) ทดสอบแอป Teapioca Lounge เพื่อดูว่าพวกเขาจะโต้ตอบกับฟีเจอร์ของแอปอย่างไร

งานที่ฉันให้ผู้เข้าร่วมแต่ละคนคือ:

คุณช่วยอธิบายวิธีสั่งสมูทตี้กับไข่มุกให้ฉันหน่อยได้ไหม

เจาะลึกมากขึ้น — การวิเคราะห์

การกำหนดปัญหา

หลังจากระบุและวิเคราะห์จุดบกพร่องผ่านการวิจัยผู้ใช้แล้ว ฉันได้กำหนดจุดปวดต่อไปนี้ที่ผู้ใช้ส่วนใหญ่มีปัญหา

Pain Point 1 - แอพนำทางยาก

• เลย์เอาต์ของเมนูนั้นกว้างขวางมากทำให้นำทางได้ยาก รูปแบบที่กว้างขวางทำให้ลูกค้าต้องคาดเดาว่าจะดูที่ใดหากต้องการสั่งซื้อสินค้าด้วยวิธีใดวิธีหนึ่ง

• ผู้ใช้เกือบทั้งหมดแสดงความไม่พอใจที่แอปไม่มีรูปภาพ ทำให้ผู้ใช้เข้าใจสิ่งที่พวกเขาสั่งซื้อและสินค้าที่ร้านค้าขายได้ยากขึ้นหากพวกเขาไม่สามารถมองเห็นได้ด้วยตาเปล่า

• ผู้ใช้ระบุว่าขาดคำอธิบายทำให้พวกเขาต้องเดาว่ารายการที่สั่งซื้อประกอบด้วยอะไรบ้าง

ต่อไป ฉันรวบรวมข้อเสนอแนะ ข้อมูลเชิงลึก และประเด็นปัญหาทั้งหมดที่ระบุไว้ข้างต้น ฉันจัดหมวดหมู่งานวิจัยของฉันเพื่อให้เห็นภาพที่ชัดเจนยิ่งขึ้นเกี่ยวกับสิ่งที่สำคัญสำหรับผู้ใช้และพัฒนาแนวคิดที่เป็นไปได้

โฟลว์ของผู้ใช้

ตอนนี้ฉันเข้าใจปัญหาที่ผู้ใช้พบในแอปปัจจุบันแล้ว ฉันเริ่มวางแผนโฟลว์ผู้ใช้สำหรับงานทั่วไปที่ผู้ใช้จะทำ:

โครงลวด

เมื่อฉันวางแผนโฟลว์ผู้ใช้เสร็จแล้ว ฉันก็ย้ายไปที่การออกแบบโครงลวดเพื่อหาแนวคิดเกี่ยวกับวิธีจัดการกับปัญหาที่ลูกค้ามีกับเลย์เอาต์ปัจจุบันของแอป

การนำทาง

วางคำสั่งซื้อ

ตะกร้าสินค้า & แก้ไขคำสั่งซื้อ

รับและดูรางวัล

การสร้าง — ต้นแบบ

ตอนนี้ฉันได้สร้างโครงลวดแล้ว ฉันเริ่มสร้างต้นแบบการออกแบบเพื่อให้ตรงกับโฟลว์ของผู้ใช้

การนำทาง

ผู้ใช้หลายคนสับสนในการไปที่เมนูหลังจากเลือกตำแหน่ง ตอนนี้ ผู้ใช้จะถูกถามโดยอัตโนมัติถึงสถานที่ที่พวกเขาต้องการสั่งซื้อหลังจากเข้าสู่ระบบ เมื่อเลือกสถานที่แล้ว พวกเขาจะถูกเปลี่ยนเส้นทางไปยังเมนู

ขณะนี้มีการเพิ่มเมนูการนำทางที่ด้านล่างของหน้าจอ ทำให้สามารถเข้าถึงเมนู กระเป๋าเงิน รางวัล และโปรไฟล์ได้อย่างง่ายดาย

วางคำสั่งซื้อ

เพื่อแก้ไขปัญหาการขาดคำอธิบายและรูปภาพ ตอนนี้รายการทั้งหมดในเมนูได้เพิ่มรูปภาพและคำอธิบายแล้ว

ตะกร้าสินค้า & แก้ไขคำสั่งซื้อ

ผู้ใช้ยังไม่แน่ใจว่าจะแก้ไขคำสั่งซื้อนั้นได้อย่างไรโดยไม่ย้อนกลับ ขณะนี้ผู้ใช้มีวิธีที่ชัดเจนในการแก้ไขคำสั่งซื้อจากตะกร้าสินค้า

รับและดูรางวัล

ผู้ใช้ยังไม่แน่ใจว่าจะใช้หน้ารางวัลอย่างไร ตอนนี้พวกเขาสามารถดูวิธีการรับและแลกของรางวัลได้แล้ว

การทดสอบความถูกต้อง

เพื่อตรวจสอบการออกแบบใหม่ของฉัน ฉันได้ทดสอบต้นแบบของฉันกับคน 5 คน ผู้เข้าร่วมแต่ละคนได้รับมอบหมายงานเดียวกัน

• สั่งซื้อสินค้า
• แก้ไขรายการในตะกร้าสินค้า
• แลกรับรางวัล
• บันทึกตัวเลือกการชำระเงิน

โดยรวมแล้วผู้เข้าร่วมทั้งหมดสามารถทำงานให้เสร็จได้ แต่ฉันได้รับคำติชมทั่วไปสำหรับงานบางอย่าง:

การแก้ไขรายการ

แลกของรางวัล

ตัวเลือกการชำระเงิน

ต้นแบบขั้นสุดท้าย

คุณสามารถดูต้นแบบที่เสร็จแล้วได้ที่นี่ !

บทสรุป

การทำงานโดยรวมในโปรเจกต์นี้เป็นข้อมูลเชิงลึกเพราะฉันได้เห็นคนอื่นๆ ประสบปัญหาเดียวกันกับฉันในระหว่างการทดสอบผู้ใช้

ฉันเรียนรู้อะไร

• รูปภาพสามารถมีผลกระทบอย่างมากในแง่ของความสามารถในการใช้งานสำหรับแอพที่เกี่ยวข้องกับอาหาร
• สีอาจส่งผลต่อวิธีที่ผู้ใช้โต้ตอบกับแอปพลิเคชัน — (อ้างอิงถึงการเปลี่ยนแปลงการออกแบบ “แตะเพื่อแก้ไข” จากตะกร้าสินค้า)

• สร้างคู่มือสไตล์เพื่ออธิบายการเลือกสีและแบบอักษร
• การวิเคราะห์เชิงลึกและการทดสอบเพิ่มเติมเพื่อปรับแต่งโซลูชัน

ถ้าคุณทำมันได้ไกลขนาดนี้

หวังว่าคุณจะสนุก! :)

มาเชื่อมต่อกันเถอะ

‍ หากคุณต้องการพูดคุยเกี่ยวกับสิ่งใดก็ตามที่เกี่ยวข้องกับ UX/การออกแบบ หรือโอกาสเต็มเวลา ฉันชอบที่จะได้ยินจากคุณ! คุณสามารถหาฉันได้ที่LinkedIn