Tôi đã dành hơn hai thập kỷ trong lĩnh vực thiết kế trải nghiệm người dùng. Tôi nhớ quá trình chuyển đổi từ bố cục dựa trên bảng sang CSS, chuyển hướng sang thiết kế đáp ứng khi iPhone ra mắt và sự nổi lên của “nền kinh tế chú ý”. Nhưng khi chúng ta hướng tới năm 2026, ngành này đang phải đối mặt với sự thay đổi quan trọng nhất. Chúng ta đang vượt qua kỷ nguyên “thiết kế bằng mọi giá” để bước sang kỷ nguyên UX bền vững. Đó không phải là điều mà hầu hết các nhà thiết kế nghĩ tới, kể cả bản thân tôi, cho đến khi tôi được nhắc nhở khi nghe về đây như một khái niệm. Trong nhiều năm, chúng ta đã coi Internet như một đám mây thanh tao, không trọng lượng. Chúng ta đã cho rằng các sản phẩm kỹ thuật số là “xanh” đơn giản vì chúng không được in trên giấy. Tôi cũng từng nghĩ như vậy, và trước khi khái niệm biến đổi khí hậu xuất hiện, nó liên quan nhiều hơn đến việc bảo vệ cây xanh. Chúng tôi đã sai. Đám mây là cơ sở hạ tầng vật lý, một mạng lưới rộng lớn gồm các trung tâm dữ liệu, cáp dưới biển và hệ thống làm mát hoạt động 24/7. Trong khi các trung tâm dữ liệu tập trung vào AI phù hợp với mức tiêu thụ điện năng của các nhà máy luyện nhôm khổng lồ, thì mật độ địa lý cao của chúng lại tạo ra áp lực môi trường cục bộ và gay gắt hơn. Với tư cách là nhà thiết kế UX, chúng tôi là kiến trúc sư của việc tiêu thụ năng lượng này. Mỗi hình ảnh anh hùng có độ phân giải cao, mọi video nền tự động phát và mọi hoạt ảnh JavaScript phức tạp mà chúng tôi phê duyệt đều là hướng dẫn trực tiếp tới bộ xử lý để tiêu thụ năng lượng. Nếu chúng ta muốn xây dựng một tương lai lâu dài, chúng ta phải ngừng thiết kế vì “ôi” và bắt đầu thiết kế vì hiệu quả. Chế độ tối Vào đầu những năm 2000, nền trắng là tiêu chuẩn vì chúng bắt chước sự quen thuộc của giấy. Tuy nhiên, phần cứng đã phát triển và triết lý thiết kế của chúng tôi phải tuân theo. Sự chuyển đổi từ công nghệ LCD sang OLED (Điốt phát sáng hữu cơ) đã thay đổi căn bản cách màu sắc tác động đến năng lượng.
logic Không giống như màn hình LCD truyền thống, đòi hỏi đèn nền luôn sáng (ngay cả khi hiển thị màu đen), màn hình OLED chiếu sáng từng pixel riêng lẻ. Khi một pixel được đặt thành màu đen thực sự (#000000), diode cụ thể đó sẽ bị tắt hoàn toàn. Nó tiêu thụ năng lượng bằng không. Bằng cách thiết kế giao diện thiên về bảng màu tối hơn, chúng tôi không chỉ chạy theo xu hướng; chúng tôi đang giảm thiểu nhu cầu năng lượng của thiết bị người dùng. Dữ liệu Việc tiết kiệm năng lượng là không đáng kể. Một nghiên cứu mang tính bước ngoặt của Đại học Purdue vào năm 2021, đã trở thành tiêu chuẩn vàng cho cuộc thảo luận này, tiết lộ rằng ở độ sáng 100%, việc chuyển từ chế độ sáng sang chế độ tối có thể tiết kiệm trung bình từ 39% đến 47% pin. Trên phạm vi toàn cầu, nếu mọi ứng dụng chính đều được mặc định ở chế độ tối, thì nhu cầu sử dụng lưới điện sẽ giảm đi rất nhiều. Mục tiêu thiết kế Vào năm 2026, Chế độ tối sẽ không còn là “chủ đề” phụ trong menu cài đặt nữa. Chúng ta nên thiết kế với tâm lý “Đen tối đầu tiên”. Điều này không có nghĩa là mọi trang web đều phải trông giống như The Matrix, nhưng nó có nghĩa là ưu tiên các chủ đề tối có độ tương phản cao làm trạng thái mặc định được hệ thống ưu tiên. Điều này giúp kéo dài tuổi thọ phần cứng của thiết bị và giảm lượng khí thải carbon trong mọi tương tác. Cá nhân tôi thích Chế độ sáng hơn để đọc, vì vậy sẽ hợp lý hơn khi có cả tùy chọn chế độ sáng và tối. Ngoài ra còn có những cân nhắc về khả năng tiếp cận khi cung cấp cả hai tùy chọn. Tối ưu hóa hình ảnh và video Chúng ta đã trở thành những nhà thiết kế lười biếng. Với 5G tốc độ cao và cáp quang, chúng tôi không còn lo lắng về kích thước tệp. Trọng lượng trang trung bình trên thiết bị di động đã tăng hơn 500% trong thập kỷ qua, phần lớn là do nội dung hình ảnh không được tối ưu hóa. logic “Chất béo kỹ thuật số” của một trang web (ảnh Unsplash 4 MB và video nền 15 MB) là yếu tố đóng góp lớn nhất vào năng lượng tải trang. Mỗi megabyte được truyền từ máy chủ đến máy khách đều cần có điện để truyền, quá trình xử lý của máy chủ và công cụ kết xuất của người dùng. Khi chúng tôi sử dụng các tệp lớn, về cơ bản, chúng tôi đang "đốt cháy" năng lượng để hiển thị một bức ảnh có thể có hiệu quả tương đương với kích thước chỉ bằng một phần nhỏ. Chưa kể, bạn còn đang cung cấp trải nghiệm người dùng tốt hơn với trang tải nhanh hơn nhiều.
Dữ liệu Theo HTTP Archive, hình ảnh và video luôn chiếm tỷ trọng lớn nhất trong tổng dung lượng của trang. Tuy nhiên, việc chuyển sang các định dạng hiện đại như AVIF và WebP có thể giảm trọng lượng hình ảnh tới 50% so với JPEG mà không làm giảm chất lượng. Mặc dù những định dạng này không quen thuộc với tôi như JPG và PNG nhưng tôi chắc chắn mong muốn sử dụng chúng để giảm kích thước trang. cácMục tiêu thiết kế Gần đây tôi đã chỉ đạo thiết kế lại nền tảng an ninh mạng. Bằng cách thực hiện kiểm tra “Trước và Sau”, chúng tôi phát hiện ra rằng trang chủ của họ đang tải 5,5 MB dữ liệu. Bằng cách thay thế ảnh có độ phân giải cao bằng nghệ thuật SVG (Đồ họa vectơ có thể mở rộng) và sử dụng độ chuyển màu CSS thông minh thay vì nội dung hình ảnh, chúng tôi đã giảm tải xuống còn 1,2 MB. Đó là giảm 78% tải năng lượng! Là một nhà thiết kế, câu hỏi đầu tiên của bạn phải luôn là: “Tôi có cần một bức ảnh cho việc này không, hay tôi có thể đạt được sự cộng hưởng cảm xúc tương tự bằng mã không?”
Chuyển động có chủ ý: Cắt ảnh động “ồn ào” Chúng ta đang sống trong thời đại “cuộn giấy” và các hiệu ứng Thị sai 3D phức tạp. Mặc dù những điều này có thể giành được giải thưởng trên Awwwards.com nhưng chúng thường là những thảm họa sinh thái. logic Hoạt hình không miễn phí. Để hiển thị một hình ảnh động phức tạp, GPU (Bộ xử lý đồ họa) của thiết bị phải hoạt động ở công suất cao. Điều này làm tăng nhiệt độ CPU, kích hoạt quạt làm mát (trong máy tính xách tay) và tiêu hao pin nhanh chóng. Hoạt ảnh “ồn ào” chạy liên tục ở chế độ nền hoặc kích hoạt các lần vẽ lại lớn trên trình duyệt tương đương với việc để ô tô của bạn chạy không tải trên đường lái xe.
Dữ liệu Nguyên tắc Thiết kế Vật liệu của Google nhấn mạnh “Chuyển động có ý nghĩa”. Họ cho rằng hoạt ảnh chỉ nên được sử dụng để định hướng người dùng hoặc cung cấp phản hồi. Và sử dụng WebP thay vì JPEG có thể tiết kiệm 25-50% dữ liệu trên một trang. Mục tiêu thiết kế Chúng ta phải áp dụng Chuyển động có ý nghĩa. Nếu hoạt ảnh không giúp người dùng hoàn thành nhiệm vụ hoặc hiểu được hệ thống phân cấp thì đó là một sự lãng phí. Chúng ta nên ưu tiên chuyển đổi CSS hơn các thư viện JavaScript nặng như GSAP hoặc Lottie nếu có thể, vì CSS được tăng tốc phần cứng và trình duyệt tính toán hiệu quả hơn nhiều. Là một nhà thiết kế UX, tôi không thể tranh luận về cách tiếp cận này. Điều này không chỉ giúp giảm lãng phí dữ liệu mà còn cải thiện UX cho người dùng của chúng tôi. Đặt “ngân sách dữ liệu” cho mọi dự án Trong hơn 20 năm làm UX của tôi, những dự án thành công nhất thường là những dự án có những ràng buộc chặt chẽ nhất. Giống như một dự án có ngân sách tài chính, dự án cũng cần có ngân sách carbon và dữ liệu. logic Ngân sách dữ liệu là giới hạn cố định cho tổng kích thước của một trang (ví dụ: “Trang đích này không được vượt quá 1MB”). Điều này buộc đội ngũ thiết kế phải đưa ra những lựa chọn khó khăn và có chủ ý. Nếu bạn muốn thêm tập lệnh theo dõi mới hoặc độ dày phông chữ ưa thích, bạn phải “trả tiền” cho nó bằng cách tối ưu hóa hoặc loại bỏ thứ khác. Điều này ngăn cản “sự leo thang tính năng” biến thành “sự leo thang carbon”. Dữ liệu Mô hình Thiết kế Web Bền vững, được phát triển bởi những người tiên phong như Wholegrain Digital, cung cấp công thức tính lượng CO2 trên mỗi lượt xem trang. Trang web trung bình tạo ra khoảng 0,5 gam CO2 cho mỗi lượt xem. Đối với một trang web có 1 triệu lượt xem hàng tháng, đó là 6 tấn CO2 mỗi năm, tương đương với việc lái một chiếc ô tô đi 15.000 dặm. Mục tiêu thiết kế Danh sách kiểm tra UX bền vững
Giảm hình ảnhĐặt câu hỏi về sự cần thiết của mọi hình ảnh và sử dụng độ phân giải nhỏ nhất cũng như các định dạng tệp hiệu quả nhất (như AVIF) để giảm thiểu việc truyền dữ liệu. Tối ưu hóa VideoLoại bỏ phương tiện tự động phát và ưu tiên các vòng lặp ngắn, có độ nén cao để đảm bảo năng lượng chỉ dành cho nội dung mà người dùng dự định xem. Giới hạn phông chữSử dụng tối đa hai trọng lượng phông chữ web hoặc sử dụng phông chữ hệ thống cổ điển để loại bỏ các yêu cầu máy chủ không cần thiết và hiển thị quá tải. Tái chế nội dungTái sử dụng một hình ảnh hoặc video nhiều lần bằng cách sử dụng các bộ lọc và lớp phủ CSS để tạo ra sự đa dạng về mặt hình ảnh mà không làm tăng tổng trọng lượng trang. Chọn Green HostingLưu trữ các sản phẩm kỹ thuật số của bạn trên các máy chủ được The Green Web Foundation xác minh để đảm bảo chúng được cung cấp năng lượng từ các nguồn năng lượng tái tạo. Giảm thiểu khoảng cách dữ liệuChọn các vị trí máy chủ gần về mặt địa lý với đối tượng chính của bạn để giảm năng lượng cần thiết để dữ liệu di chuyển qua cơ sở hạ tầng vật lý.
Trường hợp kinh doanh cho thiết kế thân thiện với môi trường Một số người có thể cho rằng “Green UX” nghe giống như một sự thỏa hiệp về chất lượng. Ngược lại, đó là một lợi thế cạnh tranh. Thiết kế bền vững là thiết kế hiệu quả. Khi bạn giảm trọng lượng trang, trang web của bạn sẽ tải nhanh hơn. Khi trang web của bạn tải nhanh hơn, Core Web Vitals của bạn sẽ được cải thiện. Khi Core Web Vitals của bạn được cải thiện, thứ hạng SEO của bạn sẽ tăng lên. Hơn nữa, người dùng trên các thiết bị cũ hơn hoặc gói dữ liệu chậm hơn (đặc biệt là ở các thị trường mới nổi) thực sự có thể truy cập vào sản phẩm của bạn. Đây là định nghĩa của “Thiết kế toàn diện”. Bằng cách cắt giảm “chất béo kỹ thuật số”, chúng tôi tạo ra một trang web gọn gàng hơn, nhanh hơn và dễ truy cập hơn. Chúng tôi đang chuyển từ “thiết kế dùng một lần” của những năm 2010 sang mộtkiến trúc kỹ thuật số lâu dài hơn, tôn trọng hơn. Kết luận: Tương lai của thiết kế “sạch” Trong hai thập kỷ thiết kế của mình, tôi đã chứng kiến nhiều xu hướng đến rồi đi. Skeuomorphism, Flat Design, Neumorphism - tất cả đều là những lựa chọn mang tính thẩm mỹ. Nhưng UX bền vững không phải là xu hướng; bây giờ nó là một điều cần thiết. Chúng tôi là thế hệ nhà thiết kế đầu tiên phải tính đến những hậu quả vật chất của công việc kỹ thuật số của mình. UX bền vững là “đôi bên cùng có lợi”. Điều đó tốt hơn cho hành tinh vì nó làm giảm mức tiêu thụ năng lượng. Nó tốt hơn cho người dùng vì nó mang lại giao diện nhanh hơn, phản hồi nhanh hơn. Và điều đó tốt hơn cho doanh nghiệp vì nó giảm chi phí lưu trữ VÀ cải thiện tỷ lệ chuyển đổi. Thời đại “pixel không giới hạn” đã qua. Vào năm 2026, thiết kế phức tạp nhất là thiết kế để lại dấu vết nhỏ nhất. Chúng tôi không còn chỉ là nhà thiết kế nữa; chúng tôi là người bảo vệ pin, gói dữ liệu của người dùng và cuối cùng là môi trường. Kêu gọi hành động Tôi thách bạn chỉ kiểm tra một trang của dự án hiện tại của bạn ngay hôm nay. Sử dụng một công cụ như Công cụ tính lượng carbon của trang web để xem tác động của nó. Sau đó, hãy tìm kiếm “sự lãng phí vô hình”. Hình ảnh đó có thể là SVG không? Video đó có thể là một anh hùng tĩnh không? Hoạt hình “ồn ào” đó có thể bị tắt tiếng không? Bắt đầu nhỏ. Giải pháp tao nhã nhất thường là giải pháp có ít byte nhất.
