UI Pattern คลิก เปลี่ยน เล่น สำหรับ slideshow By uiblogaziner June 27, 20152164 views ShareTweet 0 UI จำพวก Slideshow หรือวีดิโอ เราควรกำหนดว่าเมื่อยูสเซอร์ทำการคลิกเมาส์ซ้ายแล้วจะเกิด action ใดขึ้น โดยความเห็นของผม ถ้าเป็น Slideshow หากยูสเซอร์คลิกซ้าย ให้เปลี่ยนสไลด์เป็นรูปถัดไป หรือทำการเล่นสไลด์โชว์ก็ได้ ไม่ควรปล่อยให้เป็น action ว่างครับ Slideshow ของเว็บ Grovemad ยกตัวอย่างเว็บ Grovemade ที่ทำ UI slideshow ออกมาได้ดีมากครับ โดยด้านซ้าย/ขวา จะมีปุ่มลูกศรให้คลิกเพื่อเปลี่ยนรูปถัดไป/ย้อนกลับ ยูสเซอร์สามารถคลิกซ้ายเพื่อดูภาพถัดไปได้โดยมีข้อความบอกใบ้กำกับ ส่วนพอผมเอาเมาส์ไปวางบนรูปก็จะมีข้อความแนะว่า ถ้าคลิกแล้วจะเป็นการเปลี่ยนเป็นรูปถัดไปนะ เพราะพฤติกรรมการดูภาพของยูสเซอร์โดยส่วนใหญ่อยากจะคลิกเพื่อดูภาพถัดไปมากกว่าดูภาพย้อนกลับ designer เลยออกแบบให้ทั้งภาพเป็นปุ่มที่ใช้คลิกเพื่อดูภาพถัดไปซะเลย ไงล่ะ ไอคอนบอกใบ้การคลิกซ้ายเพื่อเล่น slideshow หรือเราจะบอกใบ้ว่าการคลิกเป็นการกดเพื่อให้เล่น slideshow ด้วยการทำไอคอน Play เหมือนกับพวก UI ที่เป็นวีดิโอก็ได้นะ คลิกที่รูปแกลอรี่สินค้าเพื่อดูสินค้าภาพใหญ่ขึ้น หรือจะเป็นการคลิกเพื่อดูภาพที่ขยายใหญ่ขึ้นแบบง่ายๆ เลยไม่ก็ว่ากัน เราควรสังเกตพฤติกรรมการใช้งานของยูสเซอร์แบบเก็บรายละเอียด เพียงแค่ความต่างกับการคลิกเพื่อเปลี่ยนภาพก็ทำให้ยูสเซอร์ฟินเว่อร์ได้อย่างไม่ต้องลงทุนลงแรงเยอะ แนะนำอย่างแรงส์