สุดยอดคู่มือการออกแบบเว็บไซต์อีคอมเมิร์ซ
ยอดขายอีคอมเมิร์ซของสหรัฐฯยังคงขึ้นสู่ระดับสูงสุดใหม่ในปี 2018 ทั่วโลกอีคอมเมิร์ซจะยังคงทำกำไรได้อย่างต่อเนื่องถึง 2.3 ล้านล้านดอลลาร์ แต่อะไรที่ทำให้เว็บไซต์อีคอมเมิร์ซแห่งหนึ่งประสบความสำเร็จมากกว่าอีกแห่ง?
ปัจจัยหลายประการที่กำหนดความสำเร็จโดยรวมของเว็บไซต์อีคอมเมิร์ซรวมถึงคุณภาพของผลิตภัณฑ์การจดจำแบรนด์ค่าขนส่งนโยบายการคืนสินค้าความน่าเชื่อถือและการบริการลูกค้า อย่างไรก็ตามรอบคอบ การออกแบบประสบการณ์ผู้ใช้ ยังเป็นกุญแจสำคัญในการมอบประสบการณ์ที่น่าพึงพอใจและปราศจากแรงเสียดทาน ไม่เพียง แต่แปลงคลิกที่เป็นไปได้ให้เป็นธุรกรรมอีคอมเมิร์ซจริงเท่านั้น แต่ยังทำให้ลูกค้ากลับมาครั้งแล้วครั้งเล่า
นี่คือคู่มือการออกแบบ UX อีคอมเมิร์ซที่ครอบคลุมสำหรับการสร้างเว็บไซต์อีคอมเมิร์ซที่ยอดเยี่ยมพร้อมตัวอย่าง
ออกแบบอีคอมเมิร์ซเพื่อความน่าเชื่อถือและความปลอดภัย
ก่อนอื่นสิ่งสำคัญคือต้องออกแบบเว็บไซต์ที่ผู้ซื้อรู้สึกว่าสามารถไว้วางใจได้ ผู้ซื้อส่วนใหญ่กังวลเกี่ยวกับความเป็นส่วนตัวและไซต์จะปกป้องข้อมูลส่วนบุคคลของตนหรือไม่โดยการให้ธุรกรรมที่ปลอดภัย หากเว็บไซต์ไม่น่าไว้วางใจพวกเขาก็จะเลือกซื้อสินค้าจากที่อื่น
ASOS ให้ UX อีคอมเมิร์ซที่ยอดเยี่ยมโดยการแบ่งปันข้อมูลที่เกี่ยวข้องเกี่ยวกับธุรกิจและการชำระเงินที่ปลอดภัยที่มีอยู่ในส่วนท้าย
วิธีการบางอย่างที่จะสื่อสารความน่าเชื่อถือมีดังนี้
เขียนด้วยภาษาธรรมดาและหลีกเลี่ยงศัพท์แสงทางกฎหมายหรือนโยบายภายใน
- แบ่งปันบทวิจารณ์ผลิตภัณฑ์ ให้บทวิจารณ์ผลิตภัณฑ์เพื่อช่วยให้ผู้ซื้อเข้าใจมากขึ้นเกี่ยวกับผลิตภัณฑ์ สิ่งนี้จะช่วยบรรเทาความกังวลใด ๆ ที่พวกเขาอาจมีและมอบ UX อีคอมเมิร์ซที่ยอดเยี่ยม ก้าวไปอีกขั้นด้วยการนำเสนอบทวิจารณ์ผลิตภัณฑ์พร้อมกับข้อมูลเพิ่มเติมเกี่ยวกับผู้วิจารณ์หรือโดยการสรุปบทวิจารณ์ ขั้นตอนนี้สามารถช่วยให้ผู้ซื้อได้รับประโยชน์สูงสุดจากความคิดเห็นของผู้อื่นได้ง่ายขึ้น
- ใช้เซิร์ฟเวอร์ที่ปลอดภัย ผู้ซื้อคาดหวังว่าข้อมูลส่วนบุคคลของพวกเขาจะปลอดภัยในขณะที่ซื้อทางออนไลน์ SSL (ชั้นซ็อกเก็ตที่ปลอดภัย) รับรองความถูกต้องของข้อมูลประจำตัวของเว็บไซต์และเข้ารหัสข้อมูลที่ต้องรักษาความปลอดภัย เป็นสัญญาณสำคัญที่บ่งชี้ว่าการชำระเงินมีความปลอดภัย ตรวจสอบผู้ซื้อว่าข้อมูลของตนได้รับการปกป้องโดยการใช้ SSL และการแสดงป้ายใบรับรอง SSL
ตัวอย่างบางส่วนของตราประทับความไว้วางใจที่จะแสดงเพื่อความไว้วางใจของลูกค้าออนไลน์
- รู้จักเพิ่มแล้ว เชื่อแมวน้ำ . ตราประทับที่เชื่อถือได้จะตรวจสอบความถูกต้องตามกฎหมายและความปลอดภัยของเว็บไซต์ บริษัท ที่เชื่อถือบางแห่งยังเพิ่มการป้องกันอีกชั้นด้วยการเสนอประกันหากการทำธุรกรรมนั้นเป็นการฉ้อโกง การใช้ตราประทับความไว้วางใจที่ได้รับการยอมรับจะช่วยให้มั่นใจได้ว่าผู้ซื้ออาจมีกระบวนการทำธุรกรรมที่ปลอดภัยซึ่งนำไปสู่ เพิ่มยอดขาย และมอบ UX อีคอมเมิร์ซที่ดีกว่า
- แสดงความใส่ใจในรายละเอียด ทำให้เว็บไซต์ดูถูกต้องตามกฎหมายและเป็นมืออาชีพโดยหลีกเลี่ยงการพิมพ์ผิดรูปภาพขาดหายลิงก์เสียข้อผิดพลาด 404 (ไม่พบหน้าเว็บ) หรือข้อผิดพลาดในการฆ่า UX ของอีคอมเมิร์ซอื่น ๆ
ข้อควรพิจารณาในการออกแบบ UI ของอีคอมเมิร์ซ
รูปลักษณ์ของเว็บไซต์เป็นตัวขับเคลื่อนหลักของการแสดงผลครั้งแรก วิจัย สรุปได้ว่าผู้คนจะตัดสินได้ว่าพวกเขาชอบเว็บไซต์หรือไม่ในเวลาเพียง 50 มิลลิวินาที
เคล็ดลับการออกแบบส่วนต่อประสานผู้ใช้ที่สำคัญมีดังนี้
- ติดตามเอกลักษณ์ของแบรนด์ การสร้างตราสินค้าควรเป็นที่ประจักษ์ทั่วทั้งเว็บไซต์ เลือกสีที่สะท้อนถึงแบรนด์และกำหนดรูปแบบเพื่อให้ชัดเจนว่าขายสินค้าประเภทใด ตรวจสอบให้แน่ใจว่าประสบการณ์ของแบรนด์สอดคล้องกันในทุกช่องทางไม่ว่าจะเป็นทางออนไลน์ในร้านค้าหรือบนอุปกรณ์เคลื่อนที่ สิ่งนี้จะช่วยสร้างความสัมพันธ์กับลูกค้าแบรนด์ที่แข็งแกร่ง
- ใช้ลำดับชั้นของภาพ เนื้อหาที่สำคัญที่สุดควรแสดงในครึ่งหน้าบน ในบางกรณีการใช้พื้นที่สีขาวน้อยลงเพื่อให้รายการต่างๆเข้าใกล้กันจะดีกว่าการดันเนื้อหาที่สำคัญลงไปในครึ่งหน้าล่าง
- อย่าออกแบบมากเกินไป จำกัด รูปแบบฟอนต์เช่นหน้าตาฟอนต์ขนาดและสี เมื่อข้อความมีลักษณะเหมือนภาพกราฟิกมากเกินไประบบจะเข้าใจผิดว่าเป็นโฆษณา ใช้ข้อความและสีพื้นหลังที่มีความคมชัดสูงเพื่อทำให้เนื้อหาชัดเจนที่สุด
- ยึดติดกับสัญลักษณ์ที่รู้จัก ใช้ไอคอนหรือสัญลักษณ์ที่ง่ายต่อการระบุ ไอคอนที่ไม่คุ้นเคยจะทำให้ผู้ซื้อสับสนเท่านั้น วิธีที่ดีในการหลีกเลี่ยงความสับสนที่อาจเกิดขึ้นคือการระบุป้ายกำกับสำหรับไอคอน
- หลีกเลี่ยงหน้าต่างป๊อปอัป หน้าต่างป๊อปอัพเป็นสิ่งที่ทำให้ไขว้เขว แม้ว่าข้อมูลเหล่านี้จะมีข้อมูลที่มีค่า แต่ผู้ซื้อก็มีแนวโน้มที่จะปิดทันทีเมื่อไปแล้วแม้ว่าพวกเขาต้องการแล้วก็ยากที่ผู้ซื้อจะค้นหาข้อมูลอีกครั้ง
การออกแบบเว็บไซต์อีคอมเมิร์ซที่ตอบสนอง (โดย Giga Tamarashvili )
ความสำคัญของการนำทางไซต์อีคอมเมิร์ซที่ไร้แรงเสียดทาน
ปราศจากแรงเสียดทานเป็นวิธีที่จะเป็น การนำทางเป็นเรื่องง่ายเพียงใดที่ผู้คนจะย้ายไปทั่วเว็บไซต์ค้นหาสิ่งที่ต้องการและดำเนินการในที่สุด ประสบการณ์การช็อปปิ้งอีคอมเมิร์ซควรเป็นไปอย่างราบรื่นดังนั้นผู้ซื้อจึงไม่ละทิ้งกลางคันตลอดกระบวนการ
ประเด็นสำคัญบางประการของ ออกแบบเว็บไซต์อีคอมเมิร์ซ สำหรับการนำทางที่ง่าย ได้แก่ :
หมวดหมู่ผลิตภัณฑ์ที่กำหนดไว้อย่างดี
การนำทางระดับบนสุดควรแสดงชุดหมวดหมู่ที่ไซต์นำเสนอ จัดกลุ่มผลิตภัณฑ์เป็นหมวดหมู่และหมวดหมู่ย่อยที่เหมาะสม ป้ายกำกับหมวดหมู่ทำงานได้ดีที่สุดในฐานะคำเดียวที่อธิบายถึงกลุ่มผลิตภัณฑ์ต่างๆดังนั้นผู้ซื้อจึงสามารถสแกนผ่านพวกเขาและเข้าใจสิ่งที่เป็นตัวแทนได้ทันที วิธีที่ดีที่สุดคือการทดสอบการนำทางไซต์โดยผู้ใช้ให้มากที่สุดเท่าที่จะเป็นไปได้สำหรับ UX ของอีคอมเมิร์ซที่ยอดเยี่ยมเนื่องจากเป็นคุณลักษณะการสร้างหรือทำลายที่สำคัญของไซต์
ค้นหาสินค้า
พูดง่ายๆก็คือหากผู้ซื้อไม่พบสินค้าก็จะไม่สามารถซื้อสินค้าได้ - สร้างฟังก์ชันการค้นหาที่ช่วยให้ค้นหาสิ่งที่ต้องการได้อย่างง่ายดาย:
- ทำการค้นหาอยู่ทั่วไปทุกหนทุกแห่ง ใส่ช่องค้นหาในทุกหน้าและในตำแหน่งที่คุ้นเคย กล่องควรมองเห็นได้จดจำได้อย่างรวดเร็วและใช้งานง่าย ตำแหน่งมาตรฐานในการใช้งานช่องค้นหาคือตรงกลางด้านขวาบนหรือด้านบนของหน้าหรือบนเมนูหลัก
- รองรับการสืบค้นทุกประเภท การค้นหาจำเป็นต้องรองรับข้อความค้นหาทุกประเภทเช่นชื่อผลิตภัณฑ์หมวดหมู่และคุณลักษณะของผลิตภัณฑ์ตลอดจนข้อมูลที่เกี่ยวข้องกับการบริการลูกค้า เป็นความคิดที่ดีที่จะรวมข้อความค้นหาตัวอย่างในช่องป้อนข้อมูลเพื่อแนะนำให้ผู้ซื้อใช้ฟังก์ชันต่างๆ
- มีฟังก์ชันการค้นหาโดยอัตโนมัติ ฟังก์ชันการเติมข้อความอัตโนมัติช่วยให้ผู้ซื้อพบสิ่งที่ต้องการได้ง่ายขึ้นและเพิ่มศักยภาพในการขายโดยการแนะนำสิ่งต่างๆภายในพื้นที่ที่พวกเขากำลังค้นหาอยู่
- อนุญาตให้จัดเรียงและกรองผลลัพธ์ ให้ผู้ซื้อจัดเรียงผลการค้นหาตามเกณฑ์ต่างๆ (สินค้าขายดีราคาสูงสุดหรือต่ำสุดการให้คะแนนผลิตภัณฑ์สินค้าใหม่ล่าสุด ฯลฯ ) รวมทั้งกำจัดรายการที่ไม่ตรงกับหมวดหมู่บางหมวดหมู่
สปอร์ตเกิร์ล อนุญาตให้จัดเรียงและกรองผลการค้นหา
การกรองผลิตภัณฑ์
ยิ่งมีตัวเลือกมากเท่าไหร่ก็ยิ่งเลือกยากเท่านั้น ช่วยให้ผู้ซื้อพบสินค้าที่เหมาะสมโดยใช้ตัวกรอง ซึ่งจะช่วย จำกัด ทางเลือกให้แคบลงและข้ามไปยังกลุ่มผลิตภัณฑ์ที่ต้องการได้โดยตรง
ดูสินค้าด่วน
'การดูอย่างรวดเร็ว' ช่วยลดเวลาที่ผู้ซื้อใช้ในการค้นหาผลิตภัณฑ์ที่เหมาะสมโดยการกำจัดการโหลดหน้าเว็บที่ไม่จำเป็น โดยทั่วไปรายละเอียดผลิตภัณฑ์จะแสดงในหน้าต่างโมดอลเหนือหน้าที่ดู อย่าพยายามแสดงรายละเอียดผลิตภัณฑ์ทั้งหมดให้ใส่ลิงก์ไปยังหน้าผลิตภัณฑ์แบบเต็มเพื่อดูรายละเอียดทั้งหมดแทน นอกจากนี้อย่าลืมใส่ปุ่ม“ เพิ่มลงในรถเข็น” ที่อยู่ในตำแหน่งที่โดดเด่นรวมทั้งฟังก์ชัน“ บันทึกลงในรายการที่อยากได้”
หน้าต่างโมดอล 'มุมมองด่วน' จาก Urban Outfitters .
ข้อเสนอพิเศษ
นักช้อปมักมองหาข้อเสนอพิเศษส่วนลดหรือข้อเสนอที่ดีที่สุด แสดงข้อเสนอพิเศษเพื่อให้ผู้ซื้อทราบเกี่ยวกับข้อเสนอพิเศษเหล่านี้ แม้ว่าความแตกต่างของราคาจะไม่มากนัก แต่ ความรู้สึกทางจิตวิทยา การประหยัดเงินทำให้เกิดภาพลวงตาของการมีอำนาจเหนือกว่า
การออกแบบหน้าผลิตภัณฑ์อีคอมเมิร์ซ
สำหรับ eCommerce UX ที่โดดเด่นเมื่อผู้ซื้อประสบความสำเร็จ หา สินค้าที่พวกเขาต้องการปล่อยให้พวกเขา หา เกี่ยวกับผลิตภัณฑ์ ออกแบบหน้าผลิตภัณฑ์ที่สร้างประสบการณ์ที่คล้ายกับประสบการณ์การช็อปปิ้งด้วยตนเองให้มากที่สุดโดยใส่รูปภาพจำนวนมากคำอธิบายโดยละเอียดและข้อมูลที่เป็นประโยชน์และเกี่ยวข้องอื่น ๆ เกี่ยวกับผลิตภัณฑ์ มาดูความหมายในเชิงลึกกัน
ให้รูปภาพผลิตภัณฑ์ที่ยอดเยี่ยม
นายพอร์เตอร์ รูปภาพผลิตภัณฑ์รวมถึงคุณลักษณะการซูมและแม้แต่วิดีโอ
ด้วยอีคอมเมิร์ซผู้ซื้อไม่สามารถสัมผัสสัมผัสหรือทดลองใช้ผลิตภัณฑ์ได้ แต่ทุกอย่างขึ้นอยู่กับสิ่งที่พวกเขาเห็นทางออนไลน์ นี่คือเหตุผลที่การให้ภาพผลิตภัณฑ์ที่แสดงทุกแง่มุมของผลิตภัณฑ์อย่างชัดเจนจึงเป็นสิ่งสำคัญ นี่คือรายการตรวจสอบสำหรับรูปภาพผลิตภัณฑ์ที่สมบูรณ์แบบ:
- ใช้พื้นหลังสีขาว พื้นหลังสำหรับรูปภาพผลิตภัณฑ์ไม่ควรเบี่ยงเบนความสนใจหรือขัดแย้งกับตัวผลิตภัณฑ์ พื้นหลังสีขาวจะทำงานได้ดีที่สุดเนื่องจากช่วยให้ผลิตภัณฑ์ดูโดดเด่นและใช้ได้กับเกือบทุกสไตล์หรือโทนสี
- ใช้รูปภาพขนาดใหญ่คุณภาพสูง ภาพที่ดีขายสินค้า รูปภาพคุณภาพสูงดึงดูดความสนใจของผู้ซื้อและแสดงให้พวกเขาเห็นว่าพวกเขากำลังซื้ออะไร การมีรูปภาพขนาดใหญ่ช่วยให้ผู้ซื้อสามารถซูมขึ้นและตรวจสอบผลิตภัณฑ์ได้อย่างละเอียด
รูปภาพผลิตภัณฑ์คุณภาพสูงบน UI ที่เรียบง่ายทำให้ผลิตภัณฑ์ดูน่าสนใจสำหรับลูกค้าและมีส่วนช่วยให้อีคอมเมิร์ซ UX ยอดเยี่ยม (โดย Greg Dlubacz )
- ใช้รูปภาพที่หลากหลาย แสดงผลิตภัณฑ์จากหลายมุมและรวมภาพระยะใกล้เพื่อให้ความรู้สึกที่สมบูรณ์ยิ่งขึ้นของผลิตภัณฑ์ มุมมอง 360 องศาที่พวกเขาสามารถเคลื่อนย้ายผลิตภัณฑ์ไปรอบ ๆ เป็นวิธีที่ดีในการมอบประสบการณ์ที่ใกล้เคียงกับการเข้าไปในร้านและมีส่วนร่วมกับมัน VR eCommerce คือคลื่นลูกใหม่ของประสบการณ์นี้
- ใช้วิดีโอ วิดีโอมีความสามารถในการส่งมอบข้อมูลจำนวนมากในระยะเวลาอันสั้น ใช้วิดีโอเพื่อแสดงผลิตภัณฑ์ที่ใช้งานอยู่และเพื่อให้ข้อมูลการใช้งานได้มากที่สุด
- คงเส้นคงวา. ใช้รูปภาพที่มีความสอดคล้องกันในหลาย ๆ หน้าและยังสอดคล้องกับรูปลักษณ์ของส่วนที่เหลือของเว็บไซต์ วิธีนี้จะทำให้ทุกอย่างดูสะอาดและไม่รกรุงรัง รูปภาพผลิตภัณฑ์หลักควรเหมือนกันในทุกพื้นที่ของไซต์เช่นไฮไลต์ผลิตภัณฑ์หรือในส่วนสินค้าแนะนำ
การเลือกตัวเลือกสินค้าและเพิ่มสินค้าลงในรถเข็น (โดย Dannniel )
ให้ข้อมูลโดยละเอียดเกี่ยวกับผลิตภัณฑ์แก่ผู้ซื้อเพื่อให้สามารถตัดสินใจซื้อได้อย่างมีข้อมูล แสดงความพร้อมใช้งานตัวเลือกสำหรับขนาดหรือสีที่แตกต่างกันขนาดแผนภูมิขนาดวัสดุที่ใช้ต้นทุนรวมการรับประกันและอื่น ๆ ยิ่งพวกเขามีคำถามเกี่ยวกับผลิตภัณฑ์น้อยเท่าไหร่พวกเขาก็มีแนวโน้มที่จะซื้อสินค้ามากขึ้นเท่านั้น
นาฬิกา แสดงข้อมูลผลิตภัณฑ์โดยละเอียด
ใช้การออกแบบเพื่อโน้มน้าวใจ
ให้เป็นไปตาม หลักการขาดแคลน มนุษย์ให้คุณค่าที่สูงกว่ากับวัตถุที่หายากและให้คุณค่าที่ต่ำกว่าสำหรับสิ่งที่มีอยู่มากมาย สร้างความรู้สึกเร่งด่วนในกระบวนการขายโดยการแสดงความขาดแคลน - แสดงจำนวนผลิตภัณฑ์ที่เหลือ, ขนาดสีเทาที่หมดสต็อกหรือแสดงกำหนดเวลาการขาย ความขาดแคลนจะกระตุ้นให้ผู้ซื้อที่มีศักยภาพดำเนินการ
บริษัท ต่างๆใช้การวิจัยทางจิตวิทยาขั้นสูงมากขึ้นเรื่อย ๆ และเพื่อผลักดันการมีส่วนร่วมและการซื้อมากขึ้นได้เปลี่ยนสิ่งที่เคยเป็นศิลปะให้กลายเป็นวิทยาศาสตร์ การออกแบบที่โน้มน้าวใจ ในอีคอมเมิร์ซเป็นวิธีที่มีประสิทธิภาพมากในการรวบรวมการซื้อเพิ่มเติม
ICONIC นำเสนอข้อมูลสินค้าคงคลังแบบเรียลไทม์พร้อมตัวเลือกการแจ้งเตือนการสร้างอีคอมเมิร์ซ UX ที่ยอดเยี่ยม
แสดงผลิตภัณฑ์ที่คล้ายกันซึ่งผู้ซื้ออาจชื่นชอบซึ่งใช้ได้ดีกับผลิตภัณฑ์ปัจจุบันหรือผลิตภัณฑ์ที่ผู้อื่นซื้อ สามารถแสดงในหน้ารายละเอียดผลิตภัณฑ์หรือในรถเข็นช็อปปิ้งและจะช่วยแนะนำผู้ซื้อให้เลือกซื้อสินค้าที่ตรงตามความต้องการและอาจกระตุ้นให้พวกเขาเลือกซื้อสินค้าต่อไปซึ่งเป็นวิธีที่ยอดเยี่ยมในการขายสินค้าที่เกี่ยวข้องกัน
การเชื่อมต่อฝรั่งเศส แสดงผลิตภัณฑ์เสริมและแนะนำสำหรับ eCommerce UX ที่ยอดเยี่ยม
ตะกร้าสินค้ามีความสำคัญเนื่องจากเป็นที่ที่ผู้ซื้อจะตรวจสอบผลิตภัณฑ์ที่เลือกตัดสินใจขั้นสุดท้ายและดำเนินการชำระเงิน เป้าหมายหลักของรถเข็นช็อปปิ้งคือการนำผู้ซื้อไปชำระเงิน ด้านล่างนี้เป็นเคล็ดลับในการออกแบบรถเข็นสินค้าที่ใช้งานง่ายและจะกระตุ้นให้ผู้ซื้อซื้อต่อไป
- ใช้คำกระตุ้นการตัดสินใจ (CTA) ที่ชัดเจน คำกระตุ้นการตัดสินใจหลักในหน้าตะกร้าสินค้าควรเป็นปุ่มชำระเงิน ใช้สีสดใสพื้นที่ที่คลิกได้มากมายและภาษาง่ายๆเพื่อให้ปุ่มชำระเงินมองเห็นได้ตรงไปตรงมาและใช้งานง่าย
- ให้ข้อเสนอแนะที่เพียงพอ ตรวจสอบให้แน่ใจว่าเมื่อมีการเพิ่มสินค้าลงในรถเข็นสินค้านั้นได้รับการยืนยันทันทีและชัดเจน ผู้ซื้อเกิดความสับสนจากความคิดเห็นที่ไม่เพียงพอเช่นการแสดงข้อความยืนยันที่ไม่เด่นชัด ความคิดที่ดีคือการใช้ภาพเคลื่อนไหวเนื่องจากการเคลื่อนไหวดึงดูดสายตามนุษย์
- ใช้วิดเจ็ตรถเข็นขนาดเล็ก อนุญาตให้ผู้ซื้อเพิ่มสินค้าลงในรถเข็นของพวกเขาโดยไม่ต้องออกจากหน้าที่พวกเขาอยู่โดยใช้รถเข็นขนาดเล็ก นอกจากนี้ยังช่วยให้พวกเขานำทางค้นพบและเพิ่มผลิตภัณฑ์อื่น ๆ วิดเจ็ตรถเข็นขนาดเล็กควรเชื่อมโยงกับตะกร้าสินค้าแบบเต็มหน้าเสมอ
ตะกร้าสินค้าโดย สิ่งนี้ .
- แสดงรายละเอียดผลิตภัณฑ์ การแสดงรายละเอียดเช่นชื่อผลิตภัณฑ์รูปภาพขนาดสีและราคาในตะกร้าสินค้าช่วยให้ผู้ซื้อจำสินค้าแต่ละรายการได้รวมทั้งเปรียบเทียบสินค้า เชื่อมโยงสินค้าในรถเข็นกลับไปที่หน้าผลิตภัณฑ์ทั้งหมดเพื่อให้ผู้ซื้อตรวจสอบรายละเอียดเพิ่มเติมได้เมื่อจำเป็น
- ทำให้รถเข็นสามารถแก้ไขได้อย่างง่ายดาย ความสามารถในการลบบันทึกในภายหลังหรือเปลี่ยนแปลงรายละเอียดเช่นขนาดสีหรือปริมาณควรเข้าถึงได้ง่าย
- หลีกเลี่ยงความประหลาดใจของค่าขนส่งและภาษีที่ไม่คาดคิด ค่าขนส่งที่ไม่คาดคิดเป็นสาเหตุสำคัญประการหนึ่ง ผู้ซื้อละทิ้งตะกร้าสินค้า . วางตัวเลือกการจัดส่งและภาษีพร้อมการคำนวณต้นทุนที่แม่นยำและวันที่จัดส่งที่คาดไว้ล่วงหน้า
การออกแบบการชำระเงินอีคอมเมิร์ซ
การออกแบบที่มีสไตล์และทันสมัยไม่ได้เป็นตัวกำหนดว่าเว็บไซต์อีคอมเมิร์ซที่ประสบความสำเร็จหรือไม่จำเป็นต้องให้ UX อีคอมเมิร์ซที่ยอดเยี่ยม ความสำเร็จของอีคอมเมิร์ซวัดได้จากจำนวนการซื้อที่เสร็จสมบูรณ์เท่านั้น ต่อไปนี้เป็นวิธีสร้างหน้าชำระเงินที่ออกแบบมาอย่างดีซึ่งจะนำไปสู่การแปลงที่ประสบความสำเร็จ:
- เสนอตัวเลือกการชำระเงินที่หลากหลาย ผู้ซื้อที่แตกต่างกันมีความชอบที่แตกต่างกันในการชำระเงิน ตอบสนองตัวเลือกการชำระเงินให้มากที่สุดเท่าที่จะเป็นไปได้ (ขึ้นอยู่กับกลุ่มเป้าหมาย) เพื่อขยายฐานลูกค้าและเพื่อให้ผู้ซื้อดำเนินการสั่งซื้อได้ง่าย
- ง่าย ๆ เข้าไว้. ลดจำนวนช่องและขั้นตอนในการซื้อให้เสร็จสมบูรณ์ การใช้ที่อยู่ในการจัดส่งเป็นที่อยู่สำหรับการเรียกเก็บเงินโดยค่าเริ่มต้นเป็นวิธีที่ดีในการลดจำนวนช่องให้น้อยที่สุดโดยหลักการออกแบบการชำระเงินแบบหน้าเดียวซึ่งผู้ซื้อสามารถดูรถเข็นของตนและป้อนข้อมูลการจัดส่งและการชำระเงินได้
Crumpler มีการชำระเงินแบบหน้าเดียวพร้อมตัวเลือกในการซื้อสินค้าในฐานะแขก
- ลงทะเบียนหรือไม่ก็ได้ บังคับให้ผู้ซื้อสร้างบัญชีก่อนที่จะซื้อครั้งแรก ขับไล่ผู้ซื้อออกไป . ให้ทางเลือกแก่พวกเขาในการลงทะเบียนหลังจากการซื้อเสร็จสมบูรณ์และเน้นประโยชน์ของการลงทะเบียนเมื่อขอให้พวกเขาลงทะเบียน สิทธิประโยชน์รวมถึงการชำระเงินที่เร็วขึ้นด้วยข้อมูลส่วนบุคคลเช่นที่อยู่จัดส่งที่บันทึกไว้หรือข้อมูลการชำระเงินและการเข้าถึงข้อเสนอพิเศษที่มีให้เฉพาะสมาชิกที่ลงทะเบียนเท่านั้น
- ใช้ตัวบ่งชี้ข้อผิดพลาดที่ชัดเจน ไม่มีอะไรน่าหงุดหงิดไปกว่าการไม่สามารถซื้อสินค้าหรือหาสาเหตุได้ แทนที่จะแสดงข้อผิดพลาดหลังจากส่งแบบฟอร์มให้แจ้งข้อผิดพลาดในแบบเรียลไทม์ วางข้อความแสดงข้อผิดพลาดที่ชัดเจนและกระชับไว้ด้านบนโดยตรงหรือติดกับรายการที่ต้องการการแก้ไขเพื่อให้ผู้ซื้อสังเกตเห็นและเข้าใจ
เพลงกล่อมเด็ก แสดงให้เห็นว่ากระบวนการสามขั้นตอนคือการดำเนินการซื้อให้เสร็จสมบูรณ์
- ให้คนติดตาม เมื่อใช้การชำระเงินแบบหลายหน้าให้ใส่แถบความคืบหน้าซึ่งจะแสดงจำนวนขั้นตอนที่เหลือในการสั่งซื้อ วิธีนี้จะขจัดความคลุมเครือและทำให้มั่นใจได้ว่าผู้ซื้อมาถูกทางแล้ว เมื่อการซื้อเสร็จสมบูรณ์แสดงการยืนยันคำสั่งซื้อและสถานะการสั่งซื้อพร้อมการติดตามการจัดส่ง
- ให้การสนับสนุน ใส่แชทสดหรือหมายเลขติดต่อตลอดขั้นตอนการชำระเงินดังนั้นเมื่อผู้ซื้อมีคำถามพวกเขาสามารถรับคำตอบได้อย่างรวดเร็วแทนที่จะต้องออกจากไซต์และไปที่อื่น
สรุป
ผู้ซื้อออนไลน์คาดหวังประสบการณ์ที่ไม่สะดุดไม่ว่าจะเกิดอะไรขึ้น เมื่อออกแบบไซต์อีคอมเมิร์ซไม่ใช่แค่การสร้างเว็บไซต์ แต่เป็นการสร้างประสบการณ์การช็อปปิ้งออนไลน์ที่จะเปลี่ยนผู้ซื้อที่ไม่พอใจให้เป็นลูกค้าที่จ่ายเงิน
หวังว่านี่ ออกแบบเว็บไซต์อีคอมเมิร์ซ คำแนะนำจะช่วยคุณในการตัดสินใจในการออกแบบที่จำเป็นเพื่อสร้าง UX อีคอมเมิร์ซที่ยอดเยี่ยมซึ่งมีความเป็นมืออาชีพน่าสนใจใช้งานง่ายและทำให้ผู้ซื้อกลับมาใช้บริการครั้งแล้วครั้งเล่า การเติบโตอย่างรวดเร็วบวกกับส่วนแบ่งการตลาดที่ค่อนข้างต่ำหมายความว่ายังมีโอกาสอีกมากสำหรับผู้เล่นรายใหม่ที่จะแซงหน้าผู้นำในอุตสาหกรรมแบบดั้งเดิม
•••
อ่านเพิ่มเติมในบล็อกการออกแบบ ApeeScape:
ทำความเข้าใจพื้นฐาน
อีคอมเมิร์ซช้อปปิ้งออนไลน์คืออะไร?
อีคอมเมิร์ซหรือที่เรียกว่าการซื้อของออนไลน์เป็นรูปแบบหนึ่งของการค้าอิเล็กทรอนิกส์ที่อนุญาตให้ผู้บริโภคซื้อสินค้าหรือบริการโดยตรงจากผู้ขายทางอินเทอร์เน็ตโดยใช้เว็บเบราว์เซอร์
'คำกระตุ้นการตัดสินใจ' บนเว็บไซต์คืออะไร?
'คำกระตุ้นการตัดสินใจ' หมายถึงบางสิ่งบนเว็บไซต์หรือในแอปที่ชักจูงให้ลูกค้าดำเนินการ (โดยปกติจะเป็นประโยชน์ต่อธุรกิจ) เช่นการสมัครรับจดหมายข่าวการรับข้อมูลเพิ่มเติมดาวน์โหลดเอกสารการขายหรือเพื่อดำเนินการ การซื้ออีคอมเมิร์ซ ฯลฯ
อีคอมเมิร์ซคืออะไรและข้อดีของมันคืออะไร?
อีคอมเมิร์ซ (aka online shopping) คือการขายและซื้อบริการและสินค้าทางอินเทอร์เน็ต สะดวกพร้อมให้บริการทุกวันตลอด 24 ชั่วโมงทุกวันค้นหาได้ทั่วโลก (เข้าถึงลูกค้าได้กว้าง) ประหยัดต้นทุนสำหรับผู้ขายและลูกค้าและไม่ต้องการพื้นที่ทางกายภาพ (ถ้ามี) มากนัก
โครงสร้างการนำทางของเว็บไซต์คืออะไร?
โครงสร้างการนำทางของเว็บไซต์หมายถึงวิธีการตั้งค่าเว็บไซต์กล่าวคือวิธีที่หน้าย่อยแต่ละหน้าเชื่อมโยงกัน เมื่อเว็บไซต์มีหน้าย่อยจำนวนมากต้องเชื่อมโยงกับหน้าแรกเพื่อให้ผู้เยี่ยมชมสามารถใช้การนำทางของไซต์เพื่อเรียกดูเนื้อหาของเว็บไซต์ได้
อัตรา Conversion ที่ดีสำหรับไซต์อีคอมเมิร์ซคืออะไร?
อัตรา Conversion ของลูกค้าแตกต่างกันไปในแต่ละอุตสาหกรรม สิ่งที่ดีสำหรับสิ่งหนึ่งอาจไม่ใช่สำหรับคนอื่น อย่างไรก็ตามอัตรา Conversion เฉลี่ยของผู้ซื้อทั่วโลก ณ ไตรมาสที่ 4 ปี 2559 อยู่ที่ 2.95%