N ye san tan fila ni kɔ kɛ baarakɛlaw ka dɔnniya dilancogo bɔgɔdaga kɔnɔ. N hakili bɛ jiginni na ka bɔ tabali-labɛnw na ka taa CSS la, pivot ka taa jaabi dilancogo la waati min na iPhone daminɛna, ani “jateminɛ sɔrɔko” wulilen. Nka n’an bɛ san 2026 taama na, o baara in bɛ ka a ka fɛn caman wuli fɔlɔ. An bɛ ka tɛmɛn « dilancogo mana kɛ cogo o cogo » waati tɛmɛnen na ka don UX sabatili waati la. A tɛ fɛn ye dilanbaga fanba bɛ miiri min na, ne yɛrɛ fana sen bɛ o la, fo ka se n bilasirali ma ni nin ko in mɛnni ye i n’a fɔ hakilina. San caman kɔnɔ, an ye ɛntɛrinɛti minɛ i n’a fɔ sankaba etɛri, girinya tɛ min na. An y’a miiri ko nizɛri fɛn dilannenw tun ye “green” ye dɔrɔn bawo u tun ma sɛbɛn papiye kan. N tun b’o miiri fana, wa sanni waati jiginni hakilina ka bɔ kɛnɛ kan, a tun bɛ jiriw kisi kosɛbɛ. An tun filila. Sankaba ye fɛnɲɛnɛma ye, kunnafonidilanw, kɔgɔji jukɔrɔla kabaliw, ani nɛnɛbɔlanw minnu bɛ mankan bɔ tile 24/7. Hali n’a y’a sɔrɔ kunnafonidilan minnu sinsinnen bɛ AI kan, olu bɛ bɛn aliminiyɔmu sɛnɛyɔrɔbaw ka fanga ta ma, u ka dugukoloko camanba bɛ sigida gɛlɛya dɔ lawuli min ka bon kosɛbɛ ani min bɛ sigida la. Anw minnu ye UX dilanbagaw ye, anw de ye nin fanga tacogo in dilannikɛlaw ye. Jagokɛla ja o ja min ka bon kosɛbɛ, o videyo kɔkanna wideyow bɛɛ min bɛ kɛ a yɛrɛma, ani JavaScript animation gɛlɛn bɛɛ min bɛ sɔn an ma, o ye cikan tilennen ye min bɛ di porosesɛri dɔ ma walasa a ka fanga ta. N’an b’a fɛ ka siniɲɛsigi jɔ min bɛ mɛn, an ka kan ka “wow” dilanni dabila, ka dilan daminɛ walasa ka baara kɛ ka ɲɛ. Mode Dibi la San 2000 daminɛ na, kɔkanna finmanw tun ye sariya ye bawo u tun bɛ papiye dɔnni ladege. Nka, fɛnɲɛnɛma-minɛnw jiginna, wa an ka dilancogo hakilila ka kan ka tugu o kɔ. Yɛlɛma min kɛra ka bɔ LCD la ka taa OLED (Organic Light Emitting Diode) fɛɛrɛ la, o ye fɛn caman Changé kosɛbɛ cogo min na kulɛri bɛ nɔ bila fanga la.
A ka Logique (Logique) ye A tɛ i n’a fɔ LCD ekran kɔrɔlenw, minnu bɛ kɔkanna yeelen de wajibiya min bɛ yeelen tuma bɛɛ (hali n’a bɛ nɛrɛ jira), OLED ekranw bɛ pixel kelen-kelen bɛɛ yeelen. Ni pixel dɔ bilala tiɲɛ na black (#000000) la, o diode kɛrɛnkɛrɛnnen bɛ faga pewu. A bɛ fanga zeru sama. Ni an ye interfaces (dakunw) dilan minnu bɛ paleti dibimanw fɛ, an t’a fɛ ka tugu fɛn dɔ kɔ dɔrɔn; an bɛ ka dɔ bɔ farikolo ta fan fɛ fanga wajibiyalen na baarakɛla ka minɛn na. Data (Dɔnniya) minnu bɛ yen Kuwati min bɛ mara, o yɔrɔ ka jan kosɛbɛ. Purdue Iniwɛrisite ka sɛgɛsɛgɛliba dɔ kɛra san 2021, n’o kɛra sanu sariya ye nin baro in na, o y’a jira ko ni yeelen 100% kɛra, ka bɔ yeelen cogo la ka taa dibi cogo la, o bɛ se ka batiri fanga kisi 39% fo 47% cɛmancɛ la. Diɲɛ kɔnɔ, ni appli belebele bɛɛ tun bɛ default kɛ dibi cogo la, grid ɲinini dɔgɔyali tun bɛna kɛ sankololafɛnw ye. Laɲini min ye dilancogo ye San 2026, Dark Mode man kan ka kɛ “kunnafoni” filanan ye tugun min dogolen bɛ settings menu kɔnɔ. An ka kan ka kɛ ka dilan kɛ ni “Dibi-Fɔlɔ” hakilina ye. O kɔrɔ tɛ ko yɔrɔ bɛɛ ka kan ka kɛ i n’a fɔ The Matrix, nka o kɔrɔ ye ka dibi barokunw bila jɔyɔrɔ fɔlɔ la minnu ni ɲɔgɔn cɛ ka bon i n’a fɔ sitɛmu ka fɛɛrɛ fɔlɔ. O bɛ minɛn in ka fɛnɲɛnamafagalanw ɲɛnamaya janya ani ka jɛɲɔgɔnya bɛɛ ka gazi bɔlenw dɔgɔya. Ne yɛrɛ fɛ, Light-Mode ka di kalan ye, o la, a bɛ kɛ cogo la ka yeelen ni dibi cogoya sugandilenw bɛɛ sɔrɔ. Sɔrɔko jateminɛw fana bɛ yen ni sugandi fila bɛɛ dicogo ye. Jaa Ni Wideyow ɲɛnabɔcogo ɲuman An kɛra dilanbaga lafiyabaliw ye. Ni 5G teliyaba ani fibre optique ye, an ye hami dabila dosiyew hakɛw la. Mobili ɲɛw girinya hakɛ cayara ni 500% ni kɔ ye san tan tɛmɛnenw kɔnɔ, o sababuba ye yecogo nafolo ye min ma ɲɛ. A ka Logique (Logique) ye Siti dɔ ka “Digital Fat” (o 4MB Unsplash fotow ani 15MB kɔkan wideyow) de ye dɛmɛba kelen ye min bɛ ɲɛw doni fanga la. Megabayiti o megabayiti bɛ bɔ sèrwɛri la ka taa kiliyan dɔ la, o bɛ kuran de wajibiya walasa ka cikan ci, ka sèrwɛri ka baara kɛ, ani baarakɛla ka rendering engine. N’an bɛ baara kɛ ni dosiye belebelebaw ye, an bɛ fanga “jeni” tiɲɛ na walasa ka ja dɔ jira min tun bɛ se ka kɛ o cogo kelen na ni a bonya tilayɔrɔba dɔ ye. A kana fɔ ko i bɛ baarakɛcogo ɲuman fana Di ni ɲɛ ye min bɛ doni teliya kosɛbɛ.
Data (Dɔnniya) minnu bɛ yen HTTP Archive ka fɔ la, jaw ni wideyow bɛ to ka ɲɛ dɔ girinya bɛɛ lajɛlen jate waraba ye. Nka, jiginni ka taa bi cogoyaw la i n’a fɔ AVIF ani WebP, o bɛ se ka ja girinya dɔgɔya fo ka se 50% ma ni i y’a suma ni JPEG ye, k’a sɔrɔ bɔnɛ ma ye a jogo la. Hali n’o cogoyaw ma Dɔn n fɛ i n’a fɔ JPG ni PNG, n b’a fɛ kosɛbɛ ka baara Kɛ n’u ye walasa ka ɲɛw bonya Dɔgɔya. ELaɲini min bɛ kɛ ka dilan Kɔsa in na, n ye ɲɛmɔgɔya ta ka ɲɛsin ɛntɛrinɛti lakanani yɔrɔ dɔ labɛnni kura ma. “Sanni ani kɔfɛ” jatebɔ dɔ kɛli fɛ, an y’a ye k’u ka dakun fɔlɔ bɛ ka kunnafonidilan 5,5MB doni. Ni an ye fototalan ɲɛnamaw bila SVG (Scalable Vector Graphics) seko nɔ na ani ka baara kɛ ni CSS gradients hakilitigiw ye ja nafolo nɔ na, an ye doni jigin ka se 1,2MB ma. O ye fanga doni dɔgɔyali ye 78%! I n’a fɔ dilanbaga, i ka ɲininkali fɔlɔ ka kan ka kɛ tuma bɛɛ: “Yala ne mago bɛ foto la o kama wa, walima yala ne bɛ se ka dusukunnataw resonance kelen sɔrɔ ni kode ye wa?”
Lamaga laɲini: Animatɛri “kanba” tigɛcogo An bɛ “scroll-jacking” waati la ani 3D Parallax nɔ gɛlɛnw. Hali ni ninnu bɛ se ka jaabiw sɔrɔ Awwwards.com kan, tuma caman na, u bɛ kɛ balawu ye sigida lamini na. A ka Logique (Logique) ye Animatɛri tɛ fu ye. Walasa ka animation gɛlɛn dɔ jira, minɛn in ka GPU (Graphics Processing Unit) ka kan ka baara kɛ ni seko caman ye. O bɛ dɔ fara CPU funteni kan, ka nɛnɛbɔlanw daminɛ (ɔridinatɛriw kɔnɔ), ka batiri bɔ joona. Animatɛri “kanba” minnu bɛ boli tuma bɛɛ kɔfɛ walima minnu bɛ navigatɛri ka penti caman kɛ kokura, olu ye fanga ye min bɛ bɛn i ma n’i y’i ka mobili to a ka baara la bolifɛnw dondaw la.
Data (Dɔnniya) minnu bɛ yen Google ka Material Design ka laadilikanw bɛ sinsin “Lamaga kɔrɔlen” kan. U b’a Fɔ ko animation (ɲɛnamaya) ka kan ka Kɛ dɔrɔn walasa ka baarakɛla ɲɛsin walima ka hakilinaw Di. Wa ni baara kɛra ni WebP ye JPEG nɔ na, o bɛ se ka kunnafoni 25-50% mara ɲɛ dɔ kan. Laɲini min ye dilancogo ye An ka kan ka Motion kɔrɔlen ta. Ni animation (ɲɛnamaya kɛcogo) ma baarakɛla dɛmɛ ka baara dɔ dafa walima ka hierarchy (daɲɛw sigicogo) dɔ faamuya, o ye tiɲɛni ye. An ka kan ka CSS jiginniw fɛ ka tɛmɛ JavaScript gafemarayɔrɔ girinmanw kan i n’a fɔ GSAP walima Lottie n’a bɛ se ka kɛ, bawo CSS bɛ teliya ni fɛnɲɛnamafagalanw ye, wa a bɛ baara kɛ ka ɲɛ kosɛbɛ navigatɔrɔn ka jatebɔ la. N kɛlen UX dilanbaga ye, n tɛ se ka sɔsɔli kɛ nin fɛɛrɛ in kan. O tɛ dɛmɛ dɔrɔn ka kunnafoniw tiɲɛni dɔgɔya nka a bɛ UX fana ɲɛ ka taa a fɛ an ka baarakɛlaw ye. “Data Budget” sigili Porozɛ bɛɛ kama N ka san 20+ UX kɔnɔ, porozɛ minnu ye ɲɛtaa sɔrɔ kosɛbɛ, olu kɛra caman ye minnu ka gɛlɛyaw ka gɛlɛn kosɛbɛ. I n’a fɔ porozɛ dɔ ka wariko baarakɛnafolo bɛ yen cogo min na, a ka kan ka kɛ ni karɔbɔli ni kunnafonidilanw fana ka baarakɛnafolo ye. A ka Logique (Logique) ye Donanw ka Budjet ye dakun gɛlɛn ye min bɛ ɲɛ kelen hakɛ bɛɛ lajɛlen kan (misali la, “Nin landingɛ ɲɛ tɛ se ka tɛmɛ 1MB kan”). O bɛ dilanjɛkulu wajibiya ka sugandili gɛlɛnw kɛ, minnu bɛ kɛ ni laɲini ye. N’i b’a fɛ ka tugu-tugu-sɛbɛn kura dɔ Fàra o kan walima ka sɛbɛnnibolo girinya cɛɲi dɔ Fàra o kan, i ka kan k’o “sara” n’i ye fɛn wɛrɛ ɲɛnabɔcogo ɲuman Kɛ walima k’a Bɔ yen. O bɛ “feature creep” bali ka wuli ka kɛ “carbon creep” ye. Data (Dɔnniya) minnu bɛ yen Sustainable Web Design model, min dabɔra tutigɛbagaw fɛ i n’a fɔ Wholegrain Digital, o bɛ formula dɔ di walasa ka CO2 jate ɲɛ kelen-kelen bɛɛ lajɛlen na. Siti in bɛ CO2 garamu 0,5 ɲɔgɔn Bɔ filɛli kelen na. Siti min bɛ lajɛ miliyɔn 1 ye kalo o kalo, o ye CO2 mɛtɛrɛ tɔni 6 ye san kɔnɔ, o bɛ bɛn mobili boli ma kilomɛtɛrɛ 15000 ma. Laɲini min ye dilancogo ye UX sɛgɛsɛgɛli sɛbɛn min bɛ sabati
Jaw dɔgɔyaliƝininkali kɛ yecogo bɛɛ wajibiyalen na ani ka baara kɛ ni filen cogoya fitininw ye ani minnu bɛ baara kɛ ka ɲɛ (i n’a fɔ AVIF) walasa ka kunnafoniw cili dɔgɔya. Wideyo labɛn ka ɲɛIliminate auto-playing media ani ka fɔlɔ ka fɛnw bila jɔyɔrɔ fɔlɔ la minnu bɛ digi kosɛbɛ, minnu ka surun walasa ka a jira ko fanga bɛ musaka kɛ dɔrɔn kɔnɔkow la, baarakɛla b’a fɛ ka minnu lajɛ. Dan sigi sɛbɛnnibolowBaara kɛ ni ɛntɛrinɛti sɛbɛnnibolo girinya fila ye a caya la walima ka nɔrɔ sitɛmu sɛbɛnnibolo kɔrɔw la walasa ka baarakɛminɛnw ɲinini kunntanw ni rendering bloat bɔ yen. Recycle AssetsJa kelen walima wideyow bila baara la kokura siɲɛ caman ni CSS filɛriw ni dakunw ye walasa ka yecogo suguya caman dilan k’a sɔrɔ i ma dɔ fara ɲɛ bɛɛ girinya kan. Green Hosting sugandiI ka nizɛri fɛn dilannenw ladon sèrwɛriw kan minnu sɛgɛsɛgɛra The Green Web Foundation fɛ walasa k’a dɔn ko u bɛ baara kɛ ni fanga kura sɔrɔyɔrɔw ye. Donanw janya dɔgɔyaSɛriw sigiyɔrɔw sugandi minnu ka surun i ka lamɛnnikɛla fɔlɔw la dugukoloko siratigɛ la walasa ka fanga dɔgɔya minnu ka kan ka don kunnafoniw na walasa u ka se ka taama farikolomafɛnw fɛ.
A ka jagokɛcogo ka ɲɛsin Eco-friendly Design ma Dɔw bɛ se k’a fɔ ko “Green UX” mankan bɛ i n’a fɔ bɛnkan min bɛ jogoɲumanya kan. O kɔfɛ, o ye nafa ye min bɛ sɔrɔ ɲɔgɔndan na. Dilancogo sabatili ye baarakɛcogo labɛnni ye. N’i ye ɲɛw girinya Dɔgɔya, i ka siti bɛ doni teliya. Ni i ka site web bɛ doni teliya la, i ka Core Web Vitals bɛ ɲɛ. Ni i ka Core Web Vitals ɲɛnabɔra, i ka SEO ranking bɛ wuli. Ka fara o kan, baarakɛlaw minnu bɛ minɛn kɔrɔw kan walima kunnafonidilanw labɛncogo nɔgɔmanw kan (kɛrɛnkɛrɛnnenya la suguw la minnu bɛ ka bonya) olu bɛ se ka don i ka fɛn dilannen na tiɲɛ na. Nin ye “Dizayina min bɛ bɛɛ lajɛlen na” ɲɛfɔli ye. Ni an ye “digital fat” tigɛ, an bɛ ɛntɛrinɛti dɔ da min ka nɔgɔn, min ka teliya, ani min bɛ se ka sɔrɔ. An bɛ ka bɔ san 2010 waatiw “dilan disposable” la ka taa aka tɛmɛn fɛn bɛɛ kan min bɛ to senna, min bɛ bonya da nizɛri architecture kan. Kuncɛli: Dilancogo “saniyalen” ka siniɲɛsigi N ka san tan fila kɔnɔna na, n y’a ye ko fɛn caman bɛ na ka taa. Skeuomorphisme, Flat Design, Neumorphisme — olu bɛɛ tun ye ɲɛnajɛ sugandiliw ye. Nka UX sabatili tɛ fɛn ye min bɛ taa ɲɛ; o kɛra wajibi ye sisan. An ye dilanbagaw bɔnsɔn fɔlɔw ye minnu ka kan ka jateminɛ kɛ an ka nizɛri baara kɔlɔlɔw farikolo la. UX sabatilen ye “sɔrɔ-sɔrɔ-sɔrɔ-se” ye. A ka fisa dugukolo ma bawo a bɛ dɔ bɔ fanga ta la. A ka fisa baarakɛla ma bawo a bɛ na ni fɛnw ye minnu bɛ teliya, minnu bɛ jaabi di. Wa a ka fisa jago ma bawo a bɛ jatigila musakaw dɔgɔya ANI ka mɔgɔw jiginni hakɛw ɲɛ. “Pixel dan tɛ minnu na” waati tɛmɛna. San 2026, dilancogo min ka ca ni tɔw bɛɛ ye, o ye min bɛ senna-tɛgɛrɛ fitinin to. An tɛ dilanbagaw dɔrɔn ye tugun; an ye baarakɛla ka batiri, u ka kunnafonidilanw, ani laban na, sigida lakanabagaw ye. Weelekan min bɛ kɛ ka wale kɛ N b’aw degun aw ka aw ka sisan porozɛ ɲɛ kelen dɔrɔn jateminɛ bi. Baara kɛ ni baarakɛminɛn ye i n’a fɔ Site Web Carbon Calculator walasa k’a nɔfɛkow ye. O kɔ, i ka “nɔgɔ yebali” ɲini. Yala o ja bɛ se ka kɛ SVG ye wa? Yala o videwo bɛ se ka kɛ jagokɛla ye min tɛ jɔ wa? Yala o animation “kanba” bɛ se ka dabila wa? Aw bɛ a daminɛ dɔɔnin dɔɔnin. A ka c’a la, fura min ka ɲi kosɛbɛ, o ye min ye min ka bayt (bayt) ka dɔgɔ.
