Я правёў больш за два дзесяцігоддзі ў траншэях дызайну карыстацкага досведу. Я памятаю пераход ад таблічных макетаў да CSS, пераход да адаптыўнага дызайну, калі з'явіўся iPhone, і рост «эканоміі ўвагі». Але калі мы набліжаемся да 2026 года, галіна сутыкаецца з самым значным зрухам. Мы пераходзім ад эры «дызайну любой цаной» да эры ўстойлівага UX. Гэта не тое, пра што думаюць большасць дызайнераў, у тым ліку і я, пакуль я не пачуў пра гэта як пра канцэпцыю. На працягу многіх гадоў мы разглядалі Інтэрнэт як эфірнае бязважкае воблака. Мы лічылі, што лічбавыя прадукты былі «зялёнымі» проста таму, што яны не былі надрукаваныя на паперы. Раней я таксама думаў так, і да таго, як з'явілася канцэпцыя змены клімату, гаворка ішла больш пра выратаванне дрэў. Мы памыліліся. Воблака - гэта фізічная інфраструктура, разгалінаваная сетка цэнтраў апрацоўкі дадзеных, падводных кабеляў і сістэм астуджэння, якія працуюць 24/7. Хоць цэнтры апрацоўкі дадзеных, арыентаваныя на штучны інтэлект, супадаюць з энергаспажываннем вялізных алюмініевых заводаў, іх высокая геаграфічная шчыльнасць стварае яшчэ больш інтэнсіўную і лакалізаваную нагрузку на навакольнае асяроддзе. Як дызайнеры UX, мы з'яўляемся архітэктарамі гэтага спажывання энергіі. Кожная выява героя ў высокім разрозненні, кожнае фонавае відэа з аўтаматычным прайграваннем і кожная складаная анімацыя JavaScript, якую мы ўхваляем, з'яўляюцца прамой інструкцыяй працэсару спажываць энергію. Калі мы хочам пабудаваць будучыню, якая доўжыцца, мы павінны спыніць праектаванне для "вау" і пачаць праектаванне для эфектыўнасці. Цёмны рэжым У пачатку 2000-х белы фон быў стандартам, таму што імітаваў звыклую паперу. Аднак апаратнае забеспячэнне змянілася, і наша філасофія дызайну павінна прытрымлівацца. Пераход ад тэхналогіі LCD да OLED (арганічны святловыпрамяняльны дыёд) прынцыпова змяніў тое, як колер уплывае на энергію.
Логіка У адрозненне ад традыцыйных ВК-экранаў, якія патрабуюць падсвятлення, якое заўсёды ўключана (нават пры адлюстраванні чорнага), OLED-экраны асвятляюць кожны піксель асобна. Калі піксель усталяваны на сапраўдны чорны (#000000), гэты канкрэтны дыёд цалкам выключаецца. Ён спажывае нуль энергіі. Распрацоўваючы інтэрфейсы, якія аддаюць перавагу цёмным палітрам, мы не проста прытрымліваемся тэндэнцыі; мы фізічна зніжаем патрэбы прылады карыстальніка ў энергіі. Дадзеныя Эканомія энергіі далёка не нязначная. Знакавае даследаванне Універсітэта Перд'ю ў 2021 годзе, якое стала залатым стандартам для гэтай дыскусіі, паказала, што пры 100% яркасці пераход са светлага рэжыму на цёмны можа зэканоміць у сярэднім ад 39% да 47% зарада батарэі. У глабальным маштабе, калі б кожнае буйное прыкладанне па змаўчанні пераходзіла ў цёмны рэжым, зніжэнне попыту на сетку было б астранамічным. Мэта дызайну У 2026 годзе цёмны рэжым больш не павінен быць другараднай «тэмай», схаванай у меню налад. Мы павінны праектаваць з менталітэтам «Цёмна-перш за ўсё». Гэта не азначае, што кожны сайт павінен выглядаць як The Matrix, але гэта азначае, што прыярытэтам з'яўляюцца высокакантрастныя цёмныя тэмы ў якасці стандартнага стану для сістэмы. Гэта павялічвае тэрмін службы апаратнага забеспячэння прылады і зніжае вугляродны след кожнага ўзаемадзеяння. Асабіста я аддаю перавагу светламу рэжыму для чытання, таму мае сэнс мець як светлы, так і цёмны рэжым. Ёсць таксама меркаванні аб даступнасці пры прадастаўленні абодвух варыянтаў. Аптымізацыя выявы і відэа Мы сталі лянівымі дызайнерамі. З высакахуткаснай сеткай 5G і оптавалакном мы перасталі турбавацца аб памерах файлаў. За апошняе дзесяцігоддзе сярэдняя вага мабільнай старонкі павялічылася больш чым на 500%, у асноўным з-за неаптымізаваных візуальных сродкаў. Логіка «Лічбавы тлушч» вэб-сайта (гэта 4 МБ фатаграфій Unsplash і 15 МБ фонавых відэа) з'яўляецца найбуйнейшым фактарам энергіі загрузкі старонкі. Кожны мегабайт, перададзены ад сервера да кліента, патрабуе электраэнергіі для перадачы, апрацоўкі сервера і механізму рэндэрынгу карыстальніка. Калі мы выкарыстоўваем вялізныя файлы, мы па сутнасці "спальваем" энергію, каб паказаць карцінку, якая магла б быць такой жа эфектыўнай пры невялікім памеры. Не кажучы ўжо пра тое, што вы таксама забяспечваеце лепшы карыстацкі досвед са старонкай, якая загружаецца значна хутчэй.
Дадзеныя Згодна з архівам HTTP, выявы і відэа пастаянна складаюць ільвіную долю агульнай вагі старонкі. Аднак пераход на сучасныя фарматы, такія як AVIF і WebP, можа паменшыць вагу выявы да 50% у параўнанні з JPEG без прыкметнай страты якасці. Хоць гэтыя фарматы мне не так знаёмыя, як JPG і PNG, я, безумоўна, з нецярпеннем чакаю магчымасці выкарыстоўваць іх для памяншэння памеру старонкі. TheМэта дызайну Нядаўна я кіраваў рэдызайнам платформы кібербяспекі. Правёўшы аўдыт «Да і пасля», мы выявілі, што іх хатняя старонка загружае 5,5 МБ даных. Замяніўшы фатаграфію з высокім дазволам мастацтвам SVG (маштабуемая вектарная графіка) і выкарыстоўваючы разумныя градыенты CSS замест выяваў, мы знізілі нагрузку да 1,2 МБ. Гэта значыць зніжэнне энергетычнай нагрузкі на 78%! Як дызайнер, ваша першае пытанне заўсёды павінна быць: «Ці патрэбна мне для гэтага фатаграфія, ці я магу дасягнуць такога ж эмацыйнага рэзанансу з дапамогай кода?»
Наўмысны рух: выразанне «гучнай» анімацыі Мы жывем у эпоху «скроллджекинга» і складаных эфектаў 3D-паралакса. Нягледзячы на тое, што яны могуць атрымаць узнагароды на Awwwards.com, яны часта з'яўляюцца экалагічнымі катастрофамі. Логіка Анімацыя не бясплатная. Для візуалізацыі складанай анімацыі графічны працэсар (GPU) прылады павінен працаваць з высокай магутнасцю. Гэта павышае тэмпературу працэсара, запускае вентылятары (у наўтбуках) і хутка разраджае батарэю. «Гучныя» анімацыі, якія пастаянна працуюць у фонавым рэжыме або выклікаюць масавае перафарбоўванне браўзера, з'яўляюцца энергетычным эквівалентам пакідання вашага аўтамабіля на халастым ходзе на пад'ездзе.
Дадзеныя Рэкамендацыі Google па матэрыяльным дызайне падкрэсліваюць "Значны рух". Яны сцвярджаюць, што анімацыя павінна выкарыстоўвацца толькі для арыентацыі карыстальніка або забеспячэння зваротнай сувязі. І выкарыстанне WebP замест JPEG можа зэканоміць 25-50% даных на старонцы. Мэта дызайну Мы павінны прыняць асэнсаваны рух. Калі анімацыя не дапамагае карыстальніку выканаць заданне або зразумець іерархію, гэта пустая трата. Мы павінны аддаваць перавагу пераходам CSS перад цяжкімі бібліятэкамі JavaScript, такімі як GSAP або Lottie, дзе гэта магчыма, паколькі CSS апаратна паскораны і значна больш эфектыўны для вылічэнняў браўзерам. Як UX-дызайнер, я не магу аспрэчыць гэты падыход. Гэта не толькі дапамагае паменшыць трату даных, але і паляпшае UX для нашых карыстальнікаў. Устанаўленне «бюджэту дадзеных» для кожнага праекта За 20+ гадоў майго UX самымі паспяховымі праектамі звычайна былі тыя, з самымі жорсткімі абмежаваннямі. Падобна таму, як праект мае фінансавы бюджэт, ён таксама павінен мець вуглярод і бюджэт дадзеных. Логіка Бюджэт даных - гэта жорсткае абмежаванне агульнага памеру старонкі (напрыклад, «Гэтая мэтавая старонка не можа перавышаць 1 МБ»). Гэта прымушае каманду дызайнераў рабіць цяжкі, наўмысны выбар. Калі вы хочаце дадаць новы скрыпт адсочвання або шыкоўны шрыфт, вы павінны «заплаціць» за гэта аптымізацыяй або выдаленнем чагосьці іншага. Гэта прадухіляе ператварэньне «паўзучасьці асаблівасьцяў» у «паўзучасьць вугляроду». Дадзеныя Мадэль устойлівага вэб-дызайну, распрацаваная такімі піянерамі, як Wholegrain Digital, дае формулу для разліку CO2 на прагляд старонкі. Сярэдні вэб-сайт вырабляе каля 0,5 грама CO2 за адзін прагляд. Для сайта з 1 мільёнам праглядаў штомесяц гэта складае 6 метрычных тон CO2 у год, што эквівалентна праезду на аўтамабілі 15 000 міль. Мэта дызайну Кантрольны спіс устойлівага UX
Паменшыце выявы. Пастаўце пад сумнеў неабходнасць кожнага візуальнага малюнка і выкарыстоўвайце найменшую раздзяляльнасць і найбольш эфектыўныя фарматы файлаў (напрыклад, AVIF), каб мінімізаваць перадачу даных. Аптымізуйце відэа. Выключыце мультымедыя з аўтаматычным прайграваннем і расстаўце прыярытэты для вельмі сціснутых, кароткіх цыклаў, каб энергія трацілася толькі на кантэнт, які карыстальнік мае намер праглядзець. Абмяжуйце шрыфты. Выкарыстоўвайце максімум дзве таўшчыні вэб-шрыфтоў або прытрымвайцеся класічных сістэмных шрыфтоў, каб выдаліць непатрэбныя запыты сервера і раздуцце рэндэрынгу. Recycle AssetsПерапрафілюйце адзін малюнак або відэа некалькі разоў, выкарыстоўваючы фільтры CSS і накладкі, каб стварыць візуальную разнастайнасць без павелічэння агульнай вагі старонкі. Выберыце Green Hosting. Размяшчайце свае лічбавыя прадукты на серверах, правераных The Green Web Foundation, каб пераканацца, што яны працуюць ад аднаўляльных крыніц энергіі. Мінімізуйце адлегласць перадачы даных. Выбірайце размяшчэнне сервераў геаграфічна блізка да вашай асноўнай аўдыторыі, каб паменшыць энергію, неабходную для перадачы даных праз фізічную інфраструктуру.
Дзелавое абгрунтаванне экалагічнага дызайну Некаторыя могуць запярэчыць, што "Green UX" гучыць як кампраміс у якасці. Наадварот, гэта канкурэнтная перавага. Устойлівы дызайн - гэта дызайн прадукцыйнасці. Калі вы памяншаеце вагу старонкі, ваш сайт загружаецца хутчэй. Калі ваш сайт загружаецца хутчэй, вашы асноўныя вэб-паказчыкі паляпшаюцца. Калі вашы асноўныя вэб-паказчыкі паляпшаюцца, ваш рэйтынг SEO павышаецца. Больш за тое, карыстальнікі старых прылад або больш павольных планаў перадачы дадзеных (асабліва на рынках, якія развіваюцца) сапраўды могуць атрымаць доступ да вашага прадукту. Гэта вызначэнне «інклюзіўнага дызайну». Скарачаючы «лічбавы тлушч», мы ствараем больш эканомны, хуткі і даступны Інтэрнэт. Мы адыходзім ад «аднаразовага дызайну» 2010-х да aбольш пастаянная, паважлівая лічбавая архітэктура. Выснова: будучыня «чыстага» дызайну За два дзесяцігоддзі сваёй працы ў дызайне я бачыў, як многія тэндэнцыі прыходзяць і сыходзяць. Скевамарфізм, плоскі дызайн, неўмарфізм — усе яны былі эстэтычным выбарам. Але ўстойлівы UX - гэта не трэнд; цяпер гэта неабходнасць. Мы першае пакаленне дызайнераў, якія павінны лічыцца з фізічнымі наступствамі нашай лічбавай працы. Устойлівы UX - гэта "бяспройгрышны варыянт". Гэта лепш для планеты, таму што гэта зніжае спажыванне энергіі. Гэта лепш для карыстальніка, таму што гэта прыводзіць да больш хуткіх і спагадных інтэрфейсаў. І гэта лепш для бізнесу, таму што зніжае выдаткі на хостынг І паляпшае каэфіцыент канверсіі. Эпоха «неабмежаваных пікселяў» скончылася. У 2026 годзе самы складаны дызайн - гэта той, які пакідае найменшы след. Мы больш не проста дызайнеры; мы з'яўляемся захавальнікамі батарэі карыстальніка, яго тарыфнага плана і, у канчатковым рахунку, навакольнага асяроддзя. Заклік да дзеяння Я заклікаю вас сёння правесці рэвізію толькі адной старонкі вашага бягучага праекта. Выкарыстоўвайце такі інструмент, як калькулятар вугляроду на вэб-сайце, каб убачыць яго ўплыў. Затым шукайце «нябачныя адходы». Ці можа гэтая выява быць SVG? Ці можа гэта відэа быць статычным героем? Ці можна заглушыць гэтую «гучную» анімацыю? Пачніце з малога. Найбольш элегантным рашэннем часта з'яўляецца рашэнне з найменшай колькасцю байтаў.
