ใช้ WEB PopUp อย่างไรไม่ให้น่ารำคาญ ?

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

สารบัญ

Web PopUp คืออะไร ?

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

ประเภทของ PopUp
Fullscreen PopUp

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

Lightbox PopUp

แสดงกลางหน้าเว็บ โดยลดความสว่างของส่วนอื่นๆ ลง ทำให้ PopUp ดูโดดเด่นขึ้น ส่วนใหญ่ใช้แสดงรูปขยายและวิดีโอ

Slide-in PopUp

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

Bar PopUp

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

PopUp ของ jeansDEV แสดงขึ้นมาในจังหวะและเวลาใดได้บ้าง ?
  • Timed PopUp: แสดงขึ้นมาเมื่อผู้เข้าชมใช้งานหน้าเว็บในระยะเวลาที่กำหนด
  • Inactivity PopUp: แสดงขึ้นมาเมื่อผู้เข้าชมหยุดใช้งานหน้าเว็บแต่เปิดค้างไว้ในระยะเวลาที่กำหนด
  • Scroll PopUp: แสดงขึ้นมาเมื่อผู้เข้าชมเลื่อนหน้าจอลงไปจนถึงส่วนที่กำหนด
  • Exit-intent PopUp: แสดงขึ้นมาเมื่อผู้เข้าชมเลื่อนเคอร์เซอร์ตรงไปยังปุ่มปิดหน้าเว็บ
  • Entry PopUp: แสดงขึ้นมาทันทีเมื่อผู้เข้าชมเปิดหน้าเว็บ
  • Time-scheduled PopUp: แสดงขึ้นมาตามวัน-เวลาที่กำหนดไว้
  • Click-triggered PopUp: แสดงขึ้นมาเมื่อผู้เข้าชมคลิกส่วนใดส่วนหนึ่งบนหน้าเว็บ
  • Hover-triggered PopUp: แสดงขึ้นมาเมื่อผู้เข้าชมเลื่อนเคอร์เซอร์ไปบนส่วนใดส่วนหนึ่งบนหน้าเว็บ
เทคนิคการออกแบบและใช้งาน PopUp สไตล์ jeansDEV
  • PopUp ต้องไม่รบกวนผู้เข้าชมมากเกินไป
  • PopUp ต้องสื่อสารกับผู้เข้าชมได้ชัดเจน
  • PopUp ต้องชัดเจนและสวยงามบนหน้าจอทุกขนาด
  • PopUp ต้องแสดงขึ้นมาในจังหวะและเวลาที่เหมาะสมเท่านั้น

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