คลิก เปลี่ยน เล่น สำหรับ slideshow

UI จำพวก Slideshow หรือวีดิโอ เราควรกำหนดว่าเมื่อยูสเซอร์ทำการคลิกเมาส์ซ้ายแล้วจะเกิด action ใดขึ้น

โดยความเห็นของผม ถ้าเป็น ​Slideshow หากยูสเซอร์คลิกซ้าย ให้เปลี่ยนสไลด์เป็นรูปถัดไป หรือทำการเล่นสไลด์โชว์ก็ได้ ไม่ควรปล่อยให้เป็น action ว่างครับ

Slideshow ของเว็บ Grovemad

ยกตัวอย่างเว็บ Grovemade ที่ทำ UI slideshow ออกมาได้ดีมากครับ โดยด้านซ้าย/ขวา จะมีปุ่มลูกศรให้คลิกเพื่อเปลี่ยนรูปถัดไป/ย้อนกลับ

ยูสเซอร์สามารถคลิกซ้ายเพื่อดูภาพถัดไปได้โดยมีข้อความบอกใบ้กำกับ

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

ไอคอนบอกใบ้การคลิกซ้ายเพื่อเล่น slideshow

หรือเราจะบอกใบ้ว่าการคลิกเป็นการกดเพื่อให้เล่น slideshow ด้วยการทำไอคอน Play เหมือนกับพวก UI ที่เป็นวีดิโอก็ได้นะ

คลิกที่รูปแกลอรี่สินค้าเพื่อดูสินค้าภาพใหญ่ขึ้น

หรือจะเป็นการคลิกเพื่อดูภาพที่ขยายใหญ่ขึ้นแบบง่ายๆ เลยไม่ก็ว่ากัน

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