UI Pattern

UI ดักการตัดสินใจด้านลบของยูสเซอร์

ฟีเจอร์ของ application ไหนที่ต้องมีการร้องขอให้ยูสเซอร์ทำการตัดสินใจเพื่อโหวตขอความเห็นหรือเปิดฟังก์ชันที่เป็นค่า setting ของระบบรวม จะมีโอกาสที่ยูสเซอร์จะแสดงความเห็นในด้านลบ หรือไม่ก็ปฏิเสธการเปิดฟังก์ชันนั้นๆ ดังนั้นแแล้วจึงจำเป็นต้องหา UI อะไรสักอย่างมาหยุดหรือดักคอยูสเซอร์ไม่ให้กระทำการที่เป็นผลเสียต่อ app ในระดับที่ไม่สามารถกู้ผลลัพธ์กลับคืนมาได้ ผมยกตัวอย่างให้เห็นภาพมากขึ้น เช่น ในกรณีของ app Hopper, app ดูราคาตั๋วเครื่องบิน, ซึ่งมีฟีเจอร์หลักคือ การแจ้งเตือนราคาตั่วเครื่องบินเมื่อราคาตกหรือกำลังจะขึ้นให้แก่ยูสเซอร์ได้รับทราบ ตัวอย่างหน้าจอร้องขอให้เปิดฟังก์ชัน Notification ...
UI Pattern

UI เลื่อนหน้าขึ้น (Go to Top)

หน้าเว็บเพจที่มีเนื้อหาที่ค่อนข้างยาวควรจะมีลิงค์ที่คอยช่วยเลื่อนหน้าขึ้นไปจนถึงด้านบนสุด (Go to Top) เพื่อประหยัดแรงให้แก่ยูสเซอร์ในการที่เลือกเมนูหลักต่อ หรือต้องการคลิกเลือกลิงค์ที่อยู่ด้านบน เราสามารถทำลิงค์เลื่อนหน้าขึ้นได้หลากหลายวิธี มาดูตัวอย่างกันเลย 1. ใช้รูปลูกศรโดยจะปรากฏเมื่อผู้ใช้เลื่อนดูหน้าเกิน 1 หน้าจอ และจะอยู่ในตำแหน่งด้านล่างตลอดขณะเลื่อนหน้าจอ เว็บอีเกียใช้ลูกศรประจำอยู่ด้านล่างเมื่อยูสเซอร์เลื่อนหน้าอ่านข้อมูล 2. ใช้ลูกศรวางไว้ตำแหน่งด้านบน โดยจะปรากฎเมื่อเลื่อนหน้าลง เว็บ New Balance จะแสดงลูกศรเลื่อนหน้าในตำแหน่งตรงกลางหน้าจอทางด้านบน 3. ใช้ลูกศรวางไว้ในตำแหน่งแต่ละส่วนของประเภทสินค้า โดยปรากฏให้เห็นตลอด ...