ทดสอบตำแหน่งปุ่ม ‘เพิ่มเพื่อน’ บนหน้าเว็บ: วางตรงไหนกดเยอะสุด
สรุปสั้น ๆ
ทีมออกแบบเว็บมักถกกันเรื่องสี ฟอนต์ และคำบนปุ่ม แต่ตัวแปรที่ถูกมองข้ามบ่อยที่สุดคือ ‘ตำแหน่ง’ ปุ่มอยู่ตรงไหนของหน้าจอ ปุ่มคำเดียวกันเป๊ะ วางคนละที่ ให้ผลต่างกันได้มากจนน่าตกใจเมื่อทดสอบจริง
เว็บไซต์ของคลินิกความงามแห่งหนึ่งมีปุ่ม ‘แอดไลน์นัดคิว’ อยู่แค่ท้ายหน้าเว็บ ใต้รายละเอียดบริการทั้งหมด ทีมคิดว่าคนต้องอ่านข้อมูลให้ครบก่อนถึงจะพร้อมกดปุ่ม ผมเสนอให้ลองเพิ่มปุ่มเดียวกันไว้ด้านบนหน้าเว็บด้วย แบบลอยติดหน้าจอเวลาเลื่อน ผลที่ได้คือยอดกดปุ่มรวมเพิ่มขึ้นเกือบสองเท่า และคนที่กดปุ่มด้านบนจำนวนมากไม่ได้เลื่อนอ่านข้อมูลจนจบด้วยซ้ำ
ผลลัพธ์นี้สะท้อนความจริงข้อหนึ่งที่คนทำเว็บมักลืม คือคนไม่ได้อ่านหน้าเว็บเรียงลำดับจากบนลงล่างเสมอไป บางคนมาถึงหน้าเว็บด้วยความตั้งใจซื้อสูงอยู่แล้ว เขาแค่มองหาทางที่เร็วที่สุดในการติดต่อ ถ้าปุ่มอยู่ไกลเกินไป เขาอาจปิดหน้าเว็บไปเลยก่อนจะเจอ
บทความนี้จะพาดูวิธีทดสอบตำแหน่งปุ่มแอดไลน์อย่างเป็นระบบ และตัวอย่างผลที่ผมเจอมาจากการทดลองจริงหลายเคส
ตำแหน่งไหนบ้างที่ควรลองทดสอบ
- บนสุดของหน้า (Above the fold) — จุดแรกที่คนเห็นโดยไม่ต้องเลื่อน เหมาะกับคนที่พร้อมตัดสินใจตั้งแต่เข้ามา
- ปุ่มลอยติดหน้าจอ — ตามคนไปทุกจุดขณะเลื่อนอ่าน ทำให้ไม่ว่าจะหยุดอ่านตรงไหนก็มีทางกดได้ทันที
- ท้ายแต่ละหัวข้อสำคัญ — เช่น หลังส่วนราคา หรือหลังส่วนรีวิว ดักคนที่เพิ่งอ่านข้อมูลที่ทำให้เขามั่นใจพอจะตัดสินใจ
- ท้ายสุดของหน้า — สำหรับคนที่อ่านครบทุกอย่างก่อนตัดสินใจ ซึ่งเป็นตำแหน่งดั้งเดิมที่หลายเว็บใช้อยู่แล้ว
ตัวอย่างผลทดสอบจากเว็บจริง
ตัวเลขนี้เป็นตัวอย่างจากการทดลองหนึ่งเคสเพื่อให้เห็นวิธีอ่านผล ไม่ใช่ค่ามาตรฐานที่จะเกิดขึ้นเหมือนกันทุกเว็บ เพราะแต่ละธุรกิจมีพฤติกรรมผู้เข้าชมต่างกัน:
| ตำแหน่งปุ่ม | อัตราการกดต่อผู้เข้าชม (ตัวอย่าง) |
|---|---|
| ท้ายหน้าเว็บเท่านั้น | 2.1% |
| บนสุดของหน้าเพิ่มเข้ามา | 3.4% |
| ปุ่มลอยติดหน้าจอ | 4.8% |
แต่ไม่ใช่ว่าปุ่มลอยจะดีที่สุดเสมอไป
ผมอยากเตือนไว้ตรงนี้ว่าอย่ารีบสรุปว่าปุ่มลอยดีที่สุดแล้วเอาไปใช้กับทุกเว็บโดยไม่ทดสอบ เพราะเคยเจอกรณีที่ปุ่มลอยบังเนื้อหาสำคัญบนมือถือจอเล็ก จนทำให้ประสบการณ์อ่านแย่ลงและอัตรากดกลับลดลงแทน สิ่งที่ควรทำคือทดสอบกับกลุ่มเป้าหมายและสินค้าของตัวเองจริง เหมือนกับหลักการเดียวกับการทดสอบ Rich Menu สองแบบก่อนฟันธง ไม่ใช่เชื่อผลลัพธ์จากเคสอื่นทั้งดุ้น
หลักที่ปลอดภัยกว่าคือเริ่มจากมีปุ่มอย่างน้อยสองตำแหน่งเสมอ คือจุดที่คนเห็นทันทีโดยไม่ต้องเลื่อน กับจุดหลังข้อมูลสำคัญที่ทำให้คนมั่นใจ แล้วค่อยทดสอบเพิ่มจากตรงนั้นตามพฤติกรรมที่สังเกตได้จริง
ทดสอบเองยังไงถ้าไม่มีเครื่องมือ A/B Testing
- เริ่มจากเก็บข้อมูลตำแหน่งปุ่มปัจจุบันก่อนว่ามีอัตราการกดเท่าไหร่ต่อจำนวนคนเข้าเว็บ ใช้เป็นค่าฐานเทียบ
- เพิ่มปุ่มในตำแหน่งใหม่ทีละจุด อย่าเปลี่ยนหลายจุดพร้อมกันในทีเดียว เพื่อให้รู้ชัดว่าตำแหน่งไหนเป็นตัวสร้างผลต่าง
- เก็บข้อมูลอย่างน้อยหนึ่งถึงสองสัปดาห์ก่อนสรุปผล เพราะพฤติกรรมคนเข้าเว็บแต่ละวันไม่เท่ากัน และถ้าจะทดสอบคำบนปุ่มไปพร้อมกับตำแหน่ง ให้แยกทดสอบทีละตัวแปรเช่นเดียวกัน
- เมื่อได้ตำแหน่งที่ดีที่สุดแล้ว อย่าลืมตามต่อว่าคนที่กดปุ่มจากแต่ละตำแหน่งไปถึงแชทจริงและคุยต่อจนปิดการขายในสัดส่วนที่ต่างกันไหมด้วย ไม่ใช่ดูแค่จำนวนคลิก
สรุป
ตำแหน่งปุ่มเป็นตัวแปรที่ถูกมองข้ามบ่อย ทั้งที่ส่งผลต่ออัตราการกดได้มากพอ ๆ กับสีหรือคำที่ใช้บนปุ่มเลย การทดสอบตำแหน่งจึงคุ้มค่าเวลาที่ลงทุนไป
อย่าเชื่อผลทดสอบจากเว็บอื่นทั้งดุ้นแล้วเอามาใช้ทันที เพราะพฤติกรรมผู้เข้าชมแต่ละธุรกิจไม่เหมือนกัน ทางที่ดีที่สุดคือทดสอบกับข้อมูลจริงของตัวเอง แล้วปรับตามสิ่งที่เห็น
- ตำแหน่งปุ่มส่งผลต่ออัตราการกดได้มากกว่าที่หลายคนคิด
- มีปุ่มอย่างน้อยสองจุด ทั้งจุดที่เห็นทันทีและจุดหลังข้อมูลสำคัญ
- อย่าตัดสินจากยอดคลิกอย่างเดียว ให้ตามดูว่าคุยต่อจนปิดการขายได้ไหมด้วย
คำถามที่พบบ่อย
ปุ่มลอยติดหน้าจอเหมาะกับทุกเว็บไหม
ไม่เสมอไป บนมือถือจอเล็กปุ่มลอยอาจบังเนื้อหาสำคัญและทำให้ประสบการณ์อ่านแย่ลง ควรทดสอบดูก่อนว่าเหมาะกับเนื้อหาและกลุ่มเป้าหมายของเว็บตัวเองจริงไหม
ควรมีปุ่มแอดไลน์กี่จุดในหนึ่งหน้าเว็บ
ไม่มีตัวเลขตายตัว แต่หลักทั่วไปคือมีอย่างน้อยสองจุด คือจุดที่เห็นทันทีตอนเข้าเว็บ กับจุดหลังข้อมูลสำคัญที่ทำให้คนมั่นใจพอจะตัดสินใจ
ทำไมปุ่มตำแหน่งเดียวกันเป๊ะถึงให้ผลต่างกันในแต่ละธุรกิจ
เพราะพฤติกรรมผู้เข้าชมต่างกัน สินค้าที่ต้องใช้ข้อมูลประกอบการตัดสินใจมาก คนอาจอยากอ่านให้ครบก่อนกดปุ่ม ต่างจากสินค้าที่ตัดสินใจเร็ว ซึ่งปุ่มที่เห็นทันทีอาจได้ผลดีกว่า
ต้องใช้เครื่องมือแพงไหมถึงจะทดสอบตำแหน่งปุ่มได้
ไม่จำเป็น แค่มีวิธีนับจำนวนคลิกแยกตามตำแหน่งปุ่มและจดบันทึกอย่างสม่ำเสมอ ก็เริ่มทดสอบเบื้องต้นได้แล้ว เครื่องมือเฉพาะทางช่วยให้แม่นขึ้นแต่ไม่ใช่สิ่งจำเป็นสำหรับการเริ่มต้น
ควรเทียบแค่จำนวนคลิก หรือดูอย่างอื่นด้วย
ควรดูต่อว่าคนที่กดจากแต่ละตำแหน่งไปถึงแชทและคุยต่อจนปิดการขายกี่เปอร์เซ็นต์ เพราะบางตำแหน่งอาจได้คลิกเยอะแต่ได้คนที่ยังไม่พร้อมตัดสินใจจริง
บทความที่เกี่ยวข้อง
