วิธีแก้ไขปัญหาอินเทอร์เฟซผู้ใช้ทั่วไปและปรับปรุงการแปลง

เผยแพร่แล้ว: 2018-07-07

ปรับปรุงอัตราการแปลง

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

น่าเสียดาย เป็นเรื่องง่ายที่จะมองข้ามองค์ประกอบที่สำคัญหรือทำผิดพลาดในด้านการออกแบบ เนื่องจากการจัดลำดับความสำคัญของบางสิ่งที่มองข้ามวิธีการทำงานของมัน

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

1. วางแผนการนำทางหมวดหมู่และติดกับมัน

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

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

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

2. ลดความซับซ้อนของกระบวนการชำระเงิน

ในปี 2018 โดยเฉลี่ย 75% ของตะกร้าสินค้าทั้งหมดถูก ละทิ้ง ผู้ใช้ละทิ้งรถเข็นด้วยเหตุผลหลายประการ บางครั้งเพียงเพื่อดูว่าพวกเขาจะได้รับรหัสคูปองหรือไม่ แต่ส่วนใหญ่เกิดจากข้อผิดพลาดของอินเทอร์เฟซผู้ใช้ เช่น การเพิ่มช่องที่จำเป็นโดยไม่จำเป็น ช่องที่ผิดปกติในการชำระเงิน หรือข้อความแสดงข้อผิดพลาดที่ไม่เป็นประโยชน์ การศึกษาในปี 2012 ที่ดำเนินการโดย Baymard Institute พบว่า ผู้ใช้รายงานว่า 61 จาก 100 ไซต์อีคอมเมิร์ซชั้นนำขอข้อมูลที่ "ดูเหมือนไม่จำเป็น" พิจารณาให้ทางลัด เช่น ตัวเลือกป้อนอัตโนมัติสำหรับที่อยู่ หรืออนุญาตให้ลูกค้าชำระเงินในฐานะแขก

เนื่องจากปัญหาในกระบวนการชำระเงินอาจแตกต่างกันไปมาก จึงไม่มีทางแก้ไขได้ง่ายๆ ขั้นตอนแรกคือการคิดเหมือนลูกค้า (ดูว่าเกิดขึ้นได้อย่างไร) และดูว่ามีความยุ่งเหยิงที่ไม่จำเป็นในกระบวนการชำระเงินหรือไม่ เมื่อเลิกใช้สามัญสำนึกแล้ว ให้ดูว่าผู้มีโอกาสเป็นลูกค้าติดขัดตรงไหน ตั้งค่าช่องทางการชำระเงินใน Google Analytics และให้ความสนใจกับรายงาน Abandoned Carts ใน Magento

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

สุดท้าย หากคุณไม่ได้ใช้งานโปรแกรมการละทิ้งตะกร้าสินค้า ให้ทำเลย! https://carts.guru/en/ กลายเป็นหนึ่งในเครื่องมือที่เราชื่นชอบ แต่ก็มีเครื่องมือหลายอย่างที่เชี่ยวชาญในการละทิ้งตะกร้าสินค้า

3. ใช้รูปภาพที่ยอดเยี่ยม

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

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

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

4. เขียนคำอธิบายผลิตภัณฑ์ที่มีค่า

หน้าผลิตภัณฑ์อีคอมเมิร์ซจำนวนมากตกเป็นเหยื่อของข้อผิดพลาดประเภทเดียวกัน:

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

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

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

Target ทำหน้าที่นี้ได้อย่างยอดเยี่ยม ภาพหน้าจอด้านล่างแสดงบริษัทที่ใช้แฮชแท็ก #targetstyle เพื่อโฆษณาชุดว่ายน้ำที่ผู้หญิงสวมรูปถ่าย

Example of social proof

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

5. โอบรับการออกแบบที่ตอบสนองอย่างเต็มที่

การเข้าชมบนมือถือคิดเป็น 30% – 40% ของไซต์อีคอมเมิร์ซโดยเฉลี่ย และพุ่งสูงขึ้นอย่างมากในช่วงเทศกาลช้อปปิ้งวันหยุด เทมเพลตที่ตอบสนองได้ค่อนข้างจะเป็นมาตรฐานในทุกวันนี้ และ Magento ก็มีธีมที่ตอบสนองตามแนวทางปฏิบัติที่ดีที่สุดที่ยอดเยี่ยม แต่การมีไซต์ที่ตอบสนองได้นั้นไม่เพียงพอ

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

6. เพิ่มประสิทธิภาพการค้นหาไซต์

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

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

สร้างเว็บไซต์อีคอมเมิร์ซที่ดีขึ้น

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

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