من بیش از دو دهه را در سنگر طراحی تجربه کاربری گذرانده ام. انتقال از طرحبندیهای مبتنی بر جدول به CSS، چرخش به طراحی واکنشگرا هنگام عرضه آیفون و ظهور «اقتصاد توجه» را به یاد دارم. اما همانطور که در سال 2026 حرکت می کنیم، این صنعت با مهم ترین تغییر خود مواجه است. ما در حال عبور از دوران "طراحی به هر قیمتی" به عصر UX پایدار هستیم. این چیزی نیست که اکثر طراحان، از جمله خود من، به آن فکر کنند، تا زمانی که با شنیدن این موضوع به عنوان یک مفهوم ترغیب شدم. سالهاست که ما با اینترنت بهعنوان یک ابر اثیری و بیوزن رفتار میکنیم. ما فرض کردهایم که محصولات دیجیتال صرفاً به این دلیل که روی کاغذ چاپ نشدهاند «سبز» هستند. من هم قبلاً به این فکر میکردم و قبل از ظهور مفهوم تغییر آب و هوا، بیشتر در مورد نجات درختان بود. ما اشتباه کردیم. ابر یک زیرساخت فیزیکی، شبکه گسترده ای از مراکز داده، کابل های زیردریایی و سیستم های خنک کننده است که 24/7 زمزمه می کنند. در حالی که مراکز داده متمرکز بر هوش مصنوعی با مصرف برق کارخانههای ذوب آلومینیوم بزرگ مطابقت دارند، چگالی جغرافیایی بالای آنها فشار محیطی شدیدتر و محلیتری را ایجاد میکند. به عنوان طراحان UX، ما معمار این مصرف انرژی هستیم. هر تصویر قهرمان با وضوح بالا، هر ویدیوی پسزمینه پخش خودکار، و هر انیمیشن پیچیده جاوا اسکریپت که ما تأیید میکنیم، دستورالعملی مستقیم برای پردازنده برای مصرف انرژی است. اگر میخواهیم آیندهای پایدار بسازیم، باید از طراحی برای «وای» دست برداریم و برای کارآمدی طراحی کنیم. حالت تاریک در اوایل دهه 2000، پسزمینههای سفید استاندارد بودند زیرا آشنایی با کاغذ را تقلید میکردند. با این حال، سخت افزار تکامل یافته است و فلسفه طراحی ما باید دنبال شود. تغییر از فناوری LCD به فناوری OLED (دیود ساطع کننده نور آلی) اساساً نحوه تأثیر رنگ بر انرژی را تغییر داده است.
منطق برخلاف صفحه نمایش های LCD سنتی که به نور پس زمینه همیشه روشن نیاز دارند (حتی هنگام نمایش سیاه)، صفحه های OLED هر پیکسل را جداگانه روشن می کنند. هنگامی که یک پیکسل روی سیاه واقعی (000000#) تنظیم می شود، آن دیود خاص کاملاً خاموش می شود. برق صفر می کشد. با طراحی رابطهایی که از پالتهای تیرهتر استفاده میکنند، ما فقط یک روند را دنبال نمیکنیم. ما از نظر فیزیکی انرژی مورد نیاز دستگاه کاربر را کاهش می دهیم. داده ها صرفه جویی در انرژی بسیار ناچیز است. یک مطالعه برجسته توسط دانشگاه پردو در سال 2021، که به استاندارد طلایی برای این بحث تبدیل شده است، نشان داد که در روشنایی 100٪، تغییر از حالت روشن به حالت تاریک می تواند به طور متوسط 39٪ تا 47٪ در مصرف باتری صرفه جویی کند. در مقیاس جهانی، اگر هر اپلیکیشن اصلی به حالت تاریک پیشفرض شود، کاهش تقاضای شبکه نجومی خواهد بود. هدف طراحی در سال 2026، حالت تاریک دیگر نباید یک «موضوع» ثانویه باشد که در منوی تنظیمات پنهان شده است. ما باید با ذهنیت «اول تاریک» طراحی کنیم. این بدان معنا نیست که هر سایتی باید شبیه The Matrix باشد، اما به معنای اولویت دادن به تمهای تیره با کنتراست بالا به عنوان حالت پیشفرض سیستم ترجیحی است. این باعث افزایش طول عمر سخت افزاری دستگاه و کاهش ردپای کربن در هر تعامل می شود. من شخصاً حالت Light-Mode را برای خواندن ترجیح می دهم، بنابراین منطقی است که گزینه های حالت روشن و تاریک را در دسترس داشته باشیم. همچنین ملاحظات دسترسی با ارائه هر دو گزینه وجود دارد. بهینه سازی تصویر و ویدئو ما طراحان تنبل شده ایم. با 5G پرسرعت و فیبر نوری، دیگر نگران اندازه فایلها نباشیم. میانگین وزن صفحه موبایل در دهه گذشته بیش از 500٪ افزایش یافته است که عمدتاً به دلیل دارایی های بصری بهینه نشده است. منطق «چربی دیجیتال» یک وبسایت (عکسهای 4 مگابایتی بدون اسپلش و ویدیوهای پسزمینه 15 مگابایتی) بزرگترین سهم در انرژی بارگذاری صفحه است. هر مگابایتی که از یک سرور به یک کلاینت منتقل می شود برای انتقال، پردازش سرور و موتور رندر کاربر به برق نیاز دارد. وقتی از فایلهای حجیم استفاده میکنیم، اساساً در حال «سوزاندن» انرژی برای نشان دادن تصویری هستیم که میتوانست در کسری از اندازه به همان اندازه مؤثر باشد. ناگفته نماند، شما همچنین با صفحه ای که بسیار سریعتر بارگذاری می شود، تجربه کاربری بهتری ارائه می دهید.
داده ها طبق آرشیو HTTP، تصاویر و ویدیوها به طور مداوم سهم شیر از وزن کل صفحه را تشکیل می دهند. با این حال، تغییر فرمتهای مدرن مانند AVIF و WebP میتواند وزن تصویر را تا 50 درصد در مقایسه با JPEG کاهش دهد، بدون اینکه افت کیفیت محسوسی داشته باشد. اگرچه این فرمت ها به اندازه JPG و PNG برای من آشنا نیستند، اما قطعا مشتاق استفاده از آنها برای کاهش اندازه صفحه هستم. راهدف طراحی من اخیراً طراحی مجددی را برای یک پلتفرم امنیت سایبری انجام دادم. با اجرای ممیزی "قبل و بعد"، متوجه شدیم که صفحه اصلی آنها 5.5 مگابایت داده را بارگیری می کند. با جایگزینی عکاسی با رزولوشن بالا با هنر SVG (گرافیک برداری مقیاس پذیر) و استفاده از گرادیان های CSS هوشمند به جای دارایی های تصویر، بار را به 1.2 مگابایت کاهش دادیم. یعنی کاهش 78 درصدی بار انرژی! به عنوان یک طراح، اولین سوال شما همیشه باید این باشد: "آیا برای این کار به عکس نیاز دارم یا می توانم به همان طنین احساسی با کد دست پیدا کنم؟"
حرکت عمدی: برش انیمیشن های "بلند". ما در عصری زندگی میکنیم که «پیمایش جک» و جلوههای پارالکس سه بعدی پیچیده است. در حالی که اینها ممکن است جوایزی را در Awwwards.com برنده شوند، اغلب فجایع زیست محیطی هستند. منطق انیمیشن رایگان نیست. برای ارائه یک انیمیشن پیچیده، GPU (واحد پردازش گرافیک) دستگاه باید با ظرفیت بالا کار کند. این کار دمای CPU را افزایش می دهد، فن های خنک کننده (در لپ تاپ ها) را فعال می کند و باتری را به سرعت تخلیه می کند. انیمیشنهای «بلند» که دائماً در پسزمینه اجرا میشوند یا باعث ایجاد رنگآمیزی مجدد در مرورگر میشوند، معادل انرژی رها کردن خودروی شما در بیحرکتی در خیابان هستند.
داده ها دستورالعملهای طراحی متریال گوگل بر «حرکت معنادار» تأکید دارد. آنها استدلال می کنند که انیمیشن باید فقط برای جهت دهی به کاربر یا ارائه بازخورد استفاده شود. و استفاده از WebP به جای JPEG می تواند 25 تا 50 درصد از داده های یک صفحه را ذخیره کند. هدف طراحی ما باید حرکت معنادار را اتخاذ کنیم. اگر یک انیمیشن به کاربر کمک نکند تا یک کار را انجام دهد یا یک سلسله مراتب را درک کند، هدر می رود. ما باید در صورت امکان، انتقال CSS را به کتابخانههای جاوا اسکریپت سنگین مانند GSAP یا Lottie ترجیح دهیم، زیرا CSS از لحاظ سختافزاری تسریع شده و برای محاسبه مرورگر بسیار کارآمدتر است. به عنوان یک طراح UX، نمی توانم با این رویکرد مخالفت کنم. این نه تنها به کاهش اتلاف داده ها کمک می کند، بلکه UX را برای کاربران ما بهبود می بخشد. تنظیم "بودجه داده" برای هر پروژه در بیش از 20 سال تجربه کاربری من، موفق ترین پروژه ها معمولاً آنهایی بوده اند که سخت ترین محدودیت ها را داشته اند. همانطور که یک پروژه دارای بودجه مالی است، باید دارای بودجه کربن و داده نیز باشد. منطق بودجه داده یک سقف سخت برای اندازه کل یک صفحه است (به عنوان مثال، "این صفحه فرود نمی تواند بیش از 1 مگابایت باشد"). این امر تیم طراحی را مجبور می کند تا انتخاب های سخت و عمدی انجام دهد. اگر میخواهید یک اسکریپت ردیابی جدید یا وزن فونت فانتزی اضافه کنید، باید با بهینهسازی یا حذف چیز دیگری هزینه آن را بپردازید. این مانع از تبدیل "خزش ویژگی" به "خزش کربن" می شود. داده ها مدل طراحی وب پایدار، که توسط پیشگامانی مانند Wholegrain Digital ایجاد شده است، فرمولی برای محاسبه CO2 در هر نمایش صفحه ارائه می دهد. یک وب سایت به طور متوسط در هر بازدید حدود 0.5 گرم CO2 تولید می کند. برای سایتی با 1 میلیون بازدید ماهانه، این معادل 6 تن CO2 در سال است که معادل 15000 مایل رانندگی با ماشین است. هدف طراحی چک لیست UX پایدار
Images را کاهش دهید، ضرورت هر تصویر را زیر سوال ببرید و از کوچکترین وضوح و کارآمدترین فرمت های فایل (مانند AVIF) برای به حداقل رساندن انتقال داده ها استفاده کنید. بهینه سازی VideoEliminate رسانه پخش خودکار و اولویت بندی حلقه های بسیار فشرده و کوتاه برای اطمینان از صرف انرژی فقط برای محتوایی که کاربر قصد مشاهده آن را دارد. محدود کردن فونت ها از حداکثر دو وزن فونت وب استفاده کنید یا به فونت های سیستمی کلاسیک بچسبید تا درخواست های غیر ضروری سرور را حذف کنید و نفخ را رندر کنید. Recycle Assets یک تصویر یا ویدیو را چندین بار با استفاده از فیلترهای CSS و همپوشانی برای ایجاد تنوع بصری بدون افزایش وزن کل صفحه، استفاده کنید. Green HostingHost محصولات دیجیتال خود را بر روی سرورهای تایید شده توسط بنیاد وب سبز انتخاب کنید تا اطمینان حاصل کنید که آنها از منابع انرژی تجدید پذیر تغذیه می شوند. فاصله داده ها را به حداقل برسانید مکان های سرور را از نظر جغرافیایی نزدیک به مخاطبان اصلی خود انتخاب کنید تا انرژی مورد نیاز برای انتقال داده ها از طریق زیرساخت های فیزیکی کاهش یابد.
مورد تجاری برای طراحی سازگار با محیط زیست برخی ممکن است استدلال کنند که "UX سبز" مانند یک سازش در کیفیت به نظر می رسد. برعکس، یک مزیت رقابتی است. طراحی پایدار طراحی عملکرد است. وقتی وزن صفحه را کاهش می دهید، سایت شما سریعتر بارگذاری می شود. وقتی سایت شما سریعتر بارگذاری می شود، Core Web Vitals شما بهبود می یابد. زمانی که Core Web Vitals شما بهبود یابد، رتبه SEO شما بالاتر می رود. علاوه بر این، کاربران دستگاههای قدیمیتر یا برنامههای داده کندتر (مخصوصاً در بازارهای نوظهور) واقعاً میتوانند به محصول شما دسترسی داشته باشند. این تعریف «طراحی فراگیر» است. با بریدن «چربی دیجیتال»، وب لاغرتر، سریعتر و در دسترستر ایجاد میکنیم. ما از "طراحی یکبار مصرف" در دهه 2010 به سمت یک دور می شویممعماری دیجیتالی دائمی تر و محترمانه تر. نتیجه گیری: آینده طراحی "پاک". در دو دهه طراحی خود، شاهد آمدن و رفتن بسیاری از روندها بودم. Skeuomorphism، Flat Design، Neumorphism - همه آنها انتخاب های زیبایی شناختی بودند. اما UX پایدار یک روند نیست. اکنون یک ضرورت است ما اولین نسل طراحانی هستیم که باید عواقب فیزیکی کار دیجیتال خود را در نظر بگیریم. UX پایدار یک «برد-برد-برد» است. برای کره زمین بهتر است زیرا مصرف انرژی را کاهش می دهد. این برای کاربر بهتر است زیرا باعث ایجاد رابط های سریع تر و پاسخگوتر می شود. و برای تجارت بهتر است زیرا هزینه های میزبانی را کاهش می دهد و نرخ تبدیل را بهبود می بخشد. دوران "پیکسل های نامحدود" به پایان رسیده است. در سال 2026، پیچیده ترین طراحی، طراحی است که کمترین ردپایی را از خود به جای بگذارد. ما دیگر فقط طراح نیستیم. ما نگهبان باتری کاربر، برنامه داده های او و در نهایت محیط زیست هستیم. دعوت به اقدام من شما را دعوت می کنم که امروز فقط یک صفحه از پروژه فعلی خود را ممیزی کنید. از ابزاری مانند Website Carbon Calculator برای مشاهده تاثیر آن استفاده کنید. سپس به دنبال «ضایعات نامرئی» بگردید. آیا آن تصویر می تواند یک SVG باشد؟ آیا آن ویدیو می تواند یک قهرمان ثابت باشد؟ آیا می توان آن انیمیشن "بلند" را ساکت کرد؟ از کوچک شروع کنید. ظریف ترین راه حل اغلب راه حلی است که کمترین بایت را دارد.
