4 Gęstość cyfrowa. Sustainable web design w praktyce
Strony internetowe mają swój ciężar: każde kliknięcie, każdy obraz i cały kod pozostawiają realny ślad węglowy. Tekst pokazuje, jak świadome projektowanie, lekki kod, minimalizm interfejsu i zielony hosting zmniejszają niekorzystny wpływ na środowisko i mogą wzmacniać wizerunek marki.
W jednej z prac prezentowanych na warszawskim Biennale w 2022 roku Kyriaki Goni wykorzystuje niewielką kostkę z wolframu jako punkt wyjścia do rozmowy o fizycznej infrastrukturze świata cyfrowego1. Sześcian o boku 3,8 cm waży niemal kilogram. Wynika to z wyjątkowo wysokiej gęstości wolframu, pierwiastka wykorzystywanego między innymi w reaktorach jądrowych i silnikach rakietowych. Goni zestawia materialną ciężkość obiektu z pozorną lekkością usług cyfrowych. Zwraca uwagę na to, że za każdą jednostką danych kryją się procesy wydobywcze, zużycie energii oraz rozbudowana infrastruktura. Ta infrastruktura nie ma nic wspólnego z metaforyczną chmurą. Praca artystki działa jako wizualny kontrapunkt dla mitu niematerialności internetu. Cyfrowość okazuje się ciężka, gęsta i głęboko osadzona w konkretnych warunkach geograficznych, energetycznych i politycznych.
Il. 1. Wolframowa kostka Kyriaki Goni; fot. Bartosz Górka, źródło: kyriakigoni.com
W tym tekście proponuję spojrzenie na zrównoważone projektowanie cyfrowe nie jako na zestaw technicznych optymalizacji ani estetyczną odmianę minimalizmu. Traktuję to podejście jako formę krytycznego designu, który ujawnia ukryte koszty technologii i staje się narzędziem odpowiedzialnego myślenia strategicznego, także na poziomie marki.
Cyfrowy nadmiar i jego koszty
Cyfrowy nadmiar staje się coraz trudniejszy do ignorowania. Analizy CloudZero pokazują, że nawet kilkanaście minut korzystania z mediów społecznościowych generuje mierzalne emisje dwutlenku węgla. Równolegle Cory Doctorow opisuje proces określany mianem enshittification (po polsku tłumaczone na, jakże piękne, gównowacenie)3. Platformy są stopniowo przeciążane zbędnymi funkcjami, reklamami i treściami niskiej jakości. Złożoność systemów rośnie, jakość doświadczenia spada, a koszty środowiskowe i społeczne zostają wypchnięte poza pole widzenia użytkownika.
Badania wskazują, że ta dynamika zwiększa obciążenie infrastruktury i pogarsza doświadczenie korzystania z technologii4. Prowadzi do homogenizacji treści, spadku funkcjonalności oraz ograniczenia kontroli użytkownika nad systemem. Cyfrowy nadmiar nie jest więc wyłącznie problemem estetycznym. Ma charakter strukturalny.
W tym kontekście szczególnego znaczenia nabiera design krytyczny. Jego rolą nie jest naprawianie systemu ani wygładzanie interfejsów. Jego zadanie to ujawnianie ukrytych aspektów technologii, takich jak koszty energetyczne, zależności infrastrukturalne i logika nieustannego wzrostu. Design krytyczny działa jako narzędzie demistyfikacji. Pozwala zobaczyć to, co zwykle pozostaje niewidoczne.
Jakość zamiast ilości
Badania nad ekologicznym projektowaniem cyfrowym tworzą dziś spójne pole5. Ich wspólnym mianownikiem jest odrzucenie mitu niematerialności technologii. Coraz wyraźniej widać, że środowiskowe skutki cyfrowości nie wynikają wyłącznie z istnienia centrów danych. W dużej mierze są konsekwencją decyzji projektowych. Winę ponoszą ciężkie interfejsy, nadmiarowe animacje, automatyczne odświeżenia treści, rozbudowane ścieżki użytkownika oraz nieoptymalny kod.
W nurcie określanym jako green UX – ekologiczne projektowanie doświadczeń użytkownika – pojawia się postulat projektowania celowego. System powinien robić wyłącznie to, co jest faktycznie konieczne. Oznacza to ograniczenie liczby zapytań do serwera, zmniejszenie objętości przesyłanych danych i redukcję obciążenia po stronie urządzenia użytkownika. Nie jest to estetyka ascetyzmu. To forma odpowiedzialności projektowej.
W polskim kontekście istotną perspektywę proponuje Joanna Murzyn. Autorka konsekwentnie przypomina, że każda funkcja cyfrowa opiera się na realnym zużyciu energii i zasobów. Zamiast futurystycznych wizji pokazuje zdjęcia satelitarne centrów danych. Punkt wyjścia jest prosty. Każde kliknięcie musi zostać gdzieś przetworzone, a ktoś lub coś ponosi za to koszt6.
Il. 2. Centra danych Amazona górują nad domami na obrzeżach jednej z dzielnic w hrabstwie Loudoun w stanie Wirginia; fot. Jahi Chikwendiu / The Washington Post via Getty Images
By zobrazować skalę, Murzyn używa zdjęcia satelitarnego ze stanu Wirginia, który stał się jednym z ośrodków amerykańskich hubów danych7. Na fotografii pośród ogromnych brył centrów danych niemal całkowicie znika stadion do futbolu amerykańskiego, który mieści około 60–70 tysięcy osób. Dzięki temu zestawieniu łatwo zobaczyć, jak dużo fizycznej przestrzeni zajmuje infrastruktura danych, co pomaga zrozumieć, że cyfrowe usługi mają konkretne, namacalne koszty infrastrukturalne.
Zrównoważony rozwój nie polega tu na przyklejeniu zielonej etykiety. Polega na zadawaniu pytań. Czy dana funkcja jest potrzebna? Ile kosztuje jej działanie? Jaką infrastrukturę uruchamia po drugiej stronie ekranu?
Małe decyzje, duży wpływ – checklisty projektowe
Poniższe praktyki nie stanowią pełnego rozwiązania problemu emisji cyfrowej. Są jednak przykładami decyzji projektowych, które w skali systemu mają realny wpływ środowiskowy. Zostały celowo przedstawione w formie checklisty. Mają być narzędziem pracy, nie manifestem.
Zielony hosting
Wybór hostingu opartego na energii odnawialnej pozostaje jednym z najbardziej efektywnych, a jednocześnie najmniej widowiskowych działań8. Centra danych korzystające z odnawialnych źródeł energii i wydajnych systemów chłodzenia mogą znacząco zmniejszyć ślad węglowy stron i aplikacji. Organizacje takie jak Green Web Foundation9 umożliwiają weryfikację dostawców.
Optymalizacja kodu
Kod może być lekki lub nadmiarowy. Różnica między tymi podejściami często oznacza setki zbędnych zapytań do serwera dziennie. Optymalizacja polega na eliminacji ukrytych kosztów, takich jak nieużywane biblioteki, nadmiarowe skrypty czy przedwczesne renderowanie elementów. Lekki kod oznacza mniejsze obciążenie procesora, krótszy czas ładowania i słabszy ślad węglowy. Weryfikacja wpływu stron internetowych na środowisko jest dziś ułatwiona dzięki narzędziom takim jak Website Carbon Calculator10, które pozwalają sprawdzić, ile dwutlenku węgla generuje każda strona i jak optymalizacja kodu przekłada się na realne oszczędności energetyczne.
Minimalizm interfejsu
Minimalizm w tym ujęciu nie jest stylem wizualnym, lecz strategią energetyczną. Badania nad efektywnością projektowania stron internetowych pokazują, że liczba i złożoność elementów interfejsu wpływają bezpośrednio na wydajność systemu, czas ładowania oraz zużycie energii po stronie użytkownika11. Mniejsza liczba komponentów na ekranie oznacza mniej danych do pobrania, krótszy czas przetwarzania i niższe obciążenie urządzenia końcowego, co przekłada się na realne oszczędności energetyczne. Projektowanie szybkich i celowych doświadczeń użytkownika stoi tym samym w kontrze do modeli opartych na maksymalizacji czasu spędzanego online, które generują dodatkowe zapytania, interakcje i transfer danych. Pomiary wydajności stron WWW pokazują, że interfejsy zoptymalizowane pod kątem prostoty i funkcjonalności są nie tylko bardziej efektywne technicznie, lecz także mniej obciążają środowiskowo. W tym sensie najlepszy interfejs pozwala użytkownikowi sprawnie wykonać zadanie i równie sprawnie opuścić aplikację, a przy tym wcale nie musi być nudny ani ascetyczny.
Sama12 miałam okazję przeprowadzić niewielkie badanie funkcjonalności stron nagrodzonych Awwwards. Wyniki eyetrackingowe pokazały, że nadmiar bodźców często utrudnia użytkownikom wykonanie najprostszych działań, na przykład odnalezienie adresu e-mail do kontaktu.
Tutaj minimalizm też nie oznacza nudy. Oznacza prostotę wykonania działania.
Grafiki i media
Każdy nieprzeskalowany obraz i każde automatycznie odtwarzane wideo generują obciążenie energetyczne. Kompresja, lazy loading, rezygnacja z autoplaya oraz stosowanie formatów takich jak WebP czy AVIF stają się podstawową formą troski o zasoby. Media są dokładnie tak ciężkie, jak muszą być, i ani bajta więcej.
W praktyce ciekawym rozwiązaniem jest umożliwienie użytkownikowi kontrolowania, ile treści chce załadować. Zamiast automatycznego showreela włączany jest przycisk play, a użytkownik sam decyduje, ile zdjęć dokumentujących wybraną realizację chce obejrzeć. Każda załadowana fotografia informuje też, ile faktycznie waży w danych, co zwiększa świadomość obciążenia cyfrowego.
Il. 3. Zrzut ekranu strony 2022.biennalewarszawa.pl/ (biennale, na którym prezentowana była opisywana wcześniej praca Kyriaki Goni)
Il. 4. Zrzut ekranu strony adasokol.com/project/gentle-monster-haus-nowhere
Stowarzyszenie Future Forms stosuje na przykład dithering – technikę przetwarzania obrazu, w której przejścia tonalne i barwy są symulowane nawet przy ograniczonej palecie kolorów13. Dzięki strategicznemu rozmieszczeniu pikseli możliwe jest zachowanie jakości wizualnej przy mniejszym przesyle danych.
Il. 5. Zdjęcie przerobione metodą ditheringu udostępnione przez Stowarzyszenie Future Forms; źródło: Unsplash
Typografia i drobne decyzje
Wybór fontów systemowych (Times New Roman) oraz rozwiązania takie jak tryb ciemny na ekranach OLED to decyzje projektowe o nieproporcjonalnie dużym wpływie infrastrukturalnym. Chociaż często pozostają niewidoczne dla użytkownika, przy dużej skali przekładają się na realne oszczędności energetyczne. Na ekranach OLED jasne kolory wymagają większego poboru energii, ponieważ każdy piksel musi być aktywnie podświetlony. Badania pokazują, że przejście od maksymalnej jasności to trybu ciemnego może zmniejszyć zużycie energii nawet o 39–47%, ale i rezygnacja z typowej jasności daje 3–9% oszczędności14.
Ekologia cyfrowa jako element strategii marki
Opisane praktyki nie są wyłącznie zestawem zaleceń technicznych. Stanowią także narzędzie narracyjne. Marki nie muszą wdrażać wszystkich rozwiązań jednocześnie. Mogą wybierać te, które są spójne z ich tożsamością i konsekwentnie włączać je w swoją opowieść.
Interesującym przypadkiem jest Adaversum15 Ady Sokół. Projekt łączy organiczną i futurystyczną estetykę z myśleniem o odpowiedzialności oraz symbiotycznej relacji człowieka z technologią. Ekologia cyfrowa nie funkcjonuje tu jako hasło marketingowe ani deklaracja. Jest ramą decyzyjną, która porządkuje sposób projektowania i komunikowania marki. Widoczna na stronie zakładka poświęcona digital ecology nie obiecuje neutralności ani zielonych rozwiązań bez kontekstu. Świadomość staje się tu wyraźnie komunikowaną wartością marki.
Na stronie Ady, obok warstwy dydaktycznej, obecne są również praktyczne zastosowania sugerowanych mikrokroków. Projekt spełnia wszystkie zalecenia opisane wcześniej w artykule, pokazując, że zrównoważone projektowanie nie musi być zachowawcze ani ograniczające. Może stanowić użyteczną ramę dla pracy projektowej i portfolio, opowiadać o marce poprzez konkretne decyzje technologiczne oraz sposób ich komunikowania. Ekologia cyfrowa działa tu nie jako estetyka, lecz jako struktura myślenia.
Innym przykładem krytycznego podejścia do technologii jest Modem i realizowany przez niego cykl Panels16. To seria rozmów poświęconych relacji człowieka z technologią oraz infrastrukturą platform, osadzona w środowisku Unreal Engine. Ta decyzja projektowa nie jest neutralna. Panels nie próbuje udawać cyfrowej lekkości ani maskować kosztów technologii. Złożona infrastruktura staje się częścią przekazu, a sama forma projektu ujawnia napięcia między tym, co spektakularne, a tym, co kosztowne.
Projekt nie moralizuje ani nie upraszcza problemów. Zamiast tego tworzy przestrzeń dialogu, w której technologia nie jest ani fetyszem, ani wrogiem. Jest systemem wymagającym zrozumienia i krytycznej analizy. W tym sensie Modem funkcjonuje jako uczestnik kulturowej dyskusji, a nie wyłącznie producent treści. Projekt buduje więź z marką poprzez refleksję, co bezpośrednio wpływa na jej wizerunek. Nowoczesność łączy się tu z odpowiedzialnością – futurystyczna estetyka nie służy snuciu czarnych scenariuszy, lecz rozkładaniu technologii na czynniki pierwsze i zadawaniu niewygodnych, ale koniecznych pytań.
Podsumowanie
Zrównoważone projektowanie cyfrowe nie polega na rezygnacji z ambicji ani estetyki. Opiera się na świadomych decyzjach projektowych. Często są one niewielkie i niewidoczne, ale w skali systemu mają realny wpływ środowiskowy. Strony internetowe generują realny ślad węglowy. Praktyki takie jak optymalizacja kodu, wybór hostingu, minimalizm interfejsu czy odpowiedzialne zarządzanie mediami mogą ten ślad znacząco zmniejszyć.
Ekologia cyfrowa coraz częściej wchodzi w skład strategii marki, wzmacniając jej wiarygodność i odpowiedzialność wobec użytkowników oraz środowiska. Projektowanie cyfrowe przestaje być jedynie narzędziem komunikacji, stając się świadomą i krytyczną praktyką projektową.
