Sự trở lại của xúc giác: Độ sâu, kính và phản hồi vật lý trong giao diện người dùng hiện đại

Điều gì đã thay đổi vào năm 2025

Vào ngày 9 tháng 6 năm 2025, Apple đã công bố bản cập nhật thiết kế phần mềm rộng nhất của mình, được xây dựng dựa trên vật liệu mới có tên Liquid Glass. Nó trong mờ, phản chiếu và khúc xạ những gì đằng sau nó, đồng thời mở rộng trên iOS 26, iPadOS 26, macOS Tahoe 26, watchOS 26 và tvOS 26. Trong khi đó, Google mô tả Material 3 Expressive là bản cập nhật hệ thống thiết kế được nghiên cứu nhiều nhất, dựa trên 46 nghiên cứu với hơn 18.000 người tham gia. Google báo cáo rằng những người tham gia phát hiện ra các thành phần giao diện người dùng chính nhanh hơn tới bốn lần trong các thiết kế biểu cảm và sở thích đó mạnh nhất, lên tới 87%, ở những người từ 18 đến 24 tuổi.

Chiều sâu với một công việc phải làm

Các nguyên tắc của Apple nêu cụ thể về vị trí của tài liệu: Liquid Glass tạo thành một lớp chức năng để điều khiển và điều hướng nổi phía trên nội dung và không được sử dụng trong chính lớp nội dung đó. Đó là nguyên tắc hữu ích đằng sau toàn bộ xu hướng: chiều sâu sẽ giải thích cấu trúc, tách biệt những gì bạn có thể hành động với những gì bạn đọc.

Chi phí khả năng sử dụng

Không phải ai cũng bị thuyết phục. Nielsen Norman Group lập luận rằng Liquid Glass trong iOS 26 che khuất nội dung và mọi thứ được đặt lên trên thứ khác sẽ trở nên khó nhìn hơn, đặc biệt là văn bản trên nền dày đặc. Bài học thực tế là độ mờ cần có rào chắn: kiểm tra độ tương phản trên nội dung thực, tăng độ mờ hoặc độ mờ phía sau văn bản và hỗ trợ cài đặt hệ thống để giảm độ trong suốt và tăng độ tương phản.

Phản hồi vật lý là phần bền bỉ

Xu hướng trực quan đến rồi đi, nhưng phản hồi vật lý vẫn tồn tại vì nó giúp ích cho mọi người. Một nút nén nhẹ khi nhấn, một tấm vải đi theo ngón tay và cố định bằng lò xo hoặc một nút bật tắt khớp vào vị trí đều xác nhận rằng một hành động đã được đăng ký. Vật lý lò xo là công cụ tự nhiên cho việc này vì nó phản ứng với sự gián đoạn và tốc độ cử chỉ giống như cách các vật thể thực thực hiện.

Làm thế nào để áp dụng nó một cách cẩn thận

Bắt đầu bằng phản hồi, không phải trang trí:

• Thêm phản hồi nhấn, kéo và nhả vào các điều khiển mà mọi người sử dụng nhiều nhất.
• Sử dụng lớp và bóng để tách các điều khiển khỏi nội dung.
• Kiểm tra độ tương phản của văn bản trên bất kỳ bề mặt mờ nào.
• Tôn trọng chuyển động giảm, giảm độ trong suốt và tăng cài đặt độ tương phản.
• Giữ các hiệu ứng nhất quán thông qua các mã thông báo chuyển động và độ cao.