Провео сам више од две деценије у рововима дизајна корисничког искуства. Сећам се преласка са распореда заснованих на табели на ЦСС, заокрета ка респонзивном дизајну када је иПхоне лансиран, и пораста „економије пажње“. Али док се крећемо у 2026. години, индустрија се суочава са најзначајнијим помаком до сада. Прелазимо из ере „дизајна по сваку цену“ у еру одрживог корисничког искуства. То није нешто о чему већина дизајнера размишља, укључујући мене, све док нисам чуо за ово као концепт. Годинама смо интернет третирали као етерични, бестежински облак. Претпоставили смо да су дигитални производи „зелени” једноставно зато што нису штампани на папиру. И ја сам то мислио, а пре него што се појавио концепт климатских промена, више се радило о спасавању дрвећа. Погрешили смо. Облак је физичка инфраструктура, широка мрежа центара података, подморских каблова и система за хлађење који брује 24 сата дневно. Док центри података фокусирани на вештачку интелигенцију одговарају потрошњи енергије великих топионица алуминијума, њихова висока географска густина ствара још интензивније и локализованије оптерећење животне средине. Као УКС дизајнери, ми смо архитекти ове потрошње енергије. Свака слика хероја високе резолуције, сваки позадински видео који се аутоматски репродукује и свака сложена ЈаваСцрипт анимација коју одобримо је директна инструкција процесору да троши енергију. Ако желимо да изградимо будућност која траје, морамо престати да дизајнирамо за „вау“ и почнемо да дизајнирамо за ефикасност. Дарк Моде Почетком 2000-их, бела позадина је била стандард јер је опонашала познатост папира. Међутим, хардвер је еволуирао и наша филозофија дизајна мора да следи. Прелазак са ЛЦД на ОЛЕД (Органиц Лигхт Емиттинг Диоде) технологију је фундаментално променио начин на који боја утиче на енергију.
Тхе Логиц За разлику од традиционалних ЛЦД екрана, који захтевају позадинско осветљење које је увек укључено (чак и када се приказује црно), ОЛЕД екрани осветљавају сваки пиксел појединачно. Када је пиксел постављен на праву црну (#000000), та специфична диода је потпуно искључена. Црпи нулту снагу. Дизајнирајући интерфејсе који фаворизују тамније палете, ми не пратимо само тренд; физички смањујемо потребу за енергијом уређаја корисника. Тхе Дата Уштеде енергије су далеко од занемарљиве. Значајна студија Универзитета Пурдуе из 2021. године, која је постала златни стандард за ову дискусију, открила је да при 100% осветљености, прелазак са светлог режима на тамни режим може да уштеди у просеку 39% до 47% енергије батерије. На глобалном нивоу, ако би свака главна апликација подразумевано поставила тамни режим, смањење потражње у мрежи било би астрономско. Циљ дизајна У 2026. Дарк Моде више не би требало да буде секундарна „тема“ скривена у менију подешавања. Требало би да дизајнирамо са менталитетом „први тамни“. То не значи да свака локација мора изгледати као Тхе Матрик, али то значи давање приоритета тамним темама високог контраста као подразумеваном систему преферираном стању. Ово продужава век трајања хардвера уређаја и смањује угљенични отисак сваке интеракције. Ја лично преферирам светлосни режим за читање, тако да има смисла имати доступне опције светлих и тамних режима. Постоје и разматрања приступачности са обе опције. Оптимизација слике и видеа Постали смо лењи дизајнери. Са брзим 5Г и оптичким влакнима, престали смо да бринемо о величинама датотека. Просечна тежина странице за мобилне уређаје порасла је за преко 500% у последњој деценији, углавном због неоптимизованих визуелних средстава. Тхе Логиц „Дигитална маст“ веб-сајта (те 4МБ Унспласх фотографије и 15МБ видео снимци у позадини) највећи је допринос енергији учитавања страница. Сваки мегабајт пренет са сервера на клијента захтева електричну енергију за пренос, обраду сервера и машину за приказивање корисника. Када користимо огромне датотеке, ми у суштини „сагоревамо“ енергију да бисмо приказали слику која је могла бити једнако ефикасна у само делићу величине. Да не спомињемо, такође пружате боље корисничко искуство са страницом која се учитава много брже.
Тхе Дата Према ХТТП архиви, слике и видео доследно чине лавовски део укупне тежине странице. Међутим, прелазак на модерне формате као што су АВИФ и ВебП може смањити тежину слике до 50% у поређењу са ЈПЕГ, без икаквог видљивог губитка у квалитету. Иако ми ови формати нису толико познати као ЈПГ и ПНГ, дефинитивно се радујем што ћу их користити за смањење величине странице. ТхеЦиљ дизајна Недавно сам водио редизајн платформе за сајбер безбедност. Применом ревизије „пре и после“, открили смо да њихова почетна страница учитава 5,5 МБ података. Заменом фотографије високе резолуције са СВГ (Скалабилна векторска графика) уметношћу и коришћењем паметних ЦСС градијената уместо средстава слике, смањили смо оптерећење на 1,2 МБ. То је смањење енергетског оптерећења за 78%! Као дизајнеру, ваше прво питање увек треба да буде: „Да ли ми треба фотографија за ово, или могу да постигнем исту емоционалну резонанцу са кодом?“
Намерно кретање: резање „гласних“ анимација Живимо у ери „скроловања“ и сложених 3Д паралакс ефеката. Иако ово може освојити награде на Авввардс.цом, често су еколошке катастрофе. Тхе Логиц Анимација није бесплатна. Да би се приказала сложена анимација, ГПУ (Грапхицс Процессинг Унит) уређаја мора да ради са великим капацитетом. Ово повећава температуру ЦПУ-а, покреће вентилаторе за хлађење (у лаптоповима) и брзо празни батерију. „Гласне“ анимације које стално раде у позадини или покрећу масивно пресликавање претраживача су енергетски еквивалент остављању аутомобила у празном ходу на прилазу.
Тхе Дата Гоогле-ове смернице за дизајн материјала наглашавају „Смислено кретање“. Они тврде да анимацију треба користити само за оријентацију корисника или за пружање повратних информација. А коришћење ВебП уместо ЈПЕГ може да уштеди 25-50% података на страници. Циљ дизајна Морамо усвојити Смишљени Покрет. Ако анимација не помаже кориснику да заврши задатак или разуме хијерархију, то је губитак. Требало би да фаворизујемо ЦСС прелазе у односу на тешке ЈаваСцрипт библиотеке као што су ГСАП или Лоттие где је то могуће, пошто је ЦСС хардверски убрзан и далеко ефикаснији за прегледач за израчунавање. Као УКС дизајнер, не могу оспорити овај приступ. Ово не само да помаже у смањењу расипања података већ и побољшава кориснички доживљај за наше кориснике. Постављање „буџета података“ за сваки пројекат У мојих 20+ година УКС-а, најуспешнији пројекти су углавном били они са најстрожим ограничењима. Као што пројекат има финансијски буџет, он такође треба да има буџет за угљеник и податке. Тхе Логиц Буџет података је строго ограничење укупне величине странице (нпр. „Ова одредишна страница не може да пређе 1 МБ“). Ово приморава дизајнерски тим да доноси тешке, намерне изборе. Ако желите да додате нову скрипту за праћење или фенси тежину фонта, морате то да „платите“ тако што ћете оптимизовати или уклонити нешто друго. Ово спречава да се „пузање карактеристика“ претвори у „пузање угљеника“. Тхе Дата Модел одрживог веб дизајна, који су развили пионири као што је Вхолеграин Дигитал, обезбеђује формулу за израчунавање ЦО2 по приказу странице. Просечна веб локација производи око 0,5 грама ЦО2 по прегледу. За сајт са 1 милион прегледа месечно, то је 6 метричких тона ЦО2 годишње, што је еквивалентно вожњи аутомобила 15.000 миља. Циљ дизајна Контролна листа одрживог корисничког искуства
Смањите потребу за сваким визуелним елементом ИмагесКуестион и користите најмању резолуцију и најефикасније формате датотека (као што је АВИФ) да бисте минимизирали пренос података. Оптимизујте видео. Уклоните медије који се аутоматски репродукују и дајте приоритет високо компримованим, кратким петљама како бисте обезбедили да се енергија троши само на садржај који корисник намерава да погледа. Ограничите фонтове Користите највише две тежине веб фонтова или се држите класичних системских фонтова да бисте уклонили непотребне захтеве сервера и надувеност при приказивању. Рециклирајте средства Пренамените једну слику или видео више пута користећи ЦСС филтере и слојеве да бисте створили визуелну разноликост без повећања укупне тежине странице. Изаберите Греен ХостингХостујте своје дигиталне производе на серверима верификованим од стране Тхе Греен Веб Фоундатион како бисте били сигурни да се напајају обновљивим изворима енергије. Минимизирајте растојање података Изаберите локације сервера које су географски близу вашој примарној публици да бисте смањили енергију потребну да подаци путују кроз физичку инфраструктуру.
Пословни случај за еколошки дизајн Неки би могли тврдити да „Зелени УКС“ звучи као компромис у погледу квалитета. Напротив, то је конкурентска предност. Одрживи дизајн је дизајн перформанси. Када смањите тежину странице, ваш сајт се учитава брже. Када се ваша веб локација брже учитава, ваши основни веб витални подаци се побољшавају. Када се ваши основни веб витали побољшају, ваш СЕО ранг се повећава. Штавише, корисници на старијим уређајима или споријим плановима за пренос података (посебно на тржиштима у развоју) могу заиста да приступе вашем производу. Ово је дефиниција „инклузивног дизајна“. Уклањањем „дигиталне масти“, стварамо мршавији, бржи и приступачнији веб. Удаљавамо се од „дизајна за једнократну употребу“ из 2010-их ка атрајнија дигитална архитектура са поштовањем. Закључак: Будућност „чистог“ дизајна Током моје две деценије дизајна, видео сам да многи трендови долазе и одлазе. Скеуоморфизам, равни дизајн, неуморфизам — све су то били естетски избори. Али одрживи УКС није тренд; то је сада неопходно. Ми смо прва генерација дизајнера која мора да рачуна са физичким последицама нашег дигиталног рада. Одрживи кориснички доживљај је „вин-вин-вин“. То је боље за планету јер смањује потрошњу енергије. То је боље за корисника јер резултира бржим интерфејсима који реагују. И то је боље за посао јер смањује трошкове хостовања И побољшава стопе конверзије. Ера „неограничених пиксела“ је завршена. У 2026. најсофистициранији дизајн је онај који оставља најмањи отисак. Ми више нисмо само дизајнери; ми смо чувари батерије корисника, њиховог плана података и на крају животне средине. Позив на акцију Изазивам вас да данас извршите ревизију само једне странице вашег тренутног пројекта. Користите алат као што је Вебсите Царбон Цалцулатор да бисте видели његов утицај. Затим потражите „невидљиви отпад“. Може ли та слика бити СВГ? Може ли тај снимак бити статични херој? Може ли се та „гласна“ анимација утишати? Почните са малим. Најелегантније решење је често оно са најмање бајтова.
