คุณเคยสงสัยหรือไม่ว่าทำไมร้านขายของชำจึงวางนมไว้ที่ด้านหลังร้านและช็อกโกแลตใกล้กับเคาน์เตอร์ชำระเงิน
เรียบง่าย: การวางสิ่งของจำเป็นไว้ที่ด้านหลังร้านช่วยให้ผู้ซื้อเดินไปรอบๆ และเลือกชมสินค้าอื่นๆ การวางสิ่งของเล็กๆ น้อยๆ (เช่น ช็อคโกแลต) ใกล้เคาน์เตอร์ชำระเงินจะกระตุ้นให้เกิดการซื้อ
ทั้งหมดนี้เป็นส่วนหนึ่งของศาสตร์แห่งการออกแบบร้านค้า ที่ รูปแบบร้านค้าที่ถูกต้อง สามารถเพิ่มยอดขาย เพิ่มความภักดี และช่วยให้ลูกค้าค้นหาสิ่งที่ต้องการได้เร็วขึ้น
ร้านค้าออนไลน์ของคุณก็ไม่แตกต่างกัน การจัดระเบียบและเค้าโครงของผลิตภัณฑ์ของคุณมีผลกระทบอย่างมากต่อสิ่งที่ลูกค้าซื้อจากคุณ (และอย่างไร)
ในบทความนี้ เราจะแสดงวิธีจัดวางผลิตภัณฑ์ของคุณเพื่อเพิ่มยอดขายและ Conversion สูงสุด
3 สิ่งที่ควรพิจารณาเมื่อเลือกเค้าโครงผลิตภัณฑ์
เค้าโครงของผลิตภัณฑ์อาจดูเหมือนเป็นปัญหาตรงไปตรงมาเมื่อคุณเข้าใกล้ครั้งแรก อย่างไรก็ตาม เช่นเดียวกับสิ่งส่วนใหญ่ใน
1. ทางเลือก
ตัวเลือกคือก
การจัดวางผลิตภัณฑ์ที่มีประสิทธิภาพถือเป็นกระบวนการสร้างสมดุลระหว่างความเป็นคู่นี้ นั่นคือ: ให้ความรู้สึกว่ามีทางเลือกมากมาย ในขณะที่ยังคงทำให้เว็บไซต์ใช้งานและนำทางได้ง่าย
วิทยาศาสตร์กล่าวว่า การตัดสินใจนั้นเป็นเรื่องที่ต้องเสียภาษีทางจิตใจ เมื่อคุณเผชิญหน้ากับผู้ซื้อด้วยตัวเลือกมากเกินไป พวกเขามีแนวโน้มที่จะไม่ตัดสินใจเลย
แล้วคุณจะเอาชนะปัญหานี้ในรูปแบบร้านค้าของคุณได้อย่างไร?
วิธีแก้ปัญหาหนึ่งคือการใช้รูปภาพเด่นที่นำไปสู่ผลิตภัณฑ์เพิ่มเติม เช่น สังเกตวิธีการ เมด.คอม ใช้รูปภาพแยกสำหรับหมวดหมู่ผลิตภัณฑ์ทั้งหมด (เช่น "เฟอร์นิเจอร์ในสวน"):
คิดว่านี่เป็นทีเซอร์เพื่อดึงดูดผู้ซื้อ
เป็นการดีที่คุณจะต้องการที่จะเก็บของคุณ
ดังนั้น ก่อนที่คุณจะเริ่มกระบวนการจัดวางให้แสดงรายการต่อไปนี้:
- กลุ่มผลิตภัณฑ์ทั้งหมดของคุณ รวมถึงหมวดหมู่และหมวดหมู่ย่อยที่เกี่ยวข้อง
- หมวดหมู่ที่มีประโยชน์ เช่น “สินค้าขายดี” “สินค้าเด่น” ฯลฯ และผลิตภัณฑ์ในนั้น
ขั้นตอนต่อไปคือการใช้ข้อมูลนี้เพื่อสร้าง
การทำเช่นนี้จะช่วยให้ผู้ซื้อพบสิ่งที่ต้องการโดยไม่ต้องมีตัวเลือกมากเกินไป
หากร้านค้า Ecwid ของคุณถูกเพิ่มไปยังเว็บไซต์ คุณสามารถเพิ่มเมนูนำทางได้โดยการเพิ่มโค้ด:
- สำหรับการจัดวางแนวนอน
- สำหรับการจัดวางแนวตั้ง
ต่อไปนี้เป็นคำแนะนำสำหรับร้านค้า Ecwid ที่เพิ่มไว้ WordPress และ Wix เว็บไซต์ด้วย บน Ecwid Instant Site เมนูแนวนอนใช้ได้เฉพาะเท่านั้น
2. ข้อมูลผลิตภัณฑ์
ต่อไปนี้เป็นการดำเนินการที่สมดุลอีกประการหนึ่งที่คุณควรทำเมื่อเลือกเค้าโครงร้านค้า: การแสดงข้อมูลผลิตภัณฑ์
คุณต้องการให้ข้อมูลที่จำเป็นแก่ลูกค้าในการคลิกผ่านและทำการซื้อ ในขณะเดียวกัน คุณคงไม่อยากให้รายละเอียดมากเกินไป อย่างน้อยก็อย่าให้มากเกินไปก่อนที่จะปรากฏบนหน้าผลิตภัณฑ์จริง
โมเดลทางจิตของคุณในสถานการณ์นี้ควรจะทำให้การตัดสินใจง่ายขึ้นและดึงดูดความสนใจของลูกค้า ถามตัวเองว่า: อะไร ข้อมูลขั้นต่ำ ลูกค้าของฉันต้องคลิกผ่านผลิตภัณฑ์หรือไม่?
คุณจะพบว่าคำตอบนี้แตกต่างกันไปในแต่ละร้านค้าและผลิตภัณฑ์
ตัวอย่างเช่น สังเกตว่า Amazon ให้ข้อมูลเพียงสี่จุดแก่คุณในหน้าหมวดหมู่ ได้แก่ ชื่อผลิตภัณฑ์ ราคา (รวมส่วนลด) การให้คะแนน และความพร้อมจำหน่ายของ Prime:
ใน Ecwid คุณสามารถเพิ่มการให้คะแนนและบทวิจารณ์ที่คล้ายกันได้โดยใช้แอป Stampled.io
แม้ว่าข้อมูลนี้จำเป็นสำหรับผู้ค้าปลีกรายใหญ่เช่น Amazon แต่สำหรับธุรกิจขนาดเล็กเช่น เครื่องประดับทรายและหินเรตติ้งไม่สำคัญเท่าไหร่ ดังนั้นหน้าหมวดหมู่จะแสดงเฉพาะชื่อผลิตภัณฑ์และราคาเท่านั้น
เป็นเรื่องง่ายที่จะตกหลุมพรางของการให้ข้อมูลในหน้าหมวดหมู่น้อยเกินไป วิธีที่ดีที่สุดในการหลีกเลี่ยงปัญหานี้คือการสัมภาษณ์ลูกค้าของคุณและถามพวกเขาว่าพวกเขาใช้ข้อมูลอะไรในการตัดสินใจซื้อ
3. การออกแบบร้านค้า
วิธีการออกแบบร้านค้าของคุณจะมีผลกระทบอย่างมากต่อการจัดวางผลิตภัณฑ์ของคุณ
An
- หน้าหลัก
- หมวดหมู่และหน้าการค้นหา
- หน้าผลิตภัณฑ์ส่วนบุคคล
ผลิตภัณฑ์ใดที่คุณเลือกแสดงในแต่ละผลิตภัณฑ์
ตัวอย่างเช่น สังเกตว่า Amazon โปรโมตผลิตภัณฑ์ของตนเองบนหน้าแรกอย่างไร หากคุณไม่ได้ลงชื่อเข้าใช้:
เป็นเรื่องปกติที่ร้านค้าจะโปรโมตข้อเสนอล่าสุดบนหน้าแรก ตรวจสอบให้แน่ใจว่าได้จัดข้อเสนอเหล่านี้ให้สอดคล้องกับกลุ่มเป้าหมายของคุณ ตัวอย่างเช่น BestMadeCo จัดโปรโมชันวันพ่อโดยคำนึงถึงลูกค้าชายส่วนใหญ่
มุ่งเน้นไปที่:
- พิจารณาว่าผลิตภัณฑ์ใดที่คุณต้องการให้ลูกค้าซื้อ (ตามหลักการแล้ว สินค้าที่ขายดีที่สุด และ/หรือผลิตภัณฑ์ที่มีกำไรสูงสุด)
- รักษาความสม่ำเสมอของการออกแบบในส่วนต่างๆ
ประเภทหน้า
ไม่ว่าคุณจะตัดสินใจเน้นสินค้าขายดีหรือสินค้ามาใหม่ Ecwid ก็ช่วยให้คุณสร้างหมวดหมู่ได้ สินค้าแนะนำในหน้าแรก และตั้งชื่อตามความต้องการของคุณ
6 แนวทางปฏิบัติที่ดีที่สุดสำหรับ E-Commerce เค้าโครงผลิตภัณฑ์
แม้ว่าคุณจะสามารถสร้างโครงร่างที่เป็นเอกลักษณ์สำหรับคุณได้อย่างแน่นอน
1. ผลักดันผลิตภัณฑ์และข้อเสนอยอดนิยมให้อยู่ครึ่งหน้าบน
พื้นที่ "ครึ่งหน้าบน" คือพื้นที่บนหน้าจอที่มองเห็นได้เมื่อลูกค้ามาที่ไซต์ของคุณเป็นครั้งแรก ในความเป็นจริงพื้นที่นี้มีส่วนช่วย 80% ของความสนใจของผู้ชมทั้งหมดในเว็บไซต์ส่วนใหญ่.
เมื่อพิจารณาถึงความสนใจในพื้นที่นี้แล้ว จึงเป็นความคิดที่ดีที่จะวางผลิตภัณฑ์ยอดนิยมของคุณไว้ครึ่งหน้าบน ซึ่งอาจรวมถึง:
- ข้อเสนอที่ลดราคาและส่วนลดล่าสุด
- สินค้าขายดีหรือหมวดหมู่สินค้า
- ผลิตภัณฑ์ที่เพิ่งเปิดตัว (ทำงานได้ดีที่สุดในช่วงเริ่มต้นฤดูกาลช้อปปิ้ง)
On Target.comตัวอย่างเช่น คุณจะเห็นข้อเสนอล่าสุดที่ด้านบนของหน้า:
หากคุณมีข้อเสนอมากมาย ลองเพิ่มแถบเลื่อนตามตัวอย่างจาก Walmart โปรดสังเกตโปรโมชั่นที่อยู่ด้านล่างเมนูนำทางด้วย:
ผู้ค้าปลีกแฟชั่นบางรายหลีกเลี่ยงรูปแบบเดิมๆ เพื่อส่งเสริมภาพลักษณ์ของแบรนด์ บน ASOSตัวอย่างเช่น คุณได้รับภาพลักษณ์ของแบรนด์พร้อมตัวเลือก "เลือกซื้อผู้ชาย" หรือ "เลือกซื้อผู้หญิง"
กลยุทธ์นี้ใช้ได้ผลเมื่อคุณพยายามส่งเสริมวิสัยทัศน์ของแบรนด์ด้วย Lookbook อย่างไรก็ตาม ผู้ค้าปลีกส่วนใหญ่จะทำได้ดีกว่ากับแบบเดิมๆ
ปฏิบัติตามแนวคิดเดียวกันในหน้าหมวดหมู่: ผลักดันของคุณ
2. ผสมเค้าโครงแนวนอนและแนวตั้ง
โดยพื้นฐานแล้วคุณสามารถจัดวางผลิตภัณฑ์ของคุณในหน้าใดก็ได้สองวิธี: แนวนอนหรือแนวตั้ง
เค้าโครงแนวนอนยังคงไม่เปลี่ยนแปลง มีปุ่มที่ขอบของหน้าเพื่อเลื่อนดูรายการเพิ่มเติม
ตัวอย่างจาก Amazon นี้แสดงให้เห็นสิ่งต่าง ๆ ที่ดีกว่า:
ในเอควิด สินค้าที่เพิ่งเข้าชม จะแสดงเป็นแนวนอนด้วย คุณสามารถเลือกจำนวนรายการที่จะแสดงด้านบนหรือด้านล่างของหน้าร้านได้
รายการสินค้า ที่เกี่ยวข้อง เป็นอีกหนึ่ง
ในทางตรงกันข้าม เค้าโครงแนวตั้งไม่มีปุ่มเลื่อนเหล่านี้ แต่คุณจะเห็นผลิตภัณฑ์มากขึ้นเรื่อยๆ ใน
ตามหลักการแล้ว คุณควรใช้ทั้งสองรูปแบบผสมกัน:
- เค้าโครงแนวนอนเมื่อคุณต้องการแสดงสินค้าสองสามรายการจากหลายประเภท เช่น ในสินค้าที่ดูล่าสุด
- เค้าโครงแนวตั้งเมื่อคุณต้องการแสดงผลิตภัณฑ์จำนวนมากจากหมวดหมู่เดียวกัน เช่น หน้าการค้นหาและหมวดหมู่เดียว
3. ปฏิบัติตามแบบแผนและความคาดหวังของผู้ใช้
มีสถานการณ์ต่างๆ มากมายที่คุณจะต้องการสร้างความแปลกใหม่ให้กับการออกแบบของคุณ เค้าโครงของผลิตภัณฑ์ไม่ใช่หนึ่งในนั้น
เลย์เอาต์ผลิตภัณฑ์ของคุณมีไว้เพื่อปรับทิศทางผู้ใช้เมื่อพวกเขามาถึงไซต์ของคุณ เลย์เอาต์แบบเดิมๆ ช่วยให้มั่นใจว่าพวกเขาจะพบสิ่งที่ต้องการและไม่สับสน
แน่นอนว่าอนุสัญญาจะแตกต่างกันไปในแต่ละภาคส่วน อย่างไรก็ตาม มีบางสิ่งที่คุณต้องพิจารณา:
ใช้เค้าโครงตาราง
ในรูปแบบตาราง สินค้าจะถูกจัดเรียงไว้
เลย์เอาต์นี้เป็นแบบแผนมานานแล้ว
เมื่อใช้เลย์เอาต์นี้ ตรวจสอบให้แน่ใจว่ากล่องมีขนาดเท่ากัน ดังกรณีศึกษานี้แสดงให้เห็นการใช้กล่องที่มีขนาดเท่ากันจะช่วยเพิ่มรายได้ต่อผู้เข้าชมได้มากถึง 17%
หากคุณขายกับ Ecwid นั่นก็ไม่ใช่ปัญหาสำหรับคุณ — Ecwid มีตารางขนาดเท่ากันที่จะปรับให้เข้ากับหน้าจอต่างๆ โดยอัตโนมัติ
แสดงการนำทางที่ด้านบนของรายการผลิตภัณฑ์
แบบแผนอีกประการหนึ่งที่คุณควรปฏิบัติตามคือการวางตัวเลือกการเรียงลำดับไว้ที่ด้านบนของหน้า
ลูกค้าคาดหวังตำแหน่งนี้และจะดูที่นี่อย่างเป็นธรรมชาติเมื่อพวกเขามาถึงหน้าหมวดหมู่
ปฐมนิเทศลูกค้าด้วย breadcrumbs
Breadcrumbs เป็นองค์ประกอบการนำทางที่แสดงเส้นทางจากหน้าแรกให้ผู้ใช้เห็น เช่นนี้
การเพิ่มไว้ที่ด้านบนสุดของหน้าจะช่วยกำหนดทิศทางผู้เยี่ยมชม โดยจะบอกพวกเขาว่าพวกเขาอยู่ในหน้าหรือหมวดหมู่ใด และพวกเขาสามารถกลับไปที่หน้าแรกได้อย่างไร
4. เน้นที่ภาพ แต่อย่าลืมข้อความบนหน้าผลิตภัณฑ์
ทางออนไลน์ วิธีเดียวที่จะแสดงผลิตภัณฑ์ของคุณคือผ่านภาพ นี่คือเหตุผลว่าทำไมรูปภาพผลิตภัณฑ์ขนาดใหญ่จึงเป็นที่รู้จักในการเพิ่มประสิทธิภาพ
อย่างไรก็ตาม แม้ว่าภาพจะมีความสำคัญ แต่เลย์เอาต์ของคุณควรมีพื้นที่สำหรับใส่ข้อความอธิบายด้วย ข้อความที่ดีไม่เพียงแต่อธิบายผลิตภัณฑ์เท่านั้น แต่ยังช่วยขายและแบรนด์ของคุณด้วย
ตัวอย่างเช่น พิจารณาว่า BestMadeCo ใช้ข้อความที่ชัดเจนในหน้าแรกเพื่อขายผลิตภัณฑ์ที่เพิ่งเปิดตัวได้อย่างไร เค้าโครงช่วยให้ข้อความเล่นกับรูปภาพได้อย่างสมบูรณ์แบบ
สำเนาสินค้า มีความสำคัญอย่างยิ่งในหน้าผลิตภัณฑ์ เลย์เอาต์ของคุณควรให้ข้อมูลสำคัญทั้งหมดแก่ลูกค้าที่พวกเขาต้องการในการตัดสินใจครึ่งหน้าบน ซึ่งควรรวมถึง:
- ราคา (รวมส่วนลดแสดงด้วยสายตา)
- คะแนนผลิตภัณฑ์และจำนวนบทวิจารณ์
- ชื่อผลิตภัณฑ์และแบรนด์
- มีสินค้าในสต็อกหรือไม่ (และสินค้าใกล้หมดหรือไม่)
- รายละเอียดการจัดส่ง
2-3 รายละเอียดสินค้าที่สำคัญ
นี่คือตัวอย่างการไม่จัดวางผลิตภัณฑ์ หน้าผลิตภัณฑ์ไม่มีการคัดลอกเลย — เป็นการยากที่จะตัดสินใจ
เช่นเดียวกับหลายๆ อย่าง เลย์เอาต์ของ Amazon ก็สมบูรณ์แบบที่นี่ ทำให้ลูกค้ามีทุกสิ่งที่จำเป็นในการตัดสินใจ
5. เพิ่มคำแนะนำผลิตภัณฑ์และผลิตภัณฑ์ที่เกี่ยวข้อง
ในหน้าผลิตภัณฑ์ คุณมีสองเป้าหมาย:
- พาลูกค้าไปที่หน้าชำระเงินหรือ
- พาลูกค้าไปดูสินค้าอื่น
สำหรับอย่างหลังคุณควรมี ส่วนผลิตภัณฑ์แนะนำหรือที่เกี่ยวข้อง- คุณสามารถวางไว้หลังข้อมูลผลิตภัณฑ์หรือก่อนหน้าก็ได้
Amazon ทำได้ดีเป็นพิเศษ สังเกตผลิตภัณฑ์ที่เกี่ยวข้องและรายการ “ที่ดูแล้ว” ด้านล่างครึ่งหน้า:
หากคุณมีสินค้าหลายรายการในคอลเลกชันเดียวกัน อย่าลืมแสดงสินค้าเหล่านั้นด้วย นี่เป็นตัวอย่างที่ดีจาก WorldMarket:
รายการผลิตภัณฑ์ที่เกี่ยวข้องไม่จำเป็นต้องเป็นภาพเสมอไป คุณยังสามารถแสดงการค้นหาที่เกี่ยวข้องเพื่อนำลูกค้าไปยังสินค้าที่พวกเขาอาจสนใจได้
ทดลองใช้เค้าโครงที่แตกต่างกันสำหรับผลิตภัณฑ์ที่เกี่ยวข้อง/แนะนำ ลองวางไว้เหนือส่วนท้าย ใต้คำอธิบายผลิตภัณฑ์ ฯลฯ
6. ทดลองใช้รายละเอียดการวางเมาส์บนหน้าหมวดหมู่
วิธีหนึ่งในการปรับปรุง
ตัวอย่างเช่น เว็บไซต์นี้ แสดงรายละเอียดสินค้าและปุ่มหยิบลงตะกร้าเมื่อเลื่อนเมาส์:
วัตถุประสงค์ของกลยุทธ์นี้คือการให้ข้อมูลสำคัญแก่ผู้ใช้โดยสรุป โดยจะทำงานได้ดีที่สุดเมื่อคุณคาดหวังให้ผู้ใช้เรียกดูผลิตภัณฑ์จำนวนมากอย่างรวดเร็ว เช่น ในร้านขายเสื้อผ้า อาจใช้ไม่ได้กับหมวดหมู่อื่นๆ แต่คุณยังสามารถทำการทดสอบแยกย่อยและดูผลลัพธ์ได้
ใน Ecwid คุณสามารถเปิดใช้งานปุ่ม “ซื้อเลย” ในรายการผลิตภัณฑ์เพื่อช่วยให้ลูกค้าของคุณเรียกดู (และซื้อ) ผลิตภัณฑ์ของคุณได้อย่างรวดเร็ว
เมื่อลูกค้าคลิกปุ่มดังกล่าว ร้านค้าของคุณจะไม่เปิดหน้าสินค้าทั้งหมด ลูกค้าของคุณจะเห็นป๊อปอัปพร้อมตัวเลือกผลิตภัณฑ์แทน:
หากสินค้าของคุณไม่มีตัวเลือก สินค้าจะถูกส่งไปยังตะกร้าสินค้าโดยตรง
สรุป
เมื่อพูดถึงเลย์เอาต์ของผลิตภัณฑ์ วิธีที่ดีที่สุดคือยึดแบบแผนและปฏิบัติตามสิ่งที่ผู้นำตลาดกำลังทำอยู่แล้ว จัดทำแค็ตตาล็อกผลิตภัณฑ์ของคุณโดยละเอียด จัดหมวดหมู่อย่างละเอียด จากนั้นจัดระเบียบเป็นเค้าโครงตารางมาตรฐาน
แนวทางปฏิบัติที่ดีที่สุดที่แบ่งปันข้างต้นจะใช้ได้กับร้านค้าส่วนใหญ่ทั่วทั้งภาคส่วน ลองได้ที่ร้านค้าของคุณเอง!
- วิธีแก้ไขการนำทางของร้านค้าของคุณ
- ทุกสิ่งที่คุณต้องรู้เกี่ยวกับการจำหน่ายผลิตภัณฑ์
- การขายสินค้าออนไลน์: วิธีจัดวางสินค้าในร้านค้าออนไลน์
- การขายสินค้าแฟชั่นคืออะไร และเหตุใดจึงสำคัญ?
- 10 ข้อผิดพลาดในการออกแบบร้านค้าออนไลน์
- 15 การจับคู่แบบอักษรที่สมบูรณ์แบบสำหรับเว็บไซต์อีคอมเมิร์ซของคุณ
- ทฤษฎีสี: ทุกสิ่งที่คุณต้องรู้เกี่ยวกับธีมสี
- 7 ไอเดียสร้างสรรค์สำหรับหน้าผลิตภัณฑ์อีคอมเมิร์ซของคุณ
- พลังของภาพฮีโร่ในการออกแบบเว็บไซต์
ต้องมี หลักการ UX ที่ต้องปฏิบัติตามในร้านค้าออนไลน์- การตรวจสอบการออกแบบเว็บไซต์
- ปลดล็อกพลังของการออกแบบ UX สำหรับอีคอมเมิร์ซ
- ความแตกต่างระหว่าง UI และ UX ในอีคอมเมิร์ซคืออะไร