Adaptive Web Design (AWD) được đặt ra bởi Aaron Gustafson nhằm mục đích mô tả phương pháp tối ưu hóa trang web cho phép các thiết bị hoặc trình duyệt được sử dụng để duyệt web một cách tốt nhất.
Bắt đầu với các nguyên tắc của Progressive Enhancement, AWD nhằm tạo ra một trải nghiệm phù hợp cho người dùng và giúp họ không có vấn đề gì đối với thiết bị hoặc nền tảng mà họ đang sử dụng.
AWD sử dụng các kỹ thuật như Responsive web design (RWD) và tính năng auto-detection để cung cấp cho người dùng một phiên bản được tối ưu hóa của trang web dành riêng cho người dùng đó. Mặc dù thiết kế sẽ thay đổi nhưng các tính năng cũng như nội dung của trang web phải được làm cho phù hợp và thống nhất với tất cả phiên bản.
💎 Bài viết thuộc series UX Terms & Keywords: 💎
—
Đây là chuyên mục về các thuật ngữ, từ khóa liên quan tới UX Design, Design Working Process,… Mỗi từ khóa sẽ có sẵn tiếng Việt và tiếng Anh, ngoài ra còn có source để các bạn tham khảo thêm.
– 🚀 Xem tất cả bài viết tại đây: http://bit.ly/1RNBMqi 🚀
Adapting web pages for the capabilities of the device or browser used to view them
The term Adaptive Web Design (AWD) was coined by Aaron Gustafson to describe a way of optimizing web pages for the device or browser used to view them. Beginning with principles of progressive enhancement, AWD seeks to create an appropriate experience for users no matter what device or platform they use.
AWD uses techniques such as responsive web design (RWD) and feature detection to deliver an optimized version of the site. Through visuals will change, ideally functionality will be similar, and content should be consistent everywhere.
Optimizations may include increasing the size of controls to make them touch-friendly integrating functionality like telephone calls or camera use when compatible hardware is detected, or sending smaller images to devices on slower internet connections.
3 Comments
Vậy điểm khác nhau giữa AWD và RWD là gì?
“Through visuals will change, ideally functionality will be similar, and content should be consistent everywhere.”
The biggest similarity between the two methods is that they both allow websites to be viewed in mobile devices and various screen sizes, ultimately providing visitors with a better mobile user experience.
Where the two methods differ is in their delivery of the responsive/adaptive structures: RWD relying on flexible and fluid grids, and AWD relying on predefined screen sizes.
—
Sự khác nhau giữa RWD và AWD.
Ty. Bổ sung thêm sau một hồi research. Về mặt kĩ thuật, điểm khác giữa RWD và AWD ở chỗ:
| @media (min-width: X) (responsive) vs @media (min-device-width: X) (adaptive)