Ua hala au ma mua o ʻelua mau makahiki i loko o nā ʻauwaha o ka hoʻolālā ʻike mea hoʻohana. Ke hoʻomanaʻo nei au i ka hoʻololi ʻana mai ka papa ʻaina i ka CSS, ka pivot i ka hoʻolālā pane i ka wā i hoʻomaka ai ka iPhone, a me ka piʻi ʻana o ka "hoʻokele waiwai." Akā ke hoʻokele nei mākou i ka 2026, ke kū nei ka ʻoihana i kāna neʻe nui loa. Ke neʻe nei mākou ma mua o ke au o ka "hoʻolālā i kēlā me kēia kumukūʻai" i ke au o Sustainable UX. ʻAʻole ia he mea e noʻonoʻo ai ka hapa nui o nā mea hoʻolālā, e komo pū me aʻu iho, a hiki i ka wā i hoʻoikaika ʻia ai au e ka lohe ʻana i kēia ma ke ʻano he manaʻo. No nā makahiki, ua mālama mākou i ka pūnaewele ma ke ʻano he ethereal a me ke ao kaumaha ʻole. Ua manaʻo mākou he "'ōmaʻomaʻo" nā huahana kikohoʻe no ka mea ʻaʻole i paʻi ʻia ma ka pepa. Ua noʻonoʻo wau i kēlā, a ma mua o ka puka ʻana o ka manaʻo o ka hoʻololi ʻana i ke aniau, ʻoi aku ka nui o ka mālama ʻana i nā kumulāʻau. Ua hewa mākou. ʻO ke ao he ʻano hana kino, he pūnaewele puni honua o nā kikowaena ʻikepili, nā uwea ma lalo o ka moana, a me nā ʻōnaehana hoʻomaha e hum 24/7. ʻOiai ʻo nā kikowaena data e pili ana iā AI e hoʻohālikelike i ka hoʻohana ʻana i ka mana o nā mea hoʻoheheʻe alumini nui, ʻo kā lākou kiʻekiʻe kiʻekiʻe kiʻekiʻe e hoʻokumu i kahi ʻoi aku ka ikaika a me ke kaiapuni kūloko. E like me nā mea hoʻolālā UX, ʻo mākou nā mea hoʻolālā o kēia hoʻohana ikehu. ʻO kēlā me kēia kiʻi hero kiʻekiʻe, kēlā me kēia wikiō paʻi kaʻa kaʻa, a me kēlā me kēia hāmeʻa JavaScript paʻakikī a mākou e ʻae nei he aʻo pololei ia i kahi mea hana e hoʻopau i ka mana. Inā makemake mākou e kūkulu i kahi wā e hiki mai ana, pono mākou e ho'ōki i ka hoʻolālā ʻana no ka "wow" a hoʻomaka e hoʻolālā no ka pono. ʻAno ʻeleʻele I nā makahiki 2000 mua, ʻo nā kāʻei keʻokeʻo ka mea maʻamau no ka mea ua hoʻohālike lākou i ka kamaʻāina o ka pepa. Eia naʻe, ua ulu ka ʻenehana, a pono e hahai kā mākou kumu hoʻolālā. Ua hoʻololi maoli ka hoʻololi ʻana mai ka LCD a i ka OLED (Organic Light Emitting Diode) i ka hopena o ka kala i ka ikehu.
Ka Loko ʻAʻole like me nā pale LCD maʻamau, e koi ana i kahi kukui hope e mau ana (ʻoiai ke hōʻike ʻia ʻeleʻele), hoʻomālamalama nā pale OLED i kēlā me kēia pika. Ke hoʻonoho ʻia kahi pika i ka ʻeleʻele maoli (#000000), ua pio loa kēlā diode kikoʻī. Huki ia i ka mana zero. Ma ka hoʻolālā ʻana i nā loulou e makemake i nā palette ʻeleʻele, ʻaʻole mākou e hahai wale nei i kahi ʻano; ke hōʻemi kino nei mākou i ka pono o ka ikehu o ka mea hoʻohana. ʻO ka ʻikepili ʻO ka mālama ʻana i ka ikehu he mamao loa ia mai ka haʻahaʻa. Ua hōʻike ʻia kahi noiʻi ʻāina e ke Kulanui ʻo Purdue ma 2021, ka mea i lilo i kumu gula no kēia kūkākūkā, ma ka 100% o ka mālamalama, ke hoʻololi ʻana mai ke ʻano māmā i ke ʻano pōʻeleʻele hiki ke mālama i ka awelika o 39% a 47% o ka mana pākaukau. Ma ke ao holoʻokoʻa, inā i hoʻokae ʻia kēlā me kēia noi nui i ke ʻano ʻeleʻele, ʻo ka hōʻemi ʻana i ka noi grid e lilo i astronomical. Ka Pahuhopu Hoʻolālā I ka makahiki 2026, ʻaʻole pono ke ʻano ʻeleʻele he "kumuhana" lua i hoʻopaʻa ʻia i kahi papa kuhikuhi. Pono mākou e hoʻolālā me ka noʻonoʻo "Dark-First". ʻAʻole kēia manaʻo e like nā pae āpau e like me The Matrix, akā ʻo ia ke ʻano o ka hoʻokumu ʻana i nā kumumanaʻo ʻeleʻele kiʻekiʻe e like me ke ʻano o ka ʻōnaehana makemake. Hoʻonui kēia i ke ola o ka mīkini a hoʻohaʻahaʻa i ka wāwae kalapona o kēlā me kēia pilina. Makemake au i ka Light-Mode no ka heluhelu ʻana, no laila he mea maʻalahi ke loaʻa nā koho māmā a me ka ʻeleʻele. Aia pū kekahi noʻonoʻo hiki ke loaʻa me ka hāʻawi ʻana i nā koho ʻelua. Hoʻonui Kiʻi A me Video Ua lilo mākou i mea hoʻolālā palaualelo. Me ka 5G kiʻekiʻe a me ka fiber optics, ua pau mākou i ka hopohopo e pili ana i ka nui o ka faila. Ua hoʻonui ʻia ke kaumaha o ka ʻaoʻao kelepona ma mua o 500% i nā makahiki he ʻumi i hala, ma muli o nā waiwai ʻike ʻike ʻole ʻia. Ka Loko ʻO ka "Digital Fat" o kahi pūnaewele (kēlā mau kiʻi 4MB Unsplash a me nā wikiō hope 15MB) ʻo ia ka mea kōkua nui loa i ka ikehu ʻaoʻao. ʻO kēlā me kēia megabyte i hoʻoili ʻia mai kahi kikowaena i kahi mea kūʻai aku e pono ai ka uila no ka hoʻouna ʻana, ka hoʻoili ʻana o ka server, a me ka mīkini hana hoʻohana. Ke hoʻohana nei mākou i nā faila nui, "ʻā" mākou i ka ikehu e hōʻike i kahi kiʻi i hiki ke hana like me ka hapa o ka nui. ʻAʻole e haʻi, ke hāʻawi nei ʻoe i kahi ʻike mea hoʻohana ʻoi aku ka maikaʻi me kahi ʻaoʻao e hoʻouka wikiwiki ana.
ʻO ka ʻikepili Wahi a ka HTTP Archive, ʻike mau nā kiʻi a me nā wikiō i ka hapa o ka liona o ka nui o ka paona o kahi ʻaoʻao. Eia naʻe, hiki i ka neʻe ʻana i nā ʻano hou e like me AVIF a me WebP ke hōʻemi i ke kaumaha o ke kiʻi a hiki i ka 50% i hoʻohālikelike ʻia me JPEG, me ka ʻole o ka nalowale o ka maikaʻi. ʻOiai ʻaʻole maʻa iaʻu kēia mau palapala e like me JPG a me PNG, ke kakali nei au i ka hoʻohana ʻana iā lākou e hōʻemi i ka nui o ka ʻaoʻao. ʻO kaHoʻolālā Pahuhopu Ua alakaʻi hou wau i kahi hoʻolālā hou no kahi kahua cybersecurity. Ma ka hoʻokō ʻana i kahi loiloi "Ma mua a ma hope", ʻike mākou e hoʻouka ana kā lākou ʻaoʻao home i ka 5.5MB o ka ʻikepili. Ma ka hoʻololi ʻana i nā kiʻi kiʻi kiʻekiʻe me ka SVG (Scalable Vector Graphics) kiʻi a me ka hoʻohana ʻana i nā gradients CSS akamai ma mua o nā waiwai kiʻi, ua hāʻule mākou i ka ukana i 1.2MB. He 78% ka emi ʻana o ka ukana ikehu! Ma ke ʻano he mea hoʻolālā, pono kāu nīnau mua: "Pono au i kiʻi no kēia, a i ʻole hiki iaʻu ke hoʻokō i ka resonance like me ka code?"
Nani Manaʻo: ʻOki ʻana i nā Animation "Leo". Noho mākou i kahi au o ka "scroll-jacking" a me nā hopena 3D Parallax paʻakikī. ʻOiai e lanakila paha kēia mau makana ma Awwwards.com, he mau pōʻino kaiaola. Ka Loko ʻAʻole manuahi ka animation. No ka hana ʻana i kahi animation paʻakikī, pono e hana ka GPU (Graphics Processing Unit) o ka mea hana ma ka mana kiʻekiʻe. Hoʻonui kēia i ka mahana o ka CPU, hoʻoulu i nā mea hoʻoluʻu (ma nā kamepiula), a hoʻokahe wikiwiki i ka pākaukau. ʻO nā hāmeʻa "leo nui" e holo mau ana ma ke kua a i ʻole e hoʻoulu i nā pena hou o ka polokalamu kele pūnaewele ʻo ia ka like o ka ikehu o ka waiho ʻana i kāu kaʻa me ka ʻole ma ke ala.
ʻO ka ʻikepili Hoʻokumu nā alakaʻi hoʻolālā Material a Google i ka "Meaningful Motion." Ke hoʻopaʻapaʻa nei lākou e hoʻohana wale ʻia ka animation e kuhikuhi i ka mea hoʻohana a hāʻawi i nā manaʻo. A me ka hoʻohana ʻana iā WebP ma kahi o JPEG hiki ke mālama i ka 25-50% o ka ʻikepili ma kahi ʻaoʻao. Ka Pahuhopu Hoʻolālā Pono mākou e lawe i ka Meaningful Motion. Inā ʻaʻole kōkua kahi animation i ka mea hoʻohana e hoʻopau i kahi hana a i ʻole e hoʻomaopopo i kahi hierarchy, he mea ʻino ia. Pono mākou e makemake i nā hoʻololi CSS ma mua o nā waihona JavaScript koʻikoʻi e like me GSAP a i ʻole Lottie inā hiki, no ka mea, ʻoi aku ka wikiwiki o ka CSS a ʻoi aku ka maikaʻi no ka polokalamu kele pūnaewele e helu. Ma ke ʻano he mea hoʻolālā UX, ʻaʻole hiki iaʻu ke hoʻopaʻapaʻa i kēia ala. ʻAʻole kōkua wale kēia i ka hōʻemi ʻana i ka ʻikepili ʻikepili akā hoʻomaikaʻi pū i ka UX no kā mākou mea hoʻohana. Hoʻonohonoho i kahi "Data Budget" no kēlā me kēia papahana I kaʻu mau makahiki 20+ o UX, ʻo nā papahana i kūleʻa loa ʻo ia ka mea me nā paʻa paʻa loa. E like me ka loaʻa ʻana o kahi pāhana kālā, pono e loaʻa iā ia kahi kālā kalapona a me ka ʻikepili. Ka Loko He pāpaʻi paʻakikī ka Pūnaehana ʻIkepili i ka nui o ka ʻaoʻao (e laʻa, "ʻAʻole hiki i kēia ʻaoʻao pae ke ʻoi aku ma mua o 1MB"). Hoʻoikaika kēia i ka hui hoʻolālā e hana i nā koho paʻakikī. Inā makemake ʻoe e hoʻohui i kahi palapala nānā hou a i ʻole ke kaumaha momona momona, pono ʻoe e "uku" no ia mea ma ka hoʻonui ʻana a i ʻole ka wehe ʻana i kahi mea ʻē aʻe. ʻAʻole kēia i ka "kolo hiʻohiʻona" mai ka lilo ʻana i "carbon creep." ʻO ka ʻikepili Hāʻawi ke ʻano hoʻohālike e hoʻolālā ʻia e nā paionia e like me Wholegrain Digital, ke kumu hoʻohālike e helu ai i ka CO2 no kēlā me kēia ʻaoʻao. Hoʻopuka ka pūnaewele maʻamau ma kahi o 0.5 grams o CO2 i kēlā me kēia nānā. No kahi pūnaewele me 1 miliona mau ʻike i kēlā me kēia mahina, ʻo ia ka 6 metric tons o CO2 i hoʻokahi makahiki, e like me ka hoʻokele kaʻa 15,000 mile. Ka Pahuhopu Hoʻolālā ʻO ka papa inoa UX mau loa
E hōʻemi i nā kiʻi nīnau i ka pono o kēlā me kēia hiʻohiʻona a hoʻohana i ka hoʻonā liʻiliʻi a me nā ʻano faila kūpono loa (e like me AVIF) e hōʻemi i ka hoʻoili ʻikepili. Optimize VideoEliminate pāʻani pāʻani auto a hoʻonohonoho mua i nā puka lou i hoʻopaʻa ʻia, pōkole e hōʻoia i ka pau ʻana o ka ikehu ma nā ʻike a ka mea hoʻohana e manaʻo ai e nānā. E hoʻohana i ka nui o ʻelua mau paona paona pūnaewele a i ʻole e hoʻopaʻa i nā ʻōnaehana maʻamau no ka wehe ʻana i nā noi kikowaena pono ʻole a me ka hoʻoulu ʻana. Recycle Assets E hoʻohana hou i hoʻokahi kiʻi a i ʻole wikiō i nā manawa he nui me ka hoʻohana ʻana i nā kānana CSS a me nā overlays e hana i nā ʻano like ʻole me ka hoʻonui ʻole i ka nui o ka paona ʻaoʻao. E koho i ka Green HostingHost i kāu huahana kikohoʻe ma nā kikowaena i hōʻoia ʻia e The Green Web Foundation e hōʻoia i ka mana o lākou e nā kumu ikehu hou. E hōʻemi i ka mamao o ka ʻikepili E koho i nā wahi kikowaena ma kahi kokoke i kāu poʻe anaina mua e hōʻemi i ka ikehu e pono ai no ka ʻikepili e hele ai ma o nā ʻōnaehana kino.
ʻO ka hihia pāʻoihana no ka hoʻolālā ʻenehana Hiki i kekahi ke hoʻopaʻapaʻa ʻo "Green UX" e like me ka hoʻololi ʻana i ka maikaʻi. ʻO ka mea ʻē aʻe, he mea hoʻokūkū hoʻokūkū. ʻO ka hoʻolālā hoʻomau ka hoʻolālā hana. Ke hoʻemi ʻoe i ke kaumaha o ka ʻaoʻao, ʻoi aku ka wikiwiki o kāu pūnaewele. Ke hoʻouka wikiwiki ʻia kāu pūnaewele, hoʻomaikaʻi kāu Core Web Vitals. Ke hoʻomaikaʻi ʻia kāu Core Web Vitals, piʻi aʻe kāu pae SEO. Eia kekahi, hiki i nā mea hoʻohana ma nā polokalamu kahiko a i ʻole nā hoʻolālā data lohi (ʻoi loa i nā mākeke e kū mai ana) hiki ke komo i kāu huahana. ʻO kēia ka wehewehe ʻana o "Inclusive Design." Ma ka ʻoki ʻana i ka "momona kikohoʻe," hana mākou i kahi pūnaewele ʻoi aku ka wikiwiki, wikiwiki a maʻalahi hoʻi. Ke neʻe nei mākou mai ka "disposable design" o nā makahiki 2010 a hiki i kahiʻoi aku ka paʻa, ka hanohano kikohoʻe hoʻolālā. Ka hopena: ʻO ka wā e hiki mai ana o ka hoʻolālā "maʻemaʻe". I loko o koʻu mau makahiki ʻelua o ka hoʻolālā ʻana, ua ʻike au i nā ʻano he nui e hele mai a hele. Skeuomorphism, Flat Design, Neumorphism - he mau koho nani a pau. Akā ʻaʻole ʻo UX hoʻomau ke ʻano; i kēia manawa he mea pono. ʻO mākou ka hanauna mua o nā mea hoʻolālā e helu me nā hopena kino o kā mākou hana kikohoʻe. ʻO ka UX hoʻomau he "win-win-win." ʻOi aku ka maikaʻi no ka honua no ka mea e hōʻemi ana i ka hoʻohana ʻana i ka ikehu. ʻOi aku ka maikaʻi no ka mea hoʻohana no ka mea ʻoi aku ka wikiwiki, ʻoi aku ka pane pane. A ʻoi aku ka maikaʻi no ka ʻoihana no ka mea e hoʻohaʻahaʻa i nā kumukūʻai hoʻokipa A hoʻomaikaʻi i nā helu hoʻololi. Ua pau ka wā o "nā pixels palena ʻole". I ka makahiki 2026, ʻo ka hoʻolālā ʻoi loa ka mea i waiho i ka wāwae liʻiliʻi loa. ʻAʻole mākou he mau mea hoʻolālā; ʻO mākou nā kiaʻi o ka pākaukau o ka mea hoʻohana, kā lākou hoʻolālā ʻikepili, a ʻo ka hopena, ke kaiapuni. Kahea i ka hana Paipai au iā ʻoe e hoʻoponopono i hoʻokahi ʻaoʻao o kāu papahana i kēia lā. E hoʻohana i kahi mea hana e like me ka Pūnaewele Carbon Calculator e ʻike i kona hopena. A laila, e ʻimi i ka "ʻōpala ʻike ʻole." Hiki i kēlā kiʻi ke SVG? Hiki i kēlā wikiō ke lilo i meʻe paʻa? Hiki ke hoʻopaneʻe ʻia kēlā ʻano hana "leo nui"? E hoʻomaka liʻiliʻi. ʻO ka hoʻonā nani loa ʻo ia ka mea me ka liʻiliʻi loa o nā bytes.
