በተጠቃሚ ልምድ ንድፍ ውስጥ ከሁለት አስርት ዓመታት በላይ አሳልፌያለሁ። በጠረጴዛ ላይ ከተመሠረቱ አቀማመጦች ወደ ሲኤስኤስ የተደረገውን ሽግግር፣ አይፎን ሲጀምር ወደ ምላሽ ሰጪ ዲዛይን እና የ"ትኩረት ኢኮኖሚ" እድገት አስታውሳለሁ። ነገር ግን 2026ን ስናስቃኝ፣ ኢንዱስትሪው እስካሁን በጣም ጉልህ የሆነ ለውጥ እያጋጠመው ነው። "በማንኛውም ወጪ የንድፍ" ዘመንን ወደ ዘላቂ UX ዘመን እየተሸጋገርን ነው። ይህንን እንደ ጽንሰ-ሐሳብ በመስማት እስካልተነሳሳኝ ድረስ ራሴን ጨምሮ ብዙ ንድፍ አውጪዎች የሚያስቡት ነገር አይደለም። ለዓመታት በይነመረብን እንደ ኢተሬያል፣ ክብደት የሌለው ደመና አድርገን ቆይተናል። ዲጂታል ምርቶች በወረቀት ላይ ስላልታተሙ ብቻ “አረንጓዴ” እንደሆኑ ገምተናል። እኔም እንደዛ አስብ ነበር, እና የአየር ንብረት ለውጥ ጽንሰ-ሀሳብ ከመፈጠሩ በፊት, ዛፎችን ስለማዳን የበለጠ ነበር. ተሳስተናል። ደመናው አካላዊ መሠረተ ልማት፣ የተንጣለለ የውሂብ ማዕከሎች መረብ፣ የባህር ውስጥ ኬብሎች እና የማቀዝቀዣ ዘዴዎች 24/7 ነው። በ AI ላይ ያተኮሩ የመረጃ ማዕከሎች ከግዙፍ የአሉሚኒየም ማቅለጫዎች የኃይል ፍጆታ ጋር ሲዛመዱ, ከፍተኛ የጂኦግራፊያዊ እፍጋታቸው የበለጠ ኃይለኛ እና አካባቢያዊ አካባቢያዊ ጫና ይፈጥራል. እንደ UX ዲዛይነሮች እኛ የዚህ የኃይል ፍጆታ አርክቴክቶች ነን። እያንዳንዱ ባለ ከፍተኛ ጥራት ያለው የጀግና ምስል፣ እያንዳንዱ በራስ-ሰር የሚጫወት የበስተጀርባ ቪዲዮ እና እያንዳንዱ የጃቫስክሪፕት አኒሜሽን የፈቀድንላቸው ፕሮሰሰር ሃይልን እንዲጠቀም ቀጥተኛ መመሪያ ነው። የሚዘልቅ የወደፊትን መገንባት ከፈለግን ለ"ዋው" ዲዛይን አቁመን ለውጤታማነት መንደፍ መጀመር አለብን። ጨለማ ሁነታ እ.ኤ.አ. በ 2000 ዎቹ መጀመሪያ ላይ ፣ የወረቀት የተለመዱትን በመኮረጅ ነጭ ዳራዎች መደበኛ ነበሩ ። ሆኖም ሃርድዌሩ ተሻሽሏል፣ እና የንድፍ ፍልስፍናችን መከተል አለበት። ከ LCD ወደ OLED (Organic Light Emitting Diode) ቴክኖሎጂ ሽግግር ቀለም ኃይልን እንዴት እንደሚጎዳ በመሠረታዊነት ለውጦታል።
ሎጂክ ሁልጊዜ በርቶ (ጥቁር በሚታይበት ጊዜም ቢሆን) የጀርባ ብርሃን ከሚያስፈልጋቸው ባህላዊ ኤልሲዲ ስክሪኖች በተለየ የ OLED ስክሪኖች እያንዳንዱን ፒክሰል ለየብቻ ያበራሉ። አንድ ፒክሰል ወደ እውነተኛ ጥቁር (#000000) ሲዋቀር ያ የተወሰነ ዲዮድ ሙሉ በሙሉ ይጠፋል። ዜሮ ኃይል ይስባል. ጥቁር ቤተ-ስዕላትን የሚደግፉ በይነገጾችን በመንደፍ, አዝማሚያን ብቻ እየተከተልን አይደለም; የተጠቃሚውን መሳሪያ የኃይል ፍላጎት በአካል እየቀነስን ነው። መረጃው የኃይል ቁጠባው ከቸልተኝነት የራቀ ነው. በ2021 ለዚህ ውይይት የወርቅ ደረጃ የሆነው የፑርዱ ዩንቨርስቲ የተደረገ አስደናቂ ጥናት በ100% ብሩህነት ከብርሃን ሁነታ ወደ ጨለማ ሞድ መቀየር በአማካይ ከ39% እስከ 47% የባትሪ ሃይልን መቆጠብ እንደሚችል አረጋግጧል። በአለምአቀፍ ደረጃ፣ እያንዳንዱ ዋና መተግበሪያ ወደ ጨለማ ሁነታ ነባሪ ከሆነ፣ የፍርግርግ ፍላጎት መቀነስ የስነ ፈለክ ይሆናል። የንድፍ ግብ እ.ኤ.አ. በ 2026 ጨለማ ሞድ በቅንብሮች ምናሌ ውስጥ የተቀመጠ ሁለተኛ ደረጃ “ገጽታ” መሆን የለበትም። “በጨለማ-መጀመሪያ” አስተሳሰብ እየነደፍን መሆን አለበት። ይህ ማለት እያንዳንዱ ጣቢያ ማትሪክስ መምሰል አለበት ማለት አይደለም፣ ነገር ግን ለከፍተኛ ንፅፅር ጨለማ ገጽታዎች እንደ ነባሪ የስርዓት ተመራጭ ሁኔታ ቅድሚያ መስጠት ማለት ነው። ይህ የመሳሪያውን የሃርድዌር ህይወት ያራዝመዋል እና የእያንዳንዱን መስተጋብር የካርበን አሻራ ይቀንሳል. እኔ በግሌ ለንባብ Light-Modeን እመርጣለሁ፣ ስለዚህ ሁለቱም የብርሃን እና የጨለማ ሁነታ አማራጮች መኖራቸው ምክንያታዊ ነው። ሁለቱንም አማራጮች በማቅረብ የተደራሽነት ጉዳዮችም አሉ። ምስል እና ቪዲዮ ማመቻቸት እኛ ሰነፍ ዲዛይነሮች ሆነናል። በከፍተኛ ፍጥነት 5ጂ እና ፋይበር ኦፕቲክስ ስለፋይል መጠኖች መጨነቅ አቁመናል። ባለፉት አስርት ዓመታት ውስጥ አማካኝ የሞባይል ገጽ ክብደት ከ500% በላይ ጨምሯል፣ ይህም በአብዛኛው ባልተመቻቹ ምስላዊ ንብረቶች ምክንያት። ሎጂክ የአንድ ድር ጣቢያ "ዲጂታል ፋት" (እነዚያ 4MB Unsplash ፎቶዎች እና 15ሜባ የጀርባ ቪዲዮዎች) ለገጽ ጭነት ሃይል ትልቁ አስተዋጽዖ አበርካች ናቸው። ከአገልጋይ ወደ ደንበኛ የተላለፈ እያንዳንዱ ሜጋባይት ለማሰራጫ፣ ለአገልጋዩ ሂደት እና ለተጠቃሚው የማሳያ ሞተር ኤሌክትሪክ ይፈልጋል። ግዙፍ ፋይሎችን ስንጠቀም፣ በመጠኑ ክፍልፋይ ተመሳሳይ ውጤታማ ሊሆን የሚችለውን ምስል ለማሳየት በመሠረቱ “እየቃጠልን” ነው። ሳይጠቅስ፣ በበለጠ ፍጥነት በሚጭን ገጽ የተሻለ የተጠቃሚ ተሞክሮ እያቀረብክ ነው።
መረጃው በኤችቲቲፒ ማህደር መሠረት ምስሎች እና ቪዲዮዎች በገጽ አጠቃላይ ክብደት ውስጥ የአንበሳውን ድርሻ በቋሚነት ይይዛሉ። ሆኖም እንደ AVIF እና WebP ወደ ዘመናዊ ቅርጸቶች የሚደረግ ሽግግር ከJPEG ጋር ሲነጻጸር የምስል ክብደትን እስከ 50% ሊቀንስ ይችላል፣ ይህም ምንም አይነት የጥራት ኪሳራ አይታይም። ምንም እንኳን እነዚህ ቅርጸቶች እንደ JPG እና PNG ባያውቁኝም፣ የገጽ መጠንን ለመቀነስ በእርግጠኝነት ልጠቀምባቸው እጓጓለሁ። የየንድፍ ግብ በቅርቡ ለሳይበር ደህንነት መድረክ እንደገና ዲዛይን መርቻለሁ። "በፊት እና በኋላ" ኦዲት በመተግበር የመነሻ ገጻቸው 5.5 ሜባ መረጃ እየጫነ መሆኑን ደርሰንበታል። ባለከፍተኛ ጥራት ፎቶግራፊን በSVG (Scalable Vector Graphics) ጥበብ በመተካት እና ከምስል ንብረቶች ይልቅ ብልህ የሲኤስኤስ ቅልመትን በመጠቀም ጭነቱን ወደ 1.2ሜባ አውርደነዋል። ይህ የኃይል ጭነት 78% ቅናሽ ነው! እንደ ንድፍ አውጪ፣ የመጀመሪያው ጥያቄዎ ሁል ጊዜ መሆን አለበት፡- "ለዚህ ፎቶ እፈልጋለሁ ወይስ ከኮድ ጋር አንድ አይነት ስሜታዊ ድምጽ ማግኘት እችላለሁ?"
ሆን ተብሎ የሚደረግ እንቅስቃሴ፡- “ከፍተኛ” እነማዎችን መቁረጥ የምንኖረው በ"ጥቅል-ጃኪንግ" እና ውስብስብ 3D Parallax ውጤቶች ዘመን ላይ ነው። እነዚህ Awwwards.com ላይ ሽልማቶችን ሊያሸንፉ ቢችሉም፣ ብዙ ጊዜ የስነምህዳር አደጋዎች ናቸው። ሎጂክ አኒሜሽን ነፃ አይደለም። ውስብስብ እነማ ለመስራት የመሣሪያው ጂፒዩ (ግራፊክስ ፕሮሰሲንግ ዩኒት) በከፍተኛ አቅም መስራት አለበት። ይህ የሲፒዩ ሙቀትን ይጨምራል፣ የማቀዝቀዣ ደጋፊዎችን (በላፕቶፖች ውስጥ) ያነሳሳል፣ እና ባትሪውን በፍጥነት ያጠፋል። ከበስተጀርባ ያለማቋረጥ የሚሰሩ ወይም የአሳሹን ግዙፍ ዳግም ቀለም የሚቀሰቅሱ “ታላቅ ድምፅ” እነማዎች መኪናዎን በጎዳና ላይ ስራ ፈትቶ የመተው ሃይል ናቸው።
መረጃው የጉግል ቁስ ዲዛይን መመሪያዎች “ትርጉም ያለው እንቅስቃሴ” ላይ አፅንዖት ይሰጣሉ። አኒሜሽን ተጠቃሚውን አቅጣጫ ለማስያዝ ወይም ግብረ መልስ ለመስጠት ብቻ መዋል አለበት ሲሉ ይከራከራሉ። እና ከJPEG ይልቅ ዌብፒን መጠቀም በአንድ ገጽ ላይ ያለውን ውሂብ ከ25-50% መቆጠብ ይችላል። የንድፍ ግብ ትርጉም ያለው እንቅስቃሴ መውሰድ አለብን። አንድ አኒሜሽን ተጠቃሚው አንድን ተግባር እንዲያጠናቅቅ ወይም ተዋረድን እንዲረዳ ካልረዳው ኪሳራ ነው። CSS በሃርድዌር የተጣደፈ እና አሳሹ ለማስላት በጣም ቀልጣፋ ስለሆነ በተቻለ መጠን እንደ GSAP ወይም Lottie ካሉ ከባድ የጃቫ ስክሪፕት ቤተ-ፍርግሞች የCSS ሽግግርን ልንመርጥ ይገባል። እንደ ዩኤክስ ዲዛይነር, ይህን አቀራረብ መሟገት አልችልም. ይህ የውሂብ ብክነትን ለመቀነስ ብቻ ሳይሆን UXንም ለተጠቃሚዎቻችን ያሻሽላል። ለእያንዳንዱ ፕሮጀክት "የውሂብ በጀት" ማዘጋጀት በእኔ 20+ ዓመታት UX ውስጥ፣ በጣም የተሳካላቸው ፕሮጀክቶች በአጠቃላይ በጣም ጥብቅ የሆኑ ገደቦች ናቸው። አንድ ፕሮጀክት የፋይናንሺያል በጀት እንዳለው ሁሉ የካርበን እና የመረጃ ባጀት ሊኖረው ይገባል። ሎጂክ የውሂብ ባጀት በአንድ ገጽ አጠቃላይ መጠን ላይ ጠንካራ ሽፋን ነው (ለምሳሌ፣ "ይህ ማረፊያ ገጽ ከ1 ሜባ መብለጥ አይችልም")። ይህ የንድፍ ቡድን አስቸጋሪ, ሆን ተብሎ ምርጫዎችን እንዲያደርግ ያስገድደዋል. አዲስ የመከታተያ ስክሪፕት ወይም የሚያምር ቅርጸ-ቁምፊ ክብደት ለመጨመር ከፈለጉ ሌላ ነገር በማመቻቸት ወይም በማስወገድ “መክፈል” አለብዎት። ይህ “የባህሪ ሸርተቴ” ወደ “ካርቦን መንሸራተት” እንዳይቀየር ይከላከላል። መረጃው እንደ Wholegrain Digital ባሉ አቅኚዎች የተገነባው ዘላቂው የድር ዲዛይን ሞዴል በአንድ ገጽ እይታ CO2ን ለማስላት ቀመር ይሰጣል። አማካኝ ድረ-ገጽ በአንድ እይታ 0.5 ግራም CO2 ያመርታል። 1 ሚሊዮን ወርሃዊ እይታ ላለው ጣቢያ፣ ይህ በዓመት 6 ሜትሪክ ቶን CO2 ነው፣ መኪናን 15,000 ማይል ከመንዳት ጋር እኩል ነው። የንድፍ ግብ ዘላቂው UX ማረጋገጫ ዝርዝር
የምስሎች ጥያቄዎችን የእያንዳንዱን እይታ አስፈላጊነት ይቀንሱ እና የውሂብ ማስተላለፍን ለመቀነስ ትንሹን ጥራት እና በጣም ቀልጣፋ የፋይል ቅርጸቶችን ይጠቀሙ (እንደ AVIF)። ቪዲዮን ያመቻቹ በራስ-የሚጫወት ሚዲያን ያስወግዱ እና ሃይል ተጠቃሚው ለማየት በሚፈልገው ይዘት ላይ ብቻ የሚውል መሆኑን ለማረጋገጥ በጣም የተጨመቁ እና አጫጭር ቀለበቶችን ቅድሚያ ይስጡ። የቅርጸ-ቁምፊዎችን ይገድቡ አላስፈላጊ የአገልጋይ ጥያቄዎችን ለማስወገድ እና እብጠትን ለማስወገድ ቢበዛ ሁለት የድር ቅርጸ-ቁምፊዎችን ይጠቀሙ ወይም በጥንታዊ የስርዓት ቅርጸ-ቁምፊዎች ላይ ይቆዩ። ንብረቶችን እንደገና ጥቅም ላይ ማዋል አጠቃላይ የገጽ ክብደት ሳይጨምር የእይታ ልዩነት ለመፍጠር የሲኤስኤስ ማጣሪያዎችን እና ተደራቢዎችን በመጠቀም አንድን ምስል ወይም ቪዲዮ ብዙ ጊዜ መጠቀም። በአረንጓዴ ድር ፋውንዴሽን በተረጋገጡ አገልጋዮች ላይ የእርስዎን ዲጂታል ምርቶች በታዳሽ የኃይል ምንጮች መያዛቸውን ለማረጋገጥ አረንጓዴ ማስተናገጃን ይምረጡ። የውሂብ ርቀትን አሳንስ በአካል መሠረተ ልማት ውስጥ ለመጓዝ የሚያስፈልገውን ሃይል ለመቀነስ በጂኦግራፊያዊ መልክዓ ምድራዊ አቀማመጥ ከዋና ታዳሚዎ ጋር ቅርብ የሆኑ የአገልጋይ ቦታዎችን ይምረጡ።
የንግድ ጉዳይ ለኢኮ ተስማሚ ንድፍ አንዳንዶች "አረንጓዴ ዩኤክስ" በጥራት ላይ ስምምነትን ይመስላል ብለው ይከራከሩ ይሆናል. በተቃራኒው, የውድድር ጥቅም ነው. ዘላቂ ንድፍ የአፈፃፀም ንድፍ ነው. የገጽ ክብደት ሲቀንሱ ጣቢያዎ በፍጥነት ይጫናል። ጣቢያዎ በፍጥነት ሲጭን የእርስዎ Core Web Vitals ይሻሻላል። የእርስዎ Core Web Vitals ሲሻሻል፣ የእርስዎ SEO ደረጃ ከፍ ይላል። በተጨማሪም፣ በቆዩ መሣሪያዎች ላይ ያሉ ተጠቃሚዎች ወይም ቀርፋፋ የውሂብ ዕቅዶች (በተለይ በታዳጊ ገበያዎች ላይ) ምርትዎን በትክክል መድረስ ይችላሉ። ይህ የ“አካታች ንድፍ” ፍቺ ነው። "ዲጂታል ስብ"ን በመቁረጥ, ይበልጥ ቀጭን, ፈጣን እና የበለጠ ተደራሽ የሆነ ድር እንፈጥራለን. ከ2010ዎቹ “ሊጣል የሚችል ንድፍ” ርቀን ወደ ሀየበለጠ ቋሚ, የተከበረ ዲጂታል አርክቴክቸር. ማጠቃለያ: የ "ንጹህ" ንድፍ የወደፊት በሁለት አስርት ዓመታት ንድፍ ውስጥ ፣ ብዙ አዝማሚያዎች ሲመጡ እና ሲሄዱ አይቻለሁ። Skeuomorphism፣ Flat Design፣ Neumorphism - ሁሉም የውበት ምርጫዎች ነበሩ። ነገር ግን ዘላቂ UX አዝማሚያ አይደለም; አሁን አስፈላጊ ነው. እኛ የዲጂታል ስራችን አካላዊ መዘዞችን ግምት ውስጥ ማስገባት ያለብን የመጀመሪያው ዲዛይነሮች ነን። ቀጣይነት ያለው UX “አሸናፊ-አሸናፊ” ነው። የኃይል ፍጆታን ስለሚቀንስ ለፕላኔቱ የተሻለ ነው. ለተጠቃሚው የተሻለ ነው ምክንያቱም ፈጣን እና ምላሽ ሰጪ በይነገጾችን ስለሚያስገኝ። እና ለንግድ ስራው የተሻለ ነው ምክንያቱም የማስተናገጃ ወጪዎችን ስለሚቀንስ እና የልወጣ መጠኖችን ያሻሽላል። የ"ያልተገደቡ ፒክሰሎች" ዘመን አብቅቷል። በ 2026 በጣም የተራቀቀ ንድፍ አነስተኛውን አሻራ የሚተው ነው. እኛ ከአሁን በኋላ ዲዛይነሮች ብቻ አይደለንም; እኛ የተጠቃሚው ባትሪ፣ የውሂብ እቅዳቸው እና በመጨረሻም የአካባቢ ጥበቃ ጠባቂዎች ነን። የድርጊት ጥሪ ዛሬ የፕሮጀክታችሁን አንድ ገጽ ብቻ ኦዲት እንድታደርጉ እጠይቃለሁ። ተጽዕኖውን ለማየት እንደ ድር ጣቢያ የካርቦን ካልኩሌተር ያለ መሳሪያ ይጠቀሙ። ከዚያ “የማይታየውን ቆሻሻ” ይፈልጉ። ያ ምስል SVG ሊሆን ይችላል? ያ ቪዲዮ የማይለወጥ ጀግና ሊሆን ይችላል? ያ “ከፍተኛ” እነማ ዝም ማለት ይቻላል? በትንሹ ጀምር. በጣም የሚያምር መፍትሔ ብዙውን ጊዜ ጥቂት ባይት ያለው ነው።
