איך האָבן פארבראכט איבער צוויי יאָרצענדלינג אין די טרענטשעס פון באַניצער דערפאַרונג פּלאַן. איך געדענק די יבערגאַנג פון טיש-באזירט לייאַוץ צו CSS, די דרייפּונקט צו אָפּרופיק פּלאַן ווען די iPhone לאָנטשט, און די העכערונג פון די "ופמערקזאַמקייט עקאנאמיע." אָבער ווען מיר נאַוויגירן אין 2026, די ינדאַסטרי איז פייסינג זיין מערסט באַטייַטיק יבעררוק נאָך. מיר זענען אריבערגעפארן די תקופה פון "פּלאַן צו קיין פּרייַז" אין דער תקופה פון סאַסטיינאַבאַל UX. דאָס איז נישט עפּעס וואָס רובֿ דיזיינערז טראַכטן וועגן, אַרייַנגערעכנט זיך, ביז איך איז געווען פּראַמפּטיד דורך הערן וועגן דעם ווי אַ באַגריף. פֿאַר יאָרן, מיר האָבן באהאנדלט די אינטערנעט ווי אַ יטיריאַל, ווייטלאַס וואָלקן. מיר האָבן אנגענומען אַז דיגיטאַל פּראָדוקטן זענען "גרין" פשוט ווייַל זיי זענען נישט געדרוקט אויף פּאַפּיר. איך פלעג אויך טראַכטן, און איידער דער באַגריף פון קלימאַט ענדערונג ימערדזשד, עס איז געווען מער וועגן שפּאָרן ביימער. מיר האבן זיך טועה געווען. די וואָלקן איז אַ גשמיות ינפראַסטראַקטשער, אַ ספּראָלינג נעץ פון דאַטן סענטערס, אַנדערסי קייבאַלז און קאָאָלינג סיסטעמען וואָס ברומען 24/7. בשעת אַי-פאָוקיסט דאַטן סענטערס גלייַכן די מאַכט קאַנסאַמשאַן פון מאַסיוו אַלומינום סמעלטערס, זייער הויך דזשיאַגראַפיק געדיכטקייַט קריייץ אַן אפילו מער טיף און לאָוקאַלייזד ינווייראַנמענאַל שפּאַנונג. ווי UX דיזיינערז, מיר זענען די אַרקאַטעקץ פון דעם ענערגיע קאַנסאַמשאַן. יעדער הויך-האַכלאָטע העלד בילד, יעדער אַוטאָ-פּלייינג הינטערגרונט ווידעא, און יעדער קאָמפּלעקס דזשאַוואַסקריפּט אַנאַמיישאַן מיר אַפּרווו איז אַ דירעקט ינסטרוקטיאָן צו אַ פּראַסעסער צו פאַרנוצן מאַכט. אויב מיר ווילן צו בויען אַ צוקונפֿט וואָס לאַסץ, מיר מוזן האַלטן דיזיינינג פֿאַר "וואַו" און אָנהייבן דיזיינינג פֿאַר עפעקטיווקייַט. טונקל מאָדע אין די פרי 2000 ס, ווייַס באַקגראַונדז זענען די סטאַנדאַרט ווייַל זיי נאָכמאַכן די פאַמיליעראַטי פון פּאַפּיר. אָבער, די ייַזנוואַרג האט יוואַלווד, און אונדזער פּלאַן פילאָסאָפיע מוזן נאָכפאָלגן. די יבעררוק פון לקד צו OLED (אָרגאַניק ליכט עמיטינג דיאָדע) טעכנאָלאָגיע האט פאַנדאַמענטאַלי געביטן ווי קאָליר ימפּאַקץ ענערגיע.
די לאָגיק ניט ענלעך טראדיציאנעלן לקד סקרינז, וואָס דאַרפן אַ באַקלייט וואָס איז שטענדיק אויף (אפילו ווען ווייַזנדיק שוואַרץ), אָלעד סקרינז ילומיניט יעדער פּיקסעל ינדיווידזשואַלי. ווען אַ פּיקסעל איז באַשטימט צו אמת שוואַרץ (#000000), די ספּעציפיש דייאָוד איז אויסגעדרייט גאָר אַוועק. עס דראָז נול מאַכט. דורך דיזיינינג ינטערפייסיז וואָס טויגעוודיק פון דאַרקער פּאַלעטטעס, מיר זענען נישט בלויז נאָך אַ גאַנג; מיר זענען פיזיקלי רידוסינג די ענערגיע פאָדערונג פון די באַניצער 'ס מיטל. די דאַטן די ענערגיע סייווינגז זענען ווייַט פון נעגלאַדזשאַבאַל. א לאַנדמאַרק לערנען פון Purdue אוניווערסיטעט אין 2021, וואָס איז געווארן דער גאָלד סטאַנדאַרט פֿאַר דעם דיסקוסיע, אנטפלעקט אַז ביי 100% ברייטנאַס, סוויטשינג פון ליכט מאָדע צו טונקל מאָדע קענען שפּאָרן אַ דורכשניטלעך פון 39% צו 47% פון באַטאַרייע מאַכט. אויף אַ גלאבאלע וואָג, אויב יעדער הויפּט אַפּ דיפאָלטיד צו טונקל מאָדע, די רעדוקציע אין גריד פאָדערונג וואָלט זיין אַסטראַנאַמיקאַל. די פּלאַן ציל אין 2026, דאַרק מאָדע זאָל ניט מער זיין אַ צווייטיק "טעמע" טאַקט אַוועק אין אַ סעטטינגס מעניו. מיר זאָל זיין דיזיינינג מיט אַ "דאַרק-ערשטער" פּסיכאָלאָגיע. דאָס טוט נישט מיינען אַז יעדער פּלאַץ זאָל קוקן ווי די מאַטריץ, אָבער דאָס מיינט פּרייאָראַטייז הויך-קאַנטראַסט טונקל טעמעס ווי די פעליקייַט סיסטעם-בילכער שטאַט. דאָס יקסטענדז די ייַזנוואַרג לעבן פון די מיטל און לאָווערס די טשאַד שפּור פון יעדער ינטעראַקשאַן. איך פּערסנאַלי בעסער ליכט מאָדע פֿאַר לייענען, אַזוי עס איז זינען צו האָבן ביידע ליכט און פינצטער מאָדע אָפּציעס. עס זענען אויך אַקסעסאַביליטי קאַנסידעריישאַנז מיט פּראַוויידינג ביידע אָפּציעס. בילד און ווידעא אָפּטימיזאַטיאָן מיר האָבן ווערן פויל דיזיינערז. מיט הויך-גיכקייַט 5G און פיברע אָפּטיקס, מיר האָבן פארשטאפט זאָרג וועגן טעקע סיזעס. די דורכשניטלעך וואָג פון רירעוודיק בלאַט איז געוואקסן מיט איבער 500% אין די לעצטע יאָרצענדלינג, לאַרגעלי רעכט צו אַנאָפּטימיזעד וויזשאַוואַל אַסעץ. די לאָגיק די "דיגיטאַל פעט" פון אַ וועבזייטל (די 4MB Unsplash פאָטאָס און 15MB הינטערגרונט ווידיאס) איז דער איין גרעסטער מיטארבעטער צו בלאַט מאַסע ענערגיע. יעדער מעגאבייט טראַנספערד פון אַ סערווער צו אַ קליענט ריקווייערז עלעקטרע פֿאַר די טראַנסמיסיע, די פּראַסעסינג פון די סערווער און דער באַניצער ס רענדערינג מאָטאָר. ווען מיר נוצן מאַסיוו טעקעס, מיר יסענשאַלי "ברענען" ענערגיע צו ווייַזן אַ בילד וואָס קען האָבן געווען פּונקט ווי עפעקטיוו אין אַ בראָכצאָל פון די גרייס. ניט צו דערמאָנען, איר אויך צושטעלן אַ בעסער באַניצער דערפאַרונג מיט אַ בלאַט וואָס לאָודז פיל פאַסטער.
די דאַטן לויט די HTTP אַרטשיווע, בילדער און ווידעא קאַנסיסטאַנטלי אַקאַונץ פֿאַר די לייב ס טיילן פון אַ בלאַט ס גאַנץ וואָג. אָבער, די יבעררוק צו מאָדערן פֿאָרמאַטירונגען ווי AVIF און WebP קענען רעדוצירן בילד וואָג מיט אַרויף צו 50% קאַמפּערד מיט JPEG, אָן קיין פּערסעפּטאַבאַל אָנווער אין קוואַליטעט. כאָטש די פֿאָרמאַטירונגען זענען נישט אַזוי באַקאַנט צו מיר ווי JPG און PNG, איך בין באשטימט קוקן פאָרויס צו נוצן זיי צו רעדוצירן די גרייס פון די בלאַט. דיפּלאַן ציל איך לעצטנס געפירט אַ רידיזיין פֿאַר אַ סייבערסעקוריטי פּלאַטפאָרמע. דורך ימפּלאַמענינג אַ "איידער און נאָך" קאָנטראָלירן, מיר דיסקאַווערד אַז זייער האָמעפּאַגע לאָודיד 5.5 מב פון דאַטן. דורך ריפּלייסינג הויך-ריז פאָטאָגראַפיע מיט SVG (סקאַלאַבלע וועקטאָר גראַפיקס) קונסט און ניצן קלוג CSS גראַדיענץ אַנשטאָט פון בילד אַסעץ, מיר דראַפּט די מאַסע צו 1.2MB. דאָס איז אַ 78% רעדוקציע אין ענערגיע מאַסע! ווי אַ דיזיינער, דיין ערשטער קשיא זאָל שטענדיק זיין: "צי איך דאַרפֿן אַ פאָטאָ פֿאַר דעם, אָדער קען איך דערגרייכן די זעלבע עמאָציאָנעל אפקלאנג מיט קאָד?"
ינטענשאַנאַל באַוועגונג: קאַטינג "הויך" אַנאַמיישאַנז מיר לעבן אין אַ תקופה פון "מעגילע דזשאַקינג" און קאָמפּלעקס 3 ד פּאַראַלאַקס יפעקץ. כאָטש די קען געווינען אַוואַרדס אויף Awwwards.com, זיי זענען אָפט עקאַלאַדזשיקאַל דיזאַסטערז. די לאָגיק אַנאַמיישאַן איז נישט פריי. צו מאַכן אַ קאָמפּלעקס אַנאַמיישאַן, די גפּו (גראַפיק פּראַסעסינג יוניט) פון די מיטל מוזן אַרבעטן מיט הויך קאַפּאַציטעט. דאָס ינקריסיז די קפּו טעמפּעראַטור, טריגערז קאָאָלינג פאַנס (אין לאַפּטאַפּס) און דריינז די באַטאַרייע ראַפּאַדלי. "הויך" אַנאַמיישאַנז וואָס לויפן קעסיידער אין דער הינטערגרונט אָדער צינגל מאַסיוו ריפּיינץ פון דעם בלעטערער זענען די ענערגיע עקוויוואַלענט פון לאָזן דיין מאַשין ליידיק אין די דרייוווויי.
די דאַטן גוגל ס מאַטעריאַל פּלאַן גיידליינז ונטערשטרייַכן "מינינגפאַל באַוועגונג." זיי טענהן אַז אַנאַמיישאַן זאָל זיין געניצט בלויז צו אָריענטירן די באַניצער אָדער צושטעלן באַמערקונגען. און ניצן וועבפּ אַנשטאָט פון JPEG קענען ראַטעווען 25-50% פון דאַטן אויף אַ בלאַט. די פּלאַן ציל מיר מוזן אַדאַפּט מינינגפאַל באַוועגונג. אויב אַן אַנאַמיישאַן קען נישט העלפֿן אַ באַניצער צו פאַרענדיקן אַ אַרבעט אָדער פֿאַרשטיין אַ כייעראַרקי, דאָס איז אַ וויסט. מיר זאָל געבן CSS טראַנזישאַנז איבער שווער דזשאַוואַסקריפּט לייברעריז ווי GSAP אָדער Lottie, ווי מעגלעך, ווייַל CSS איז ייַזנוואַרג-אַקסעלערייטיד און פיל מער עפעקטיוו פֿאַר די בלעטערער צו רעכענען. ווי אַ UX דיזיינער, איך קען נישט טענהן דעם צוגאַנג. דאָס העלפּס ניט בלויז צו רעדוצירן דאַטן וויסט, אָבער אויך ימפּרוווז UX פֿאַר אונדזער יוזערז. באַשטעטיקן אַ "דאַטאַ בודזשעט" פֿאַר יעדער פּראָיעקט אין מיין 20+ יאָרן פון UX, די מערסט געראָטן פּראַדזשעקס זענען בכלל די מיט די טייטאַסט קאַנסטריינץ. פּונקט ווי אַ פּרויעקט האט אַ פינאַנציעל בודזשעט, עס זאָל אויך האָבן אַ טשאַד און דאַטן בודזשעט. די לאָגיק א דאַטאַ בודזשעט איז אַ שווער היטל אויף די גאַנץ גרייס פון אַ בלאַט (למשל, "די לאַנדינג בלאַט קען נישט יקסיד 1 מב"). דאָס פאָרסעס די פּלאַן מאַנשאַפֿט צו מאַכן שווער, ינטענשאַנאַל ברירות. אויב איר ווילן צו לייגן אַ נייַ טראַקינג שריפט אָדער אַ פאַנטאַזיע שריפֿט וואָג, איר האָבן צו "באַצאָלן" פֿאַר עס דורך אָפּטימיזינג אָדער רימוווינג עפּעס אַנדערש. דאָס פּריווענץ "שטריך קריכן" פון טורנינג אין "טשאַד קריכן." די דאַטן די סאַסטיינאַבאַל וועב דיזיין מאָדעל, דעוועלאָפּעד דורך פּייאַנירז ווי ווהאָלגראַין דיגיטאַל, גיט אַ פאָרמולע צו רעכענען די CO2 פּער בלאַט מיינונג. די דורכשניטלעך וועבזייטל טראגט וועגן 0.5 גראַמז פון CO2 פּער מיינונג. פֿאַר אַ פּלאַץ מיט 1 מיליאָן כוידעשלעך קוקן, דאָס איז 6 מעטריק טאָנס פון CO2 פּער יאָר, עקוויוואַלענט צו פאָרן אַ מאַשין 15,000 מייל. די פּלאַן ציל די סאַסטיינאַבאַל UX טשעקליסט
רעדוצירן די נויטיק פון יעדער וויזשאַוואַל בילד און נוצן די קלענסטער האַכלאָטע און די מערסט עפעקטיוו טעקע פֿאָרמאַטירונגען (ווי AVIF) צו מינאַמייז דאַטן אַריבערפירן. אָפּטימיזירן ווידעא עלימינירן אַוטאָ-פּלייינג מעדיע און פּרייאָראַטייז העכסט קאַמפּרעסט, קורץ לופּס צו ענשור אַז ענערגיע איז פארבראכט בלויז אויף אינהאַלט וואָס דער באַניצער בדעה צו זען. לימיט פאָנץ ניצן אַ מאַקסימום פון צוויי וועב שריפֿט ווייץ אָדער האַלטן זיך צו קלאַסיש סיסטעם פאַנץ צו באַזייַטיקן ומנייטיק סערווער ריקוועס און רענדערינג בלאָוטינג. ריסייקאַל אַסעץ רידוסינג אַ איין בילד אָדער ווידעא עטלעכע מאָל ניצן CSS פילטערס און אָוווערלייז צו שאַפֿן וויזשאַוואַל פאַרשיידנקייַט אָן ינקריסינג די גאַנץ בלאַט וואָג. קלייַבן גרין האָסטינג דיין דיגיטאַל פּראָדוקטן אויף סערווערס וועראַפייד דורך די גרין וועב וויקיפּעדיע צו ענשור אַז זיי זענען פּאַוערד דורך רינואַבאַל ענערגיע קוואלן. מינאַמייז דאַטן דיסטאַנסע סעלעקט סערווער לאָוקיישאַנז געאָגראַפיקאַללי נאָענט צו דיין ערשטיק וילעם צו רעדוצירן די ענערגיע פארלאנגט פֿאַר דאַטן צו אַרומפאָרן דורך גשמיות ינפראַסטראַקטשער.
די געשעפט קאַסע פֿאַר עקאָ-פרייַנדלעך פּלאַן עטלעכע קען טענהן אַז "גרין UX" סאָונדס ווי אַ קאָמפּראָמיס אויף קוואַליטעט. אויף די פאַרקערט, עס איז אַ קאַמפּעטיטיוו מייַלע. סאַסטיינאַבאַל פּלאַן איז פאָרשטעלונג פּלאַן. ווען איר רעדוצירן בלאַט וואָג, דיין פּלאַץ לאָודז פאַסטער. ווען דיין פּלאַץ לאָודז פאַסטער, דיין קאָר וועב וויטאַלס פֿאַרבעסערן. ווען דיין קאָר וועב וויטאַלס פֿאַרבעסערן, דיין SEO ראַנג גייט אַרויף. דערצו, יוזערז אויף עלטערע דעוויסעס אָדער סלאָוער דאַטן פּלאַנז (ספּעציעל אין ימערדזשינג מארקפלעצער) קענען טאַקע אַקסעס דיין פּראָדוקט. דאָס איז די דעפֿיניציע פון "ינקלוסיוו פּלאַן." דורך קאַטינג די "דיגיטאַל פעט," מיר מאַכן אַ דאַר, פאַסטער און מער צוטריטלעך וועב. מיר זענען מאָווינג אַוועק פון די "דיספּאָוזאַבאַל פּלאַן" פון די 2010 ס צו אַמער שטענדיק, רעספּעקטפול דיגיטאַל אַרקאַטעקטשער. מסקנא: די צוקונפֿט פון "ריין" פּלאַן אין מיין צוויי יאָרצענדלינג פון פּלאַן, איך ווע געזען פילע טרענדס קומען און גיין. סקעאָמאָרפיסם, פלאַך פּלאַן, נעומאָרפיסם - זיי זענען אַלע עסטעטיש ברירות. אָבער סאַסטיינאַבאַל UX איז נישט אַ גאַנג; עס איז איצט אַ נייטיקייַט. מיר זענען דער ערשטער דור פון דיזיינערז וואָס האָבן צו רעכענען מיט די גשמיות קאַנסאַקווענסאַז פון אונדזער דיגיטאַל אַרבעט. סאַסטיינאַבאַל UX איז אַ "געווינען-געווינען." עס איז בעסער פֿאַר דעם פּלאַנעט ווייַל עס ראַדוסאַז ענערגיע קאַנסאַמשאַן. עס איז בעסער פֿאַר די באַניצער ווייַל עס ריזאַלטיד אין פאַסטער, מער אָפּרופיק ינטערפייסיז. און עס איז בעסער פֿאַר די געשעפט ווייַל עס לאָווערס האָסטינג קאָס און ימפּרוווז קאַנווערזשאַן רייץ. די תקופה פון "אַנלימאַטאַד בילדצעלן" איז איבער. אין 2026, די מערסט סאַפיסטאַקייטיד פּלאַן איז דער וואָס לאָזן די קלענסטער שפּור. מיר זענען ניט מער נאָר דיזיינערז; מיר זענען די גאַרדיאַנז פון די באַניצער 'ס באַטאַרייע, זייער דאַטן פּלאַן און לעסאָף די סוויווע. די רופן צו קאַמף איך אַרויסרופן איר צו קאָנטראָלירן בלויז איין בלאַט פון דיין קראַנט פּרויעקט הייַנט. ניצן אַ געצייַג ווי די וועבזייטל קאַרבאָן קאַלקולאַטאָר צו זען די פּראַל. דערנאָך, קוק פֿאַר די "ומזעיק וויסט." קען דאָס בילד זיין אַ SVG? קען דער ווידעא זיין אַ סטאַטיק העלד? קענען אַז "הויך" אַנאַמיישאַן זיין סיילאַנסט? אָנהייב קליין. די מערסט עלעגאַנט לייזונג איז אָפט דער מיט די מינאַסט ביטעס.
