ปูทางไปสู่การซื้อ – eCommerce UX Best Practices

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

ศักยภาพเป็นที่ส่าย ปีแล้วปีเล่ารายได้อีคอมเมิร์ซปีนสูงขึ้น ยอดขายออฟไลน์ยังคงเป็นรายได้ส่วนใหญ่ของร้านค้าปลีก แต่ส่วนโค้งของอีคอมเมิร์ซที่เพิ่มขึ้นนั้นไม่อาจปฏิเสธได้ ในปีนี้ ผู้ค้าปลีกอีคอมเมิร์ซในสหรัฐฯ คาดว่าจะมียอดขายได้ถึง 840 พันล้านดอลลาร์ ซึ่งเป็นระดับที่ไม่คาดว่าจะไปถึงปี 2022

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

ชะตากรรมของอีคอมเมิร์ซมือถือ? ไม่ต้องสงสัยเลย มีเงินจำนวนมากที่ต้องทำโดยการเพิ่มประสิทธิภาพไซต์เดสก์ท็อปด้วยแนวทางปฏิบัติที่ดีที่สุดของ eCommerce UX หรือไม่ อย่างแน่นอน.

ประสบการณ์อีคอมเมิร์ซในสี่หน้า

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

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

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

หน้าแรกที่ไม่กระจัดกระจาย

1. สร้างมูลค่าสินค้าให้ปรากฏทันที

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

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

2. เปิดใช้งานการค้นหาจากทุกที่

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

3. ตั้งชื่อสินค้าให้เหมาะกับผู้ซื้อ

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

4. ไฮไลท์ข้อเสนอและโปรโมชั่น

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

หากการขายมีความสำคัญรอง ก็ควรสังเกตได้ แต่ไม่ควรแข่งขันกับคุณค่าที่นำเสนอหลักของหน้าแรก หากการส่งเสริมการขายเป็นสิ่งที่นักช้อปต้องรู้อันดับหนึ่ง ให้สปอตไลท์ไปที่นั้น

จัดหน้าหมวดหมู่อย่างดี

1. นำเสนอผลิตภัณฑ์ใน Grids

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

โบนัส: มุมมองรายการใช้งานได้ แต่เหมาะที่สุดสำหรับผลิตภัณฑ์ที่ต้องการคำอธิบายโดยละเอียดเพิ่มเติม

2. รับรองการนำทางที่ง่ายดาย

การนำทางจะต้องใช้งานง่าย นักช็อปไม่ควรพยายามสลับไปมาระหว่างหน้าหมวดหมู่หรือเปิดใช้งานตัวกรองผลิตภัณฑ์ ไซต์ที่มีผลิตภัณฑ์จำนวนมากในหมวดหมู่เดียวควรใช้การนำทางในคอลัมน์ด้านซ้ายเพื่อให้ผู้ซื้อสามารถจัดเรียงสินค้าตามคุณลักษณะต่างๆ (การค้นหาแบบแยกส่วน)

3. ตู้โชว์สินค้าขายดี

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

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

หน้าผลิตภัณฑ์ขัดเงา

1. ล่อใจด้วยหลักฐานทางสังคม

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

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

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

2. ใช้สำเนาและภาพเพื่อแสดงชีวิตที่ดี

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

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

3. รับมากขึ้นด้วยการเพิ่มยอดขายและผลิตภัณฑ์ที่เกี่ยวข้อง

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

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

4. ออกแบบปุ่ม “หยิบใส่ตะกร้า” ให้ใหญ่และหนา

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

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

หน้าชำระเงินที่ตรงไปตรงมา

1. แสดงความคืบหน้าการชำระเงินของผู้ซื้อ

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

2. ยอมรับรูปแบบการชำระเงินหลายแบบ

ความสะดวกและความปลอดภัยเป็นข้อกังวลหลักของนักช้อปเมื่อไปถึงเกตเวย์การชำระเงิน และเป็นเหตุผลหลักสองข้อในการละทิ้งรถเข็น โชคดีที่มีตัวเลือกการชำระเงินออนไลน์จำนวนมากขึ้นเรื่อยๆ ซึ่งช่วยบรรเทาความกลัวด้านความปลอดภัยและช่วยให้การชำระเงินรวดเร็วขึ้น ตัวเลือกการชำระเงินของบุคคลที่สามที่ได้รับการสนับสนุนจากบริษัทที่เชื่อถือได้ (เช่น Amazon และ Apple) อาจดึงดูดผู้ซื้อมากกว่าการป้อนข้อมูลบัตรเครดิต

นอกจากนี้ยังควรพิจารณาตัวเลือก “ซื้อตอนนี้ จ่ายทีหลัง” (BNPL) เช่น Paypal Credit และ Klarna BNPL เป็นเครดิต ณ จุดขายรูปแบบหนึ่งที่ช่วยให้ลูกค้าสามารถชำระค่าสินค้าเมื่อเวลาผ่านไปหลังจากได้รับสินค้า

3. พิจารณาการชำระเงินของแขก

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

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

4. ระบุสรุปคำสั่งซื้อที่ชัดเจน

อันนี้ของบังคับ ให้ข้อมูลสรุปคำสั่งซื้อที่รัดกุมแก่ผู้ซื้อซึ่งรวมถึง:

• รายละเอียดสินค้าและปริมาณ
• รายละเอียดของค่าธรรมเนียมทั้งหมด
• ข้อมูลการจัดส่งและการเรียกเก็บเงิน

การแสดงรูปภาพผลิตภัณฑ์ก็เป็นเรื่องที่ฉลาดเช่นกัน แต่ต้องแน่ใจว่าแอตทริบิวต์ตรงกับการเลือกของลูกค้า (สี ขนาด การตกแต่ง ฯลฯ)

5. เพิ่มความน่าเชื่อถือด้วยป้ายความปลอดภัยและการสนับสนุนลูกค้า

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

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

ปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุดของอีคอมเมิร์ซ UX

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

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

แจ้งให้เราทราบสิ่งที่คุณคิด! โปรดแสดงความคิดเห็น ความคิดเห็น และข้อเสนอแนะของคุณด้านล่าง

• • •

อ่านเพิ่มเติมเกี่ยวกับบล็อก Toptal Design:

• eCommerce UX – ภาพรวมของแนวทางปฏิบัติที่ดีที่สุด (พร้อมอินโฟกราฟิก)
• สุดยอดคู่มือการออกแบบเว็บไซต์อีคอมเมิร์ซ
• eCommerce 101: ทำความเข้าใจเกี่ยวกับการละทิ้งรถเข็นช็อปปิ้ง (พร้อมอินโฟกราฟิก)
• eCommerce UX – กลยุทธ์และหลักการออกแบบที่จำเป็น
• เทรนด์อีคอมเมิร์ซที่โดดเด่นและอิทธิพลที่มีต่อการออกแบบ (พร้อมอินโฟกราฟิก)