Devsmith เลิกกั๊กแล้วกลับมารักการแชร์สาระ ux/ui แล้วนะเตง
30 พ.ค. 2568
Share
Less is More
น้อยแต่มาก ลดองค์ประกอบที่ไม่จำเป็น เพื่อให้ผู้ใช้โฟกัสกับสิ่งที่สำคัญจริง ๆ
เช่น ข้อความหลัก, ปุ่ม, หรือภาพ
Whitespace is Power
พื้นที่ว่างไม่ได้เป็นแค่ช่องว่างเปล่า แต่เป็น “การพักสายตา” ที่ช่วยแยกเนื้อหา
และเพิ่มโฟกัสที่ชัดเจน
Color with Purpose
สีควรมีหน้าที่ ไม่ใช่แค่ความสวยงาม ใช้สีน้อยเฉพาะที่จำเป็น เช่น สีหลัก สีเน้น สีแจ้งเตือน
Clear Visual Hierarchy
การจัดเรียงองค์ประกอบให้ผู้ใช้รู้ว่าอะไร
ควรดูหรือกดก่อน เช่น ขนาดตัวอักษร ตำแหน่งของปุ่ม
Typography is King
ใช้ตัวอักษรอ่านง่าย และให้สไตล์ของฟอนต์เป็น
ส่วนหนึ่งของการออกแบบ เช่น ฟอนต์เดียว
ทั้งระบบ ขนาดที่สื่อความสำคัญ
Simple Navigation
เมนูต้องเข้าใจง่าย ไม่ซับซ้อน มีเส้นทางการใช้งานชัดเจนว่าต้องไปไหนต่อ
เป็นมิตรต่อผู้ใช้งาน
Meaningful Icons
ใช้ไอคอนที่เข้าใจได้ทันที ไม่ต้องตีความ ช่วยลดการใช้ข้อความ
โดยไม่ลดความเข้าใจ และสื่อความหมายชัดเจน
Consistency is Key
รูปแบบต้องคงที่ทั้งระบบ เช่น สี ปุ่ม ฟอนต์ ไม่เปลี่ยนไปมา เพื่อไม่ให้ผู้ใช้สับสน
Function First
ความสวยต้องไม่ขัดกับการใช้งาน UI ต้องสวยและใช้ได้ง่าย
ไม่ใช่สวยอย่างเดียว สวยแต่ใช้งานยากคือจบ
Subtle Micro-Interactions
ลูกเล่นเล็ก ๆ อย่าง animation เวลากดปุ่ม หรือ hover ช่วยเพิ่มความรู้สึกมีชีวิต
โดยไม่รบกวนประสบการณ์ผู้ใช้
