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