7 Popular UI Patterns ได้รับความนิยมมายาวนาน
11 ก.ค. 2568
Share
Bottom Navigation Bar
แถบเมนูด้านล่างสุด ใช้ง่าย มือเดียวก็เอาอยู่
พบมากบนแอปพลิเคชั่นบนมือถือ
Card Layout
การจัดข้อมูลเป็น "บัตร" แต่ละใบ อ่านง่าย
แยกกลุ่มชัด เหมาะกับฟีดข้อมูล และลิสต์รายการ
Swipe to Reveal
เลื่อนข้างเพื่อแสดงเมนูหรือ action เช่น ลบ แก้ไข ใช้งานง่ายเหมือนแอปสำหรับส่งข้อความ
Infinite Scroll
เลื่อนแบบไม่มีที่สิ้นสุด เหมาะกับฟีดข่าวหรือข้อมูล
เนื้อหาเยอะ ๆ เช่น TikTok, Facebook
Sticky Header
หัวข้อหรือเมนูที่ติดอยู่ด้านบนตลอดเวลา ช่วยให้ผู้ใช้ไม่หลงทาง
Expandable Section
ข้อมูลที่ซ่อนอยู่ พอกดแล้วขยาย เช่น FAQ ช่วยให้หน้าไม่รก
Floating Action Button
ปุ่มลอยเด่น ๆ มุมจอ เน้นฟีเจอร์หลักของแอป
เช่น เพิ่มรายการ สร้างโพสต์
ข้อดี ข้อเสีย
การใช้ UI Patterns
ข้อดี
ประหยัดเวลา ไม่ต้องเริ่มใหม่ทุกอย่างจากศูนย์
มี layout ที่คนคุ้นเคยผู้ใช้ไม่ต้องเรียนรู้ใหม่
ลดโอกาสเกิดข้อผิดพลาด UX ผ่านการพิสูจน์มาแล้ว
หลายแพลตฟอร์มมี Component รองรับ
ข้อเสีย
ใช้ซ้ำมากไป ไม่น่าสนใจ ไม่มีความเป็นแบรนด์
อาจขัดกับ UX สมัยใหม่ถ้าไม่อัปเดตแนวคิด
ผู้ใช้บางกลุ่มอาจไม่เข้าใจอย่าง Swipe to Reveal
ไม่ได้เหมาะกับทุกบริบทเช่น Infinite Scroll ในหน้าสินค้า
