Мин ике дистә елдан артык кулланучы тәҗрибәсе дизайны окопларында үткәрдем. Таблицага нигезләнгән макетлардан CSS-ка күчү, iPhone эшләтеп җибәргәндә җаваплы дизайнга күчү һәм "игътибар экономикасы" үсеше. Ләкин без 2026-нчы юл белән барганда, тармак әле иң мөһим сменага дучар була. Без "теләсә нинди бәядә дизайн" чорын тотрыклы UX чорына күчерәбез. Күпчелек дизайнерлар, шул исәптән мин дә, бу турыда концепция турында ишеткәнче, уйлаган әйбер түгел. Еллар дәвамында без интернетны эфирлы, авырсыз болыт кебек кабул иттек. Санлы продуктлар кәгазьдә бастырылмаганга гына "яшел" дип уйладык. Мин дә шулай уйлый идем, һәм климат үзгәреше төшенчәсе барлыкка килгәнче, агачларны саклау турында иде. Без ялгыштык. Болыт - физик инфраструктура, мәгълүмат үзәкләренең челтәр челтәре, су асты кабельләре, суыту системалары тәүлек әйләнәсе. ЯИга юнәлтелгән мәгълүмат үзәкләре зур алюминий эретүчеләрнең энергия куллануына туры килсә дә, аларның югары географик тыгызлыгы тагын да көчлерәк һәм локальләштерелгән экологик киеренкелек тудыра. UX дизайнерлары буларак, без бу энергия куллануның архитекторлары. Everyәрбер югары резолюцияле герой образы, һәрбер автоматик уйнаучы видео, һәм без раслаган һәр катлаулы JavaScript анимациясе процессорга көч куллану өчен туры күрсәтмә. Әгәр дә без киләчәкне төзергә телибез икән, без "воо" өчен дизайнны туктатырга һәм эффективлык өчен проектлауны башларга тиеш. Караңгы режим 2000-нче еллар башында ак фон стандарт иде, чөнки алар кәгазьнең танышлыгын охшаттылар. Ләкин, җиһаз үсеш алды, һәм безнең дизайн фәлсәфәсе үтәргә тиеш. LCD -тан OLED (Органик яктылык чыгаручы диод) технологиясенә күчү төснең энергиягә ничек тәэсир итүен үзгәртте.
Логика Традицион LCD экраннардан аермалы буларак, гел янып торган арткы яктылык таләп ителә (хәтта кара күрсәткәндә дә), OLED экраннары һәр пиксельне аерым яктырта. Пиксель чын кара (# 000000) итеп куелгач, бу махсус диод бөтенләй сүндерелә. Ул нуль көчен тарта. Караңгы палитрага өстенлек биргән интерфейсларны эшләп, без тенденциягә иярмибез. без кулланучы җайланмасының энергия таләпләрен физик яктан киметәбез. Мәгълүмат Энергияне экономияләү бик аз. 2021-нче елда Пурду Университеты тарафыннан үткәрелгән истәлекле тикшеренү, бу дискуссиянең алтын стандартына әверелгән, 100% яктылыкта, яктылык режимыннан караңгы режимга күчү, уртача 39% - 47% батарея көчен саклап кала ала. Глобаль масштабта, һәр төп кушымта караңгы режимга туры килмәсә, челтәргә ихтыяҗның кимүе астрономик булыр иде. Дизайн максаты 2026-нчы елда караңгы режим көйләүләр менюсында урнаштырылган икенчел "тема" булырга тиеш түгел. Без "Караңгы-Беренче" менталитеты белән эшләргә тиеш. Бу һәрбер сайтның Матрицага охшарга тиешлеген аңлатмый, ләкин бу югары контрастлы кара темаларны демократик система өстенлекле дәүләт итеп өстен куюны аңлата. Бу җайланманың җиһаз срогын озайта һәм һәр үзара бәйләнешнең углерод эзен киметә. Мин шәхсән уку өчен Light-Modeны өстен күрәм, шуңа күрә яктылык та, караңгы режим вариантлары да бар. Ике вариантны да тәэмин итү мөмкинлеге бар. Рәсем һәм видео оптимизациясе Без ялкау дизайнерлар булдык. Gгары тизлекле 5G һәм җепсел оптикасы ярдәмендә без файл зурлыклары турында борчылуны туктаттык. Соңгы ун елда мобиль битнең уртача авырлыгы 500% тан артты, күбесенчә оптимизацияләнмәгән визуаль активлар аркасында. Логика Вебсайтның "Санлы май" (бу 4МБ Unsplash фотолары һәм 15МБ фон видеолары) бит йөкләү энергиясенә иң зур өлеш кертүче. Сервердан клиентка күчерелгән һәр мегабайт тапшыру, серверны эшкәртү һәм кулланучының двигатель өчен электр таләп итә. Зур файлларны кулланганда, без зурлыкның бер өлешендә эффектив булырга мөмкин булган рәсемне күрсәтер өчен энергияне "яндырабыз". Әйтмичә, сез тагын да тизрәк йөкләнгән бит белән яхшырак кулланучы тәҗрибәсе тәкъдим итәсез.
Мәгълүмат HTTP архивы буенча, рәсемнәр һәм видео битнең гомуми авырлыгының арыслан өлешен тәшкил итә. Ләкин, AVIF һәм WebP кебек заманча форматларга күчү, JPEG белән чагыштырганда, рәсем авырлыгын 50% ка киметергә мөмкин, сыйфатта сизелерлек югалту юк. Бу форматлар миңа JPG һәм PNG кебек таныш булмаса да, мин бит зурлыгын киметү өчен аларны түземсезлек белән көтәм. .Әр сүзнеңДизайн максаты Күптән түгел мин кибер-куркынычсызлык платформасын яңадан эшләдем. "Алдан һәм аннан соң" аудит үткәреп, без аларның баш битендә 5,5МБ мәгълүмат йөкләнгәнен ачыкладык. SVG (масштаблы вектор графикасы) сәнгате белән югары дәрәҗәдәге фотографияне алыштырып һәм рәсем активлары урынына акыллы CSS градиентларын кулланып, без йөкне 1,2МБга төшердек. Бу энергия йөгенең 78% кимүе! Дизайнер буларак, сезнең беренче соравыгыз һәрвакыт булырга тиеш: "Моның өчен миңа фото кирәкме, яисә мин шул ук эмоциональ резонанска ирешә аламмы?"
Белә торган хәрәкәт: "Көчле" анимацияләрне кисү Без "әйләндерү-джекинг" һәм катлаулы 3D Parallax эффектлары чорында яшибез. Алар Awwwards.com сайтында премияләр яуласа да, алар еш экологик афәтләр. Логика Анимация бушлай түгел. Катлаулы анимация күрсәтү өчен, җайланманың GPU (График эшкәртү бүлеге) югары сыйдырышлыкта эшләргә тиеш. Бу үзәк эшкәрткеч җайланманың температурасын күтәрә, суыткыч җанатарларны җибәрә (ноутбукларда), һәм батареяны тиз агыза. "Көчле" анимацияләр гел фонда эшлиләр яки браузерның массакүләм яңадан буяуларына китерәләр, бу сезнең машинаны машина юлында калдырган энергиягә тиң.
Мәгълүмат Google'ның Материаль Дизайн күрсәтмәләрендә "Мәгънәле хәрәкәт" басым ясала. Алар анимация кулланучыны юнәлтү яки кире кайту өчен кулланылырга тиеш, дип бәхәсләшәләр. JPEG урынына WebP куллану биттәге мәгълүматның 25-50% саклый ала. Дизайн максаты Без мәгънәле хәрәкәтне кабул итәргә тиеш. Әгәр дә анимация кулланучыга эшне башкарырга яки иерархияне аңларга ярдәм итмәсә, бу исраф. Без GSAP яки Lottie кебек авыр JavaScript китапханәләреннән CSS күчүне хупларга тиеш, чөнки CSS аппарат тизләштерелгән һәм браузер өчен исәпләү өчен күпкә эффектив. UX дизайнеры буларак, мин бу ысул белән бәхәсләшә алмыйм. Бу мәгълүмат калдыкларын киметергә ярдәм итми, ә кулланучылар өчен UXны яхшырта. Everyәр проект өчен “Мәгълүмат бюджеты” кую Минем 20+ ел эчендә, иң уңышлы проектлар, гадәттә, иң чикләнгән проектлар булды. Проектның финанс бюджеты булган кебек, аның углерод һәм мәгълүмат бюджеты да булырга тиеш. Логика Мәгълүматлар бюджеты - битнең гомуми зурлыгында каты капка (мәсәлән, "Бу төшү бите 1МБдан артып китә алмый"). Бу дизайн коллективын катлаулы, белә торып сайларга мәҗбүр итә. Әгәр дә сез яңа күзәтү скрипты яисә шрифтның авырлыгын өстәргә телисез икән, сез аны оптимизацияләү яки бүтән әйберне бетерү белән "түләргә" тиеш. Бу "үзенчәлекле сикерү" нең "углерод сызыгына" әйләнүенә комачаулый. Мәгълүмат Wholegrain Digital кебек пионерлар тарафыннан эшләнгән тотрыклы веб-дизайн моделе, бит күренешенә CO2 исәпләү формуласын тәкъдим итә. Уртача сайт карау өчен якынча 0,5 грамм CO2 җитештерә. Ай саен 1 миллион карау мөмкинлеге булган сайт өчен бу елына 6 метр тонна CO2, машина йөртүгә 15000 чакрымга тиң. Дизайн максаты Тотрыклы UX тикшерү исемлеге
Рәсемнәрне киметү everyәрбер визуаль ихтыяҗны сорагыз һәм мәгълүмат тапшыруны киметү өчен иң кечкенә резолюция һәм иң эффектив файл форматларын кулланыгыз (AVIF кебек). VideoEliminate автоматик уйнаучы медианы оптимальләштерегез һәм кулланучы карарга теләгән эчтәлеккә энергия сарыф ителүен тәэмин итү өчен, бик кысылган, кыска циклларга өстенлек бирегез. Шрифтларны чикләгез Максималь ике веб шрифт авырлыгын кулланыгыз яки кирәксез сервер запросларын бетерү өчен, классик система шрифтларына ябышыгыз. Активларны эшкәртүБер битнең гомуми авырлыгын арттырмыйча, визуаль төрлелек булдыру өчен, CSS фильтрларын һәм каплагычларын кулланып, бер рәсемне яки видеоны берничә тапкыр кулланыгыз. Яшел Хостингны сайлагыз Санлы продуктларыгызны яшел веб фонды раслаган серверларда яңартыла торган энергия чыганаклары белән тәэмин итү өчен. Мәгълүмат дистанциясен минимальләштерегез, физик инфраструктура аша сәяхәт өчен кирәк булган энергияне киметү өчен, төп аудиториягезгә географик яктан якын урнашкан сервер урыннарын сайлагыз.
Экологик чиста дизайн өчен бизнес-очрак Кайберәүләр "Green UX" сыйфат буенча компромисс кебек яңгырый дип бәхәсләшергә мөмкин. Киресенчә, бу көндәшлек өстенлеге. Даими дизайн - эш дизайны. Битнең авырлыгын киметкәч, сайтыгыз тизрәк йөкләнә. Сезнең сайт тизрәк йөкләнгәч, Сезнең Веб Виталлар яхшыра. Сезнең төп веб-виталлар яхшыргач, сезнең SEO рейтингыгыз күтәрелә. Моннан тыш, иске җайланмаларда кулланучылар яки әкренрәк мәгълүмат планнары (аеруча үсеп килүче базарларда) сезнең продуктка керә ала. Бу "Инклюзив дизайн" төшенчәсе. "Санлы майны" кисеп, без арзанрак, тизрәк һәм уңайлы веб булдырабыз. Без 2010-нчы елларның “бер тапкыр кулланыла торган дизайныннан” адаими, хөрмәтле санлы архитектура. Йомгаклау: "Чиста" дизайнның киләчәге Ике дистә еллык дизайнда мин күп тенденцияләрнең килеп-китүен күрдем. Скуоморфизм, яссы дизайн, неуморфизм - болар барысы да эстетик сайлау иде. Ләкин тотрыклы UX тенденция түгел; хәзер ул кирәк. Без дизайнерларның беренче буыны, алар санлы эшебезнең физик нәтиҗәләре белән исәпләргә тиеш. Тотрыклы UX - "җиңү-җиңү". Бу планета өчен яхшырак, чөнки ул энергия куллануны киметә. Бу кулланучы өчен яхшырак, чөнки ул тизрәк, җаваплырак интерфейсларга китерә. Бу бизнес өчен яхшырак, чөнки ул хостинг чыгымнарын киметә һәм конверсия ставкаларын яхшырта. "Чикләнмәгән пиксель" чоры бетте. 2026-нчы елда иң катлаулы дизайн - иң кечкенә эз калдырган. Без инде дизайнерлар гына түгел; без кулланучының батареясын, аларның мәгълүмат планын һәм ахыр чиктә әйләнә-тирәне саклаучылар. Эшләргә чакыру Мин сезгә бүгенге проектның бер битен генә тикшерергә чакырам. Вебсайтның углерод калькуляторы кебек коралны кулланыгыз, аның йогынтысын. Аннары, "күренми торган калдыкларны" эзләгез. Бу рәсем SVG була аламы? Бу видео статик герой була аламы? Бу "көчле" анимацияне туктатырга мөмкинме? Кечкенәдән башлау. Иң зәвыклы чишелеш еш кына иң аз байтак.
