Spędziłem ponad dwie dekady w okopach projektowania doświadczeń użytkownika. Pamiętam przejście od układów opartych na tabelach do CSS, przejście do projektowania responsywnego po premierze iPhone’a i wzrost „ekonomii uwagi”. Jednak wkraczając w rok 2026, branża stoi w obliczu najbardziej znaczącej zmiany w dotychczasowej historii. Przechodzimy z ery „projektowania za wszelką cenę” w erę Zrównoważonego UX. Nie jest to coś, o czym myśli większość projektantów, łącznie ze mną, dopóki nie usłyszałem o tym jako o koncepcji. Przez lata traktowaliśmy Internet jak eteryczną, nieważką chmurę. Założyliśmy, że produkty cyfrowe są „ekologiczne” tylko dlatego, że nie zostały wydrukowane na papierze. Też tak kiedyś myślałem, ale zanim pojawiła się koncepcja zmian klimatycznych, chodziło raczej o ratowanie drzew. Myliliśmy się. Chmura to infrastruktura fizyczna, rozległa sieć centrów danych, podmorskich kabli i systemów chłodzenia, które szumią 24 godziny na dobę, 7 dni w tygodniu. Chociaż centra danych zorientowane na sztuczną inteligencję odpowiadają poborowi mocy ogromnych hut aluminium, ich duża gęstość geograficzna stwarza jeszcze bardziej intensywne i lokalne obciążenie dla środowiska. Jako projektanci UX jesteśmy architektami tego zużycia energii. Każdy obraz bohatera w wysokiej rozdzielczości, każdy automatycznie odtwarzany film w tle i każda złożona animacja JavaScript, którą zatwierdzamy, jest bezpośrednią instrukcją dla procesora, aby zużywał energię. Jeśli chcemy zbudować trwałą przyszłość, musimy przestać projektować z efektem „wow” i zacząć projektować pod kątem wydajności. Tryb ciemny Na początku XXI wieku białe tło było standardem, ponieważ imitowało papier. Jednakże sprzęt ewoluował, a nasza filozofia projektowania musi za nią podążać. Przejście z technologii LCD na technologię OLED (organiczna dioda elektroluminescencyjna) zasadniczo zmieniło sposób, w jaki kolor wpływa na energię.
Logika W przeciwieństwie do tradycyjnych ekranów LCD, które wymagają zawsze włączonego podświetlenia (nawet podczas wyświetlania koloru czarnego), ekrany OLED oświetlają każdy piksel indywidualnie. Kiedy piksel jest ustawiony na prawdziwą czerń (#000000), ta konkretna dioda jest całkowicie wyłączona. Pobiera zerową moc. Projektując interfejsy faworyzujące ciemniejsze palety, nie podążamy tylko za trendem; fizycznie zmniejszamy zapotrzebowanie na energię urządzenia użytkownika. Dane Oszczędności energii nie są pomijalne. Przełomowe badanie przeprowadzone przez Uniwersytet Purdue w 2021 r., które stało się złotym standardem w tej dyskusji, ujawniło, że przy jasności 100% przejście z trybu jasnego do trybu ciemnego pozwala zaoszczędzić średnio 39% do 47% energii baterii. W skali globalnej, gdyby każda większa aplikacja domyślnie przełączyła się w tryb ciemny, zmniejszenie zapotrzebowania na sieć byłoby astronomiczne. Cel projektu W 2026 r. tryb ciemny nie powinien już być dodatkowym „motywem” ukrytym w menu ustawień. Powinniśmy projektować w oparciu o mentalność „najpierw ciemność”. Nie oznacza to, że każda witryna musi wyglądać jak Matrix, ale oznacza to priorytetowe traktowanie ciemnych motywów o wysokim kontraście jako domyślnego stanu preferowanego przez system. Wydłuża to żywotność sprzętu urządzenia i zmniejsza ślad węglowy każdej interakcji. Osobiście wolę tryb jasny do czytania, dlatego warto mieć dostępne opcje trybu jasnego i ciemnego. Udostępnienie obu opcji wiąże się również z kwestiami dostępności. Optymalizacja obrazu i wideo Staliśmy się leniwymi projektantami. Dzięki szybkiej sieci 5G i światłowodom przestaliśmy martwić się rozmiarami plików. W ciągu ostatniej dekady średnia waga strony mobilnej wzrosła o ponad 500%, głównie z powodu niezoptymalizowanych zasobów wizualnych. Logika „Cyfrowy tłuszcz” witryny internetowej (zdjęcia z Unsplash o wielkości 4 MB i filmy w tle o wielkości 15 MB) w największym stopniu przyczynia się do energii ładowania strony. Każdy megabajt przesłany z serwera do klienta wymaga energii elektrycznej do transmisji, przetwarzania przez serwer i silnika renderującego użytkownika. Kiedy używamy ogromnych plików, w zasadzie „spalamy” energię, aby pokazać obraz, który mógłby być równie skuteczny przy ułamku rozmiaru. Nie wspominając o tym, że zapewniasz także lepszą obsługę użytkownika dzięki stronie, która ładuje się znacznie szybciej.
Dane Według archiwum HTTP obrazy i wideo konsekwentnie stanowią lwią część całkowitej wagi strony. Jednak przejście na nowoczesne formaty, takie jak AVIF i WebP, może zmniejszyć wagę obrazu nawet o 50% w porównaniu do JPEG, bez zauważalnej utraty jakości. Chociaż te formaty nie są mi tak znane jak JPG i PNG, zdecydowanie nie mogę się doczekać ich użycia w celu zmniejszenia rozmiaru strony. TheCel projektu Niedawno kierowałem przeprojektowaniem platformy cyberbezpieczeństwa. Wdrażając audyt „Przed i po”, odkryliśmy, że ich strona główna ładowała 5,5 MB danych. Zastępując fotografie w wysokiej rozdzielczości grafiką SVG (Scalable Vector Graphics) i stosując sprytne gradienty CSS zamiast zasobów graficznych, zmniejszyliśmy obciążenie do 1,2 MB. Oznacza to redukcję obciążenia energetycznego o 78%! Jako projektant, Twoje pierwsze pytanie powinno zawsze brzmieć: „Czy potrzebuję do tego zdjęcia, czy też mogę osiągnąć ten sam rezonans emocjonalny za pomocą kodu?”
Zamierzony ruch: wycinanie „głośnych” animacji Żyjemy w epoce „przewijania” i złożonych efektów paralaksy 3D. Chociaż mogą one zdobyć nagrody na Awwwards.com, często są to katastrofy ekologiczne. Logika Animacja nie jest darmowa. Aby renderować złożoną animację, procesor graficzny (procesor graficzny) urządzenia musi pracować z dużą wydajnością. Zwiększa to temperaturę procesora, uruchamia wentylatory chłodzące (w laptopach) i szybko wyczerpuje baterię. „Głośne” animacje, które działają stale w tle lub powodują masowe przemalowanie przeglądarki, są odpowiednikiem energii pozostawienia samochodu na biegu jałowym na podjeździe.
Dane Wytyczne Google dotyczące projektowania materiałów kładą nacisk na „znaczący ruch”. Twierdzą, że animacja powinna służyć wyłącznie do orientacji użytkownika lub przekazania informacji zwrotnej. A użycie WebP zamiast JPEG może zaoszczędzić 25–50% danych na stronie. Cel projektu Musimy przyjąć Znaczący Wniosek. Jeśli animacja nie pomaga użytkownikowi w wykonaniu zadania lub zrozumieniu hierarchii, jest to strata czasu. Tam, gdzie to możliwe, powinniśmy faworyzować przejścia CSS zamiast ciężkich bibliotek JavaScript, takich jak GSAP lub Lottie, ponieważ CSS jest przyspieszany sprzętowo i znacznie wydajniejszy w obliczeniach dla przeglądarki. Jako projektant UX nie mogę zaprzeczyć takiemu podejściu. Pomaga to nie tylko ograniczyć marnowanie danych, ale także poprawia UX dla naszych użytkowników. Ustawianie „budżetu danych” dla każdego projektu W ciągu moich ponad 20-letnich doświadczeń związanych z UX najbardziej udane projekty to zazwyczaj te z najostrzejszymi ograniczeniami. Tak jak projekt ma budżet finansowy, powinien mieć również budżet na emisję dwutlenku węgla i dane. Logika Budżet danych to sztywne ograniczenie całkowitego rozmiaru strony (np. „Ta strona docelowa nie może przekraczać 1 MB”). Zmusza to zespół projektowy do dokonywania trudnych, zamierzonych wyborów. Jeśli chcesz dodać nowy skrypt śledzący lub fantazyjną grubość czcionki, musisz za to „zapłacić” optymalizując lub usuwając coś innego. Zapobiega to przekształceniu się „pełzania cech” w „pełzanie węgla”. Dane Model zrównoważonego projektowania stron internetowych, opracowany przez pionierów takich jak Wholegrain Digital, zapewnia formułę obliczania emisji CO2 na odsłonę strony. Przeciętna witryna internetowa generuje około 0,5 grama CO2 na wyświetlenie. W przypadku witryny z milionem wyświetleń miesięcznie oznacza to 6 ton metrycznych CO2 rocznie, co odpowiada przejechaniu samochodem 25 000 mil. Cel projektu Lista kontrolna zrównoważonego UX
Zredukuj obrazy, kwestionując konieczność każdego obrazu i użyj najmniejszej rozdzielczości i najbardziej wydajnych formatów plików (takich jak AVIF), aby zminimalizować transfer danych. Optymalizuj wideoWyeliminuj automatycznie odtwarzane multimedia i nadaj priorytet wysoce skompresowanym, krótkim pętlom, aby mieć pewność, że energia będzie wydawana wyłącznie na treści, które użytkownik zamierza oglądać. Ogranicz czcionkiUżyj maksymalnie dwóch grubości czcionek internetowych lub pozostań przy klasycznych czcionkach systemowych, aby usunąć niepotrzebne żądania serwera i wzdęcia podczas renderowania. Przetwarzaj zasoby Wielokrotnie zmieniaj przeznaczenie pojedynczego obrazu lub filmu, korzystając z filtrów CSS i nakładek, aby stworzyć różnorodność wizualną bez zwiększania całkowitej wagi strony. Wybierz Green HostingHostuj swoje produkty cyfrowe na serwerach zweryfikowanych przez The Green Web Foundation, aby mieć pewność, że są zasilane z odnawialnych źródeł energii. Minimalizuj odległość danych Wybierz lokalizacje serwerów położone geograficznie blisko głównych odbiorców, aby zmniejszyć zużycie energii wymaganej do przesyłania danych przez infrastrukturę fizyczną.
Uzasadnienie biznesowe dotyczące projektowania przyjaznego dla środowiska Niektórzy mogą twierdzić, że „zielony UX” brzmi jak kompromis w sprawie jakości. Wręcz przeciwnie, jest to przewaga konkurencyjna. Zrównoważone projektowanie to projektowanie wydajnościowe. Jeśli zmniejszysz wagę strony, Twoja witryna będzie ładowała się szybciej. Gdy Twoja witryna ładuje się szybciej, poprawiają się Twoje podstawowe wskaźniki internetowe. Gdy poprawią się Twoje podstawowe wskaźniki internetowe, Twój ranking SEO wzrośnie. Co więcej, użytkownicy starszych urządzeń lub wolniejszych planów transmisji danych (szczególnie na rynkach wschodzących) mogą faktycznie uzyskać dostęp do Twojego produktu. Taka jest definicja „projektowania włączającego”. Redukując „cyfrowy tłuszcz”, tworzymy cieńszą, szybszą i bardziej dostępną sieć. Odchodzimy od „projektu jednorazowego użytku” z 2010 roku w kierunku:bardziej trwałą, pełną szacunku architekturę cyfrową. Wniosek: przyszłość „czystego” projektowania W ciągu dwudziestu lat projektowania widziałem, jak wiele trendów pojawiało się i znikało. Skeuomorfizm, płaski design, neumorfizm – wszystkie były wyborami estetycznymi. Jednak zrównoważony UX nie jest trendem; to teraz konieczność. Jesteśmy pierwszym pokoleniem projektantów, które musi liczyć się z fizycznymi konsekwencjami naszej cyfrowej pracy. Zrównoważony UX to sytuacja, w której wygrywają obie strony. Jest to lepsze dla planety, ponieważ zmniejsza zużycie energii. Jest to lepsze dla użytkownika, ponieważ zapewnia szybsze i bardziej responsywne interfejsy. Jest to lepsze dla firmy, ponieważ obniża koszty hostingu ORAZ poprawia współczynniki konwersji. Era „nieograniczonych pikseli” dobiegła końca. W roku 2026 najbardziej wyrafinowany projekt to ten, który pozostawia najmniejszy ślad. Nie jesteśmy już tylko projektantami; jesteśmy strażnikami baterii użytkownika, jego planu transmisji danych i ostatecznie środowiska. Wezwanie do działania Rzucam Ci wyzwanie, abyś dzisiaj przeprowadził audyt tylko jednej strony swojego bieżącego projektu. Skorzystaj z narzędzia takiego jak kalkulator emisji dwutlenku węgla w witrynie, aby zobaczyć jego wpływ. Następnie poszukaj „niewidzialnych odpadów”. Czy ten obraz może być plikiem SVG? Czy ten film może być statycznym bohaterem? Czy można wyciszyć tę „głośną” animację? Zacznij od małych rzeczy. Najbardziej eleganckim rozwiązaniem jest często rozwiązanie z najmniejszą liczbą bajtów.
