การออกแบบช่องค้นหาที่สมบูรณ์แบบสำหรับอีคอมเมิร์ซของคุณ

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

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

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

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

สารบัญ

  • หมวดหมู่ การนำทาง
  • องค์ประกอบการออกแบบของช่องค้นหา
    • ตำแหน่ง
    • รูปแบบการค้นหาเว็บไซต์ของคุณ
    • ขนาด
  • การออกแบบช่องค้นหาในหน้าแรก

หมวดหมู่ การนำทาง

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

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

ตัวอย่างเช่น ภาคแฟชั่นและการตกแต่งบ้าน โดยเฉพาะอย่างยิ่ง ชอบที่จะเรียกดูตามหมวดหมู่ ทั้งในแง่ของการตั้งค่าเริ่มต้นของผู้ใช้และอัตราความสำเร็จที่ตามมา (อัตรา Conversion หลังการค้นหา)

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

องค์ประกอบการออกแบบของช่องค้นหา

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

ตำแหน่ง

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

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

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

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

รูปแบบการค้นหาเว็บไซต์ของคุณ

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

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

ขนาด

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

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

การออกแบบช่องค้นหาในหน้าแรก

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

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

ยิ่งไปกว่านั้น ยังเป็นความคิดที่ดีที่จะให้การค้นหาไซต์มีรูปลักษณ์เพิ่มเติมบนหน้าแรก โดยคุณจะต้องการกระตุ้นให้มีการเรียกดูในการค้นหาไซต์มากกว่าการเรียกดูตามหมวดหมู่

การออกแบบ Site Search ที่แตกต่างสำหรับหน้าแรกสามารถทำได้หลายวิธี: จาก เส้นขอบของช่องค้นหาที่ชัดเจนยิ่งขึ้น สีพื้นหลังที่ตัดกันมากขึ้น กล่องและขนาดตัวอักษรที่ใหญ่ขึ้น ปุ่ม "ค้นหา" ที่มีชีวิตชีวามากขึ้น... และบางทีอาจทำให้แป้นพิมพ์ของฟิลด์โฟกัสได้ โดยค่าเริ่มต้น. การปรับเปลี่ยนการออกแบบใดๆ ที่ทำให้ช่องค้นหามีความโดดเด่น โดยไม่ต้องเปลี่ยนตำแหน่งหรือรูปแบบภาพโดยพื้นฐานจะช่วยให้ช่องค้นหาโดดเด่น

ด้วยวิธีนี้ ช่องค้นหาจะยังคงสามารถจดจำได้ทั้งหมดโดยไม่ต้องละสายตาจากหน้าอื่นๆ แต่จะเพิ่มความคมชัดของภาพในหน้าแรก

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

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