ما د کارونکي تجربې ډیزاین په خندق کې دوه لسیزې تیرې کړې. زه د میز پر بنسټ ترتیبونو څخه CSS ته لیږد په یاد لرم، ځواب ورکوونکي ډیزاین ته محور کله چې iPhone پیل شو، او د "توجه اقتصاد" وده. مګر لکه څنګه چې موږ په 2026 کې حرکت کوو ، صنعت لاهم د دې خورا مهم بدلون سره مخ دی. موږ د دوامدار UX دورې ته د "په هر قیمت کې ډیزاین" دوره تیر کوو. دا هغه څه ندي چې ډیری ډیزاینران یې په اړه فکر کوي، زما په شمول، تر هغه چې ما د دې مفکورې په توګه اوریدلو ته هڅول شوی و. د کلونو لپاره، موږ د انټرنیټ سره د یو آسماني، بې وزن بادل په توګه چلند کړی. موږ فکر کاوه چې ډیجیټل محصولات "شنه" وو ځکه چې دوی په کاغذ کې ندي چاپ شوي. ما هم دا فکر کاوه، او مخکې له دې چې د اقلیم بدلون مفهوم راڅرګند شي، دا د ونو د ژغورلو په اړه ډیر څه وو. موږ غلط وو. بادل یو فزیکي زیربنا ده، د ډیټا مرکزونو پراخه شبکه، د سیند لاندې کیبلونه، او د یخولو سیسټمونه چې 24/7 غږوي. پداسې حال کې چې د AI متمرکز ډیټا مرکزونه د لوی المونیم سمیلټرونو بریښنا مصرف سره سمون لري ، د دوی لوړ جغرافيائی کثافت حتی ډیر شدید او ځایی چاپیریال فشار رامینځته کوي. د UX ډیزاینرانو په توګه، موږ د دې انرژي مصرف معماران یو. هر د لوړ ریزولوشن هیرو عکس ، هر د اتوماتیک لوبو شالید ویډیو ، او هر پیچلي جاواسکریپټ حرکت چې موږ یې تصویب کوو د بریښنا مصرف کولو لپاره پروسیسر ته مستقیم لارښود دی. که موږ غواړو داسې راتلونکی جوړ کړو چې دوام وکړي، موږ باید د "واو" لپاره ډیزاین کول ودروو او د موثریت لپاره ډیزاین پیل کړو. تیاره حالت د 2000 لسیزې په لومړیو کې، سپینې شالید معیاري و ځکه چې دوی د کاغذ پیژندنه نقل کړه. په هرصورت، هارډویر وده کړې، او زموږ د ډیزاین فلسفه باید تعقیب شي. له LCD څخه OLED (عضوي ر lightا Emitting Diode) ټیکنالوژۍ ته بدلون په بنسټیز ډول بدل کړی چې رنګ څنګه انرژي اغیزه کوي.
منطق د دودیزو LCD سکرینونو برخلاف ، کوم چې بیک لائټ ته اړتیا لري چې تل روان وي (حتی کله چې تور ښودل کیږي) ، OLED سکرینونه هر پکسل په انفرادي ډول روښانه کوي. کله چې یو پکسل ریښتیني تور (#000000) ته تنظیم شي، دا ځانګړی ډایډ په بشپړ ډول بند شوی. دا صفر ځواک راوباسي. د انټرفیسونو په ډیزاین کولو سره چې تیاره پیلیټ خوښوي، موږ یوازې یو رجحان تعقیب نه کوو؛ موږ په فزیکي توګه د کارونکي وسیلې انرژي اړتیا کموو. ډاټا د انرژي سپمونه د پام وړ نه دي. په 2021 کې د پردیو پوهنتون لخوا یوه تاریخي مطالعه چې د دې بحث لپاره د سرو زرو معیار ګرځیدلی ، څرګنده کړه چې په 100٪ روښانتیا کې ، د رڼا حالت څخه تیاره حالت ته بدلول کولی شي په اوسط ډول له 39٪ څخه تر 47٪ پورې د بیټرۍ بریښنا خوندي کړي. په نړیواله کچه ، که هر لوی ایپ تیاره حالت ته ډیفالټ شي ، د گرډ غوښتنې کمول به ستورپوهنه وي. د ډیزاین هدف په 2026 کې ، تیاره حالت باید نور ثانوي "موضوع" نه وي چې د تنظیماتو مینو کې لرې شوی وي. موږ باید د "تور - لومړی" ذهنیت سره ډیزاین کړو. دا پدې معنی ندي چې هر سایټ باید د میټریکس په څیر ښکاري، مګر دا پدې معنی ده چې د ډیفالټ سیسټم غوره شوي حالت په توګه د لوړ برعکس تیاره موضوعاتو ته لومړیتوب ورکول دي. دا د وسیلې هارډویر عمر اوږدوي او د هر تعامل کاربن فوټ پرینټ کموي. زه په شخصي توګه د لوستلو لپاره د رڼا حالت ته ترجیح ورکوم، نو دا معنی لري چې دواړه د رڼا او تیاره حالت اختیارونه شتون ولري. د دواړو اختیارونو چمتو کولو سره د لاسرسي نظرونه هم شتون لري. د عکس او ویډیو اصلاح کول موږ سست ډیزاینران شوي یو. د لوړ سرعت 5G او فایبر آپټیکس سره، موږ د فایل اندازې په اړه اندیښنه بنده کړې. په تیره لسیزه کې د اوسط ګرځنده پاڼې وزن 500٪ ډیر شوی، په لویه کچه د غیر مطلوب بصری شتمنیو له امله. منطق د ویب پاڼې "ډیجیټل غوړ" (د 4MB انسپلاش عکسونه او 15MB شالید ویډیوګانې) د پاڼې بار کولو انرژي کې یوازینی لوی مرسته کونکی دی. هر میګابایټ چې له سرور څخه پیرودونکي ته لیږدول کیږي د لیږد لپاره بریښنا ته اړتیا لري، د سرور پروسس کولو، او د کارونکي رینډینګ انجن. کله چې موږ لوی فایلونه کاروو، موږ په اصل کې "سوځولو" انرژي لرو ترڅو یو انځور وښیو چې کیدای شي د اندازې په یوه برخه کې اغیزمن وي. د یادونې وړ نه ده، تاسو د یوې پاڼې سره د کاروونکي غوره تجربه هم چمتو کوئ چې ډیر ګړندی پورته کوي.
ډاټا د HTTP آرشیف په وینا، انځورونه او ویډیو په دوامداره توګه د یوې پاڼې ټول وزن د شیر ونډې حساب کوي. په هرصورت، د AVIF او WebP په څیر عصري بڼو ته بدلون کولی شي د انځور وزن د JPEG په پرتله تر 50٪ پورې کم کړي، پرته له دې چې کیفیت کې د پام وړ زیانمن شي. که څه هم دا فارمیټونه زما لپاره د JPG او PNG په څیر پیژندل شوي ندي، زه یقینا د پاڼې اندازه کمولو لپاره د دوی کارولو په لټه کې یم. دد ډیزاین هدف ما پدې وروستیو کې د سایبر امنیت پلیټ فارم لپاره د بیا ډیزاین مشري وکړه. د "مخکې او وروسته" پلټنې پلي کولو سره، موږ وموندله چې د دوی کور پاڼه د 5.5MB ډیټا پورته کوي. د SVG (د توزیع وړ ویکتور ګرافیک) هنر سره د لوړ ریزولو عکسونو ځای په ځای کولو او د عکس اثاثو پرځای د هوښیار CSS ګریډینټ کارولو سره ، موږ بار 1.2MB ته راکم کړ. دا د انرژي بار کې 78٪ کمښت دی! د ډیزاینر په توګه، ستاسو لومړۍ پوښتنه باید تل وي: "ایا زه د دې لپاره عکس ته اړتیا لرم، یا زه کولی شم د کوډ سره ورته احساساتي غږ ترلاسه کړم؟"
ارادي حرکت: د "لوډ" متحرکاتو پرې کول موږ د "سکرول جیکینګ" او پیچلي 3D پارلاکس اغیزو په دوره کې ژوند کوو. پداسې حال کې چې دا ممکن په Awwwards.com کې جایزې وګټي، دوی ډیری وختونه ایکولوژیکي آفتونه دي. منطق حرکت وړیا نه دی. د پیچلي انیمیشن وړاندې کولو لپاره، د وسیلې GPU (ګرافیک پروسس کولو واحد) باید په لوړ ظرفیت کار وکړي. دا د CPU تودوخې لوړوي، د یخولو فین (په لپ ټاپ کې) هڅوي، او بیټرۍ په چټکۍ سره وچوي. "لوډ" انیمیشنونه چې په دوامداره توګه په شالید کې تیریږي یا د براوزر لوی بیا رنګونه رامینځته کوي د انرژي سره مساوي انرژي ده چې ستاسو موټر په ډرایو کې بې کاره پریږدي.
ډاټا د ګوګل د موادو ډیزاین لارښوونې "معنی حرکت" باندې ټینګار کوي. دوی استدلال کوي چې انیمیشن باید یوازې د کارونکي په نښه کولو یا فیډبیک چمتو کولو لپاره وکارول شي. او د JPEG پرځای WebP کارول کولی شي په یوه پاڼه کې 25-50٪ ډاټا خوندي کړي. د ډیزاین هدف موږ باید معنی لرونکی حرکت اختیار کړو. که چیرې یو حرکت د کارونکي سره د دندې په بشپړولو کې مرسته ونکړي یا په درجه بندي پوه شي، دا یو ضایع دی. موږ باید د GSAP یا Lottie په څیر د درنو جاواسکریپټ کتابتونونو کې د CSS لیږد ته غاړه کیږدو، ځکه چې CSS د هارډویر ګړندۍ او د براوزر حساب کولو لپاره خورا اغیزمن دی. د UX ډیزاینر په توګه، زه نشم کولی دا طریقه استدلال کړم. دا نه یوازې د ډیټا ضایع کمولو کې مرسته کوي بلکه زموږ د کاروونکو لپاره UX هم ښه کوي. د هرې پروژې لپاره د "ډیټا بودیجه" ترتیب کول زما د UX په 20+ کلونو کې، ترټولو بریالۍ پروژې عموما هغه دي چې خورا سخت خنډونه لري. لکه څنګه چې یوه پروژه مالي بودیجه لري، دا باید د کاربن او ډاټا بودیجه هم ولري. منطق د ډیټا بودیجه د یوې پاڼې په ټول انداز کې یو سخت کیپ دی (د مثال په توګه، "دا لینډینګ پاڼه د 1MB څخه زیاته نشي"). دا د ډیزاین ټیم مجبوروي چې ستونزمن، قصدي انتخابونه وکړي. که تاسو غواړئ یو نوی تعقیب سکریپټ یا د فانسسي فونټ وزن اضافه کړئ، نو تاسو باید د دې لپاره "تادیه" وکړئ د بل څه اصلاح کولو یا لرې کولو سره. دا د "فیچر کریپ" مخه نیسي چې په "کاربن کریپ" بدل شي. ډاټا د پایښت وړ ویب ډیزاین ماډل، د مخکښانو لخوا لکه د Wholegrain ډیجیټل لخوا رامینځته شوی، د هرې پاڼې لید CO2 محاسبه کولو لپاره فورمول چمتو کوي. منځنۍ ویب پاڼه په هر لید کې شاوخوا 0.5 ګرام CO2 تولیدوي. د یوې سایټ لپاره چې د 1 ملیون میاشتني لیدونو سره، دا په کال کې 6 میټریک ټنه CO2 دی، د 15,000 مایل موټر چلولو سره برابر دی. د ډیزاین هدف د دوامدار UX چک لیست
د عکسونو پوښتنې د هر لید اړتیا کم کړئ او د ډیټا لیږد کمولو لپاره ترټولو کوچني ریزولوشن او خورا مؤثر فایل فارمیټونه (لکه AVIF) وکاروئ. د ویډیو اصلاح کول د آټو پلیینګ میډیا له مینځه وړل او خورا فشار شوي ، لنډ لوپونو ته لومړیتوب ورکړئ ترڅو ډاډ ترلاسه کړئ چې انرژي یوازې په هغه مینځپانګې مصرف کیږي چې کارونکي یې لیدل غواړي. د فونټونو محدودیت حد اقل دوه ویب فونټ وزنونه وکاروئ یا د غیر ضروري سرور غوښتنې لرې کولو او رینډرینګ بلوټ لرې کولو لپاره کلاسیک سیسټم فونټونو ته ودریږئ. د اثاثو ریسایکل کړئ یو واحد عکس یا ویډیو څو ځله د CSS فلټرونو او پوښونو په کارولو سره د لید ډول ډول رامینځته کولو لپاره د ټول مخ وزن زیاتولو پرته. شنه کوربه توب غوره کړئ خپل ډیجیټل محصولات په سرورونو کې د ګرین ویب فاونډیشن لخوا تایید شوي ترڅو ډاډ ترلاسه کړئ چې دوی د نوي کیدونکي انرژي سرچینو لخوا پرمخ وړل کیږي. د ډیټا فاصله کمه کړئ د جغرافیایی پلوه ستاسو لومړني لیدونکو ته نږدې د سرور موقعیتونه وټاکئ ترڅو د فزیکي زیربنا له لارې د ډیټا سفر کولو لپاره اړین انرژي کم کړئ.
د ایکو دوستانه ډیزاین لپاره د سوداګرۍ قضیه ځینې ممکن استدلال وکړي چې "شنه UX" د کیفیت په اړه د جوړجاړي په څیر ښکاري. برعکس، دا د سیالۍ ګټه ده. دوامداره ډیزاین د فعالیت ډیزاین دی. کله چې تاسو د پاڼې وزن کم کړئ، ستاسو سایټ په چټکۍ سره پورته کیږي. کله چې ستاسو سایټ ګړندی باریږي ، ستاسو اصلي ویب ویټالونه ښه کیږي. کله چې ستاسو اصلي ویب ویټالونه ښه کیږي، ستاسو د SEO درجه بندي پورته کیږي. سربیره پردې ، په زړو وسیلو یا ورو ډیټا پلانونو کارونکي (په ځانګړي توګه په راپورته کیدونکي بازارونو کې) واقعیا ستاسو محصول ته لاسرسی کولی شي. دا د "ټول شموله ډیزاین" تعریف دی. د "ډیجیټل غوړ" په پرې کولو سره، موږ یو لینر، چټک، او د لاسرسي وړ ویب جوړوو. موږ د 2010 لسیزې د "دسپوز وړ ډیزاین" څخه لیرې یوډیر دایمي، درناوی ډیجیټل جوړښت. پایله: د "پاک" ډیزاین راتلونکی زما د دوه لسیزو ډیزاین کې، ما لیدلي چې ډیری رجحانات راځي او ځي. سکیومورفیزم، فلیټ ډیزاین، نیومورفیزم - دا ټول جمالیاتی انتخابونه وو. مګر دوامداره UX یو رجحان ندی؛ دا اوس یوه اړتیا ده. موږ د ډیزاینرانو لومړی نسل یو چې باید زموږ د ډیجیټل کار فزیکي پایلو سره حساب وکړو. دوامداره UX یو "ګټه ګټل" ده. دا د سیارې لپاره غوره دی ځکه چې دا د انرژي مصرف کموي. دا د کارونکي لپاره غوره دی ځکه چې دا د ګړندي ، ډیر ځواب ویونکي انٹرفیس پایلې لري. او دا د سوداګرۍ لپاره غوره دی ځکه چې دا د کوربه توب لګښتونه کموي او د تبادلې نرخونه ښه کوي. د "لامحدود پکسلز" دور پای ته رسیدلی. په 2026 کې، ترټولو پیچلي ډیزاین هغه دی چې ترټولو کوچنی پښه پریږدي. موږ نور یوازې ډیزاینران نه یو؛ موږ د کارونکي بیټرۍ ساتونکي یو، د دوی د معلوماتو پلان، او په نهایت کې، چاپیریال. د عمل کولو غوښتنه زه تاسو ته ننګونه درکوم چې نن ورځ ستاسو د اوسنۍ پروژې یوازې یوه پاڼه پلټنه وکړئ. د دې اغیزې لیدلو لپاره د ویب پاڼې کاربن کیلکولیټر په څیر وسیله وکاروئ. بیا، د "نه لیدو کثافاتو" په لټه کې شئ. ایا دا عکس SVG کیدی شي؟ ایا دا ویډیو جامد اتل کیدی شي؟ ایا دا "لوړ" حرکت خاموش کیدی شي؟ کوچنی پیل کړئ. ترټولو ښکلی حل اکثرا هغه دی چې د لږو بایټونو سره وي.
