การกลับมาของสัมผัส: การตอบสนองเชิงลึก กระจก และทางกายภาพใน UI สมัยใหม่
เหตุใดความลึก ความโปร่งแสง และการเคลื่อนไหวทางกายภาพจึงกลับมาในการออกแบบ UI หลังจากดีไซน์แบบเรียบๆ การเปลี่ยนแปลง Liquid Glass และ Material 3 Expressive ของ Apple และวิธีการใช้งานต่อไป
หลัก Takeaway
หลังจากทศวรรษของการออกแบบแบบเรียบๆ ความลึกและการตอบสนองทางกายภาพก็กลับมาอีกครั้ง ในปี 2025 Apple เปิดตัว Liquid Glass ซึ่งเป็นวัสดุโปร่งแสงสำหรับการควบคุมและการนำทาง และ Google เปิดตัว Material 3 Expressive ซึ่งได้รับการสนับสนุนโดยการวิจัยเกี่ยวกับการออกแบบที่สื่ออารมณ์ได้มากขึ้น ใช้ได้ดี ความลึกแสดงสิ่งที่โต้ตอบได้ และการเคลื่อนไหวยืนยันการกระทำ ใช้อย่างไม่ระมัดระวัง ความโปร่งแสงจะลดคอนทราสต์และทำให้อ่านยาก
สิ่งที่เปลี่ยนแปลงไปในปี 2568
เมื่อวันที่ 9 มิถุนายน 2025 Apple ได้ประกาศอัปเดตการออกแบบซอฟต์แวร์ที่ครอบคลุมที่สุด โดยสร้างขึ้นจากวัสดุใหม่ที่เรียกว่า Liquid Glass มันโปร่งแสง สะท้อนและหักเหสิ่งที่อยู่ด้านหลัง และขยายไปทั่ว iOS 26, iPadOS 26, macOS Tahoe 26, watchOS 26 และ tvOS 26 ในขณะเดียวกัน Google ก็อธิบายว่า Material 3 Expressive เป็นการอัปเดตระบบการออกแบบที่มีการวิจัยมากที่สุด โดยอิงจากการศึกษา 46 รายการที่มีผู้เข้าร่วมมากกว่า 18,000 คน Google รายงานว่าผู้เข้าร่วมค้นพบองค์ประกอบ UI ที่สำคัญได้เร็วกว่าถึงสี่เท่าในการออกแบบที่แสดงออก และความพึงพอใจนั้นแข็งแกร่งที่สุด ถึง 87% ในกลุ่มคนอายุ 18 ถึง 24 ปี
ลึกซึ้งกับงานที่ต้องทำ
หลักเกณฑ์ของ Apple มีความเฉพาะเจาะจงเกี่ยวกับตำแหน่งของเนื้อหา: Liquid Glass สร้างเลเยอร์การทำงานสำหรับการควบคุมและการนำทางที่ลอยอยู่เหนือเนื้อหา และไม่ควรใช้ในเลเยอร์เนื้อหานั้นเอง นั่นคือหลักการที่มีประโยชน์เบื้องหลังเทรนด์ทั้งหมด: ความลึกควรอธิบายโครงสร้าง โดยแยกสิ่งที่คุณจะดำเนินการได้จากสิ่งที่คุณอ่าน
ต้นทุนการใช้งาน
ไม่ใช่ทุกคนที่จะมั่นใจ Nielsen Norman Group แย้งว่า Liquid Glass ใน iOS 26 ปิดบังเนื้อหา และทุกสิ่งที่วางทับสิ่งอื่นจะมองเห็นได้ยากขึ้น โดยเฉพาะข้อความบนพื้นหลังที่ยุ่งวุ่นวาย บทเรียนเชิงปฏิบัติคือความโปร่งแสงจำเป็นต้องมีรั้วกั้น: ทดสอบคอนทราสต์ในเนื้อหาจริง เพิ่มความเบลอหรือความทึบด้านหลังข้อความ และสนับสนุนการตั้งค่าระบบเพื่อลดความโปร่งใสและเพิ่มคอนทราสต์
การตอบสนองทางกายภาพเป็นส่วนที่คงทน
เทรนด์การมองเห็นมีมาและไป แต่ผลตอบรับทางกายภาพยังคงอยู่เพราะมันช่วยเหลือผู้คน ปุ่มที่บีบอัดเล็กน้อยเมื่อกด แผ่นที่ตามนิ้วและตกลงด้วยสปริง หรือปุ่มสลับที่ล็อคเข้าที่ ล้วนยืนยันว่ามีการดำเนินการที่บันทึกไว้แล้ว ฟิสิกส์สปริงเป็นเครื่องมือตามธรรมชาติสำหรับสิ่งนี้ เพราะมันตอบสนองต่อการหยุดชะงักและความเร็วของท่าทางเช่นเดียวกับที่วัตถุจริงทำ
วิธีการรับเลี้ยงอย่างระมัดระวัง
เริ่มต้นด้วยคำติชม ไม่ใช่การตกแต่ง:
- เพิ่มการกด ลาก และปล่อยคำติชมไปยังการควบคุมที่ผู้คนใช้บ่อยที่สุด
- ใช้การแบ่งชั้นและเงาเพื่อแยกการควบคุมออกจากเนื้อหา
- ตรวจสอบความคมชัดของข้อความที่ด้านบนของพื้นผิวโปร่งแสง
- เคารพการเคลื่อนไหวที่ลดลง ความโปร่งใสที่ลดลง และการตั้งค่าคอนทราสต์ที่เพิ่มขึ้น
- รักษาเอฟเฟกต์ให้สม่ำเสมอผ่านโทเค็นการเคลื่อนไหวและระดับความสูง
คีย์ Principles ที่ต้องจำ
- Apple เปิดตัว Liquid Glass ในเดือนมิถุนายน 2568 Google เปิดตัว Material 3 Expressive
- ความลึกจะทำงานเมื่อแยกการควบคุมออกจากเนื้อหา
- ความโปร่งแสงอาจส่งผลเสียต่อคอนทราสต์และความสามารถในการอ่าน ทดสอบด้วยเนื้อหาจริง
- การตอบรับทางกายภาพ (กด, ลาก, สปริงตัว) เป็นส่วนสำคัญของเทรนด์
- เคารพการเคลื่อนไหวที่ลดลง ความโปร่งใสที่ลดลง และคอนทราสต์ที่เพิ่มขึ้น
คำถามที่พบบ่อย
แหล่งที่มา
- Apple introduces a delightful and elegant new software design — ห้องข่าวของ Apple (9 มิถุนายน 2568)
- Materials — แนวทางอินเทอร์เฟซของมนุษย์ของ Apple
- Liquid Glass Is Cracked, and Usability Suffers in iOS 26 — Nielsen Norman Group
- Expressive Design: Google's UX Research — การออกแบบของกูเกิล