Heat Mapping: เครื่องมือ UX ที่มีค่าที่สุดในอีคอมเมิร์ซ

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

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

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

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

จงเป็นหนทางแห่งการต่อต้านน้อยที่สุด

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

แผนที่ความร้อนคืออะไร?

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

คุณสามารถติดตามได้ว่าลูกค้าใช้ไซต์ของคุณอย่างไร ไม่สามารถพูดเกินจริงได้ว่าข้อมูลเชิงลึกนี้มีค่าเพียงใด

การติดตามเซสชันคืออะไร?

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

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

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

เราได้เขียนบล็อกเกี่ยวกับความสำคัญของการเพิ่มยอดขายแล้ว ลองพิจารณาดู

ประสบการณ์ของผู้ใช้มีความสำคัญแค่ไหน?

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

คุณต้องมีความเข้าใจอย่างครอบคลุมถึงสิ่งที่ลูกค้าของคุณต้องการและวิธีที่พวกเขาเรียกดูไซต์อีคอมเมิร์ซ

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

คุณจะไม่เปลี่ยนทันทีเพื่อให้พวกเขาเรียกดูและซื้อใช่หรือไม่

วิธีปรับปรุง UX

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

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

เพิ่มความเร็วเพจของคุณ

ลูกค้าคุ้นเคยกับการโหลดหน้าเว็บทันที หากเว็บไซต์ไม่โหลดเร็ว พวกเขาสามารถหาร้านอื่นที่สามารถรับสิ่งเดียวกันได้อย่างง่ายดาย

ความเร็วในการโหลดมีความสำคัญต่อการปรับปรุงอัตราการแปลงของคุณ ตาม Conversion Voodoo ทุก ๆ วินาทีพิเศษที่ใช้ในการโหลดหน้าเว็บของคุณ คุณจะสูญเสีย 7% ของ Conversion, 11% ของการเข้าชมหน้าเว็บของคุณและ 16% ในความพึงพอใจของลูกค้า

ตามข้อมูลของ Radware ซึ่งทดสอบเว็บไซต์อีคอมเมิร์ซมากกว่า 2,000 แห่ง ความเร็วเพจเฉลี่ยสำหรับร้านค้าออนไลน์คือห้าวินาที หากหน้าเว็บของคุณช้ากว่านี้ มีบางสิ่งที่คุณสามารถทำได้เพื่อเพิ่มความเร็ว

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

นี่คือรายงาน PageSpeed ​​สำหรับ Amazon จาก Pingdom

รายงาน PageSpeed ​​ของ Amazon

สังเกตว่าความเร็วในการโหลดของ Amazon อยู่ที่ 654 มิลลิวินาที ซึ่งน้อยกว่าหนึ่งวินาทีมาก หน้าของพวกเขาโหลดเกือบจะในทันที Amazon รายงานว่า เมื่อเพิ่มเวลาในการโหลดขึ้นหนึ่งในสิบของวินาที ก็พบว่า Conversion เพิ่มขึ้น 1%

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

ตอบสนองมือถือ

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

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

หลีกเลี่ยง UX Rabbit Holes

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

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

สินค้าที่เกี่ยวข้อง tab

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

เก็บข้อมูลด้วย UX . ที่ดี

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

แต่คุณสามารถเก็บข้อมูลเล็กๆ น้อยๆ ได้

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

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

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

ประสบการณ์ผู้ใช้และการเก็บข้อมูล

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

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

UX .ที่ดีที่สุด

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

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

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