لقد أمضيت أكثر من عقدين من الزمن في خنادق تصميم تجربة المستخدم. أتذكر الانتقال من التخطيطات المستندة إلى الجدول إلى CSS، وهو المحور الذي كان محور التصميم سريع الاستجابة عندما تم إطلاق iPhone، وظهور "اقتصاد الانتباه". ولكن بينما ننتقل إلى عام 2026، تواجه الصناعة التحول الأكثر أهمية حتى الآن. نحن ننتقل من عصر "التصميم بأي ثمن" إلى عصر تجربة المستخدم المستدامة. إنه ليس شيئًا يفكر فيه معظم المصممين، بما فيهم أنا، إلى أن سمعت عن هذا كمفهوم. لسنوات عديدة، تعاملنا مع الإنترنت على أنه سحابة أثيرية عديمة الوزن. لقد افترضنا أن المنتجات الرقمية كانت "خضراء" لأنها ببساطة لم تتم طباعتها على الورق. كنت أعتقد ذلك أيضًا، وقبل ظهور مفهوم تغير المناخ، كان الأمر يتعلق أكثر بإنقاذ الأشجار. لقد كنا مخطئين. السحابة عبارة عن بنية تحتية مادية، وشبكة مترامية الأطراف من مراكز البيانات، والكابلات البحرية، وأنظمة التبريد التي تعمل على مدار الساعة طوال أيام الأسبوع. وفي حين أن مراكز البيانات التي تركز على الذكاء الاصطناعي تتطابق مع استهلاك الطاقة في مصاهر الألومنيوم الضخمة، فإن كثافتها الجغرافية العالية تخلق ضغطًا بيئيًا محليًا أكثر كثافة. باعتبارنا مصممي تجربة المستخدم، نحن مهندسو استهلاك الطاقة هذا. كل صورة بطل عالية الدقة، وكل فيديو خلفية يتم تشغيله تلقائيًا، وكل رسوم متحركة معقدة لـ JavaScript نوافق عليها، هي بمثابة تعليمات مباشرة للمعالج لاستهلاك الطاقة. إذا أردنا بناء مستقبل يدوم، يجب علينا أن نتوقف عن التصميم من أجل "الابهار" ونبدأ في التصميم من أجل الكفاءة. الوضع المظلم في أوائل العقد الأول من القرن الحادي والعشرين، كانت الخلفيات البيضاء هي المعيار لأنها تحاكي الورق المألوف. ومع ذلك، فقد تطورت الأجهزة، ويجب أن تتبعها فلسفتنا في التصميم. لقد أدى التحول من تقنية LCD إلى تقنية OLED (الصمام الثنائي الباعث للضوء العضوي) إلى تغيير جذري في كيفية تأثير اللون على الطاقة.
المنطق على عكس شاشات LCD التقليدية، التي تتطلب إضاءة خلفية مضاءة دائمًا (حتى عند عرضها باللون الأسود)، تضيء شاشات OLED كل بكسل على حدة. عند ضبط البكسل على اللون الأسود الحقيقي (#000000)، يتم إيقاف تشغيل هذا الصمام الثنائي المحدد تمامًا. إنه يسحب طاقة صفر. ومن خلال تصميم واجهات تفضل الألوان الداكنة، فإننا لا نتبع الاتجاه السائد فحسب؛ نحن نعمل فعليًا على تقليل متطلبات الطاقة لجهاز المستخدم. البيانات وفورات الطاقة بعيدة كل البعد عن أن تكون ضئيلة. كشفت دراسة تاريخية أجرتها جامعة بوردو في عام 2021، والتي أصبحت المعيار الذهبي لهذه المناقشة، أنه عند سطوع 100%، يمكن أن يوفر التبديل من الوضع الفاتح إلى الوضع الداكن ما متوسطه 39% إلى 47% من طاقة البطارية. على المستوى العالمي، إذا تم تعيين كل تطبيق رئيسي بشكل افتراضي على الوضع المظلم، فإن الانخفاض في الطلب على الشبكة سيكون فلكيًا. هدف التصميم في عام 2026، لا ينبغي أن يكون الوضع الداكن "موضوعًا" ثانويًا مخفيًا في قائمة الإعدادات. يجب أن نصمم بعقلية "الظلام أولاً". هذا لا يعني أن كل موقع يجب أن يبدو مثل The Matrix، ولكنه يعني إعطاء الأولوية للموضوعات الداكنة عالية التباين باعتبارها الحالة الافتراضية المفضلة للنظام. يؤدي ذلك إلى إطالة عمر أجهزة الجهاز وتقليل البصمة الكربونية لكل تفاعل. أنا شخصياً أفضل الوضع الفاتح للقراءة، لذا فمن المنطقي أن تتوفر خيارات الوضع الفاتح والداكن. هناك أيضًا اعتبارات إمكانية الوصول عند توفير كلا الخيارين. تحسين الصور والفيديو لقد أصبحنا مصممين كسالى. بفضل شبكة 5G عالية السرعة والألياف الضوئية، توقفنا عن القلق بشأن أحجام الملفات. لقد زاد متوسط وزن صفحة الهاتف المحمول بنسبة تزيد عن 500% في العقد الماضي، ويرجع ذلك إلى حد كبير إلى الأصول المرئية غير المحسنة. المنطق تعد "الدهون الرقمية" لموقع الويب (صور Unsplash بحجم 4 ميجابايت ومقاطع فيديو خلفية بحجم 15 ميجابايت) أكبر مساهم منفرد في طاقة تحميل الصفحة. كل ميجابايت يتم نقلها من الخادم إلى العميل تتطلب كهرباء للنقل ومعالجة الخادم ومحرك العرض الخاص بالمستخدم. عندما نستخدم ملفات ضخمة، فإننا في الأساس "نحرق" الطاقة لإظهار صورة كان من الممكن أن تكون بنفس الفعالية بجزء صغير من الحجم. ناهيك عن أنك توفر أيضًا تجربة أفضل للمستخدم من خلال صفحة يتم تحميلها بشكل أسرع.
البيانات وفقًا لأرشيف HTTP، تمثل الصور ومقاطع الفيديو دائمًا حصة الأسد من الوزن الإجمالي للصفحة. ومع ذلك، فإن التحول إلى التنسيقات الحديثة مثل AVIF وWebP يمكن أن يقلل من وزن الصورة بنسبة تصل إلى 50% مقارنة بـ JPEG، دون أي خسارة ملحوظة في الجودة. على الرغم من أن هذه التنسيقات ليست مألوفة بالنسبة لي مثل JPG وPNG، إلا أنني أتطلع بالتأكيد إلى استخدامها لتقليل حجم الصفحة. الهدف التصميم لقد قمت مؤخرًا بقيادة عملية إعادة تصميم لمنصة الأمن السيبراني. من خلال تنفيذ التدقيق "قبل وبعد"، اكتشفنا أن صفحتهم الرئيسية كانت تقوم بتحميل 5.5 ميغابايت من البيانات. من خلال استبدال التصوير الفوتوغرافي عالي الدقة بفن SVG (رسومات متجهة قابلة للتحجيم) واستخدام تدرجات CSS الذكية بدلاً من أصول الصور، قمنا بتقليل التحميل إلى 1.2 ميجابايت. وهذا يعني انخفاضًا بنسبة 78% في حمل الطاقة! كمصمم، سؤالك الأول يجب أن يكون دائمًا: "هل أحتاج إلى صورة لهذا، أم يمكنني تحقيق نفس الصدى العاطفي باستخدام الكود؟"
الحركة المتعمدة: قطع الرسوم المتحركة "الصاخبة". نحن نعيش في عصر "اصطياد التمرير" وتأثيرات المنظر ثلاثية الأبعاد المعقدة. في حين أن هذه قد تفوز بجوائز على موقع Awwwards.com، إلا أنها غالبًا ما تكون كوارث بيئية. المنطق الرسوم المتحركة ليست مجانية. لتقديم رسوم متحركة معقدة، يجب أن تعمل وحدة معالجة الرسومات (GPU) بالجهاز بسعة عالية. يؤدي ذلك إلى زيادة درجة حرارة وحدة المعالجة المركزية، وتشغيل مراوح التبريد (في أجهزة الكمبيوتر المحمولة)، واستنفاد البطارية بسرعة. الرسوم المتحركة "الصاخبة" التي تعمل باستمرار في الخلفية أو تؤدي إلى عمليات إعادة طلاء هائلة للمتصفح هي طاقة تعادل ترك سيارتك في وضع الخمول في الممر.
البيانات تؤكد إرشادات تصميم المواد من Google على "الحركة الهادفة". يجادلون بأن الرسوم المتحركة يجب أن تستخدم فقط لتوجيه المستخدم أو تقديم الملاحظات. ويمكن أن يؤدي استخدام WebP بدلاً من JPEG إلى توفير ما بين 25 إلى 50% من البيانات الموجودة على الصفحة. هدف التصميم يجب علينا أن نتبنى حركة ذات معنى. إذا لم تساعد الرسوم المتحركة المستخدم في إكمال مهمة أو فهم التسلسل الهرمي، فهي مضيعة. يجب أن نفضل انتقالات CSS على مكتبات JavaScript الثقيلة مثل GSAP أو Lottie حيثما أمكن ذلك، حيث يتم تسريع CSS بواسطة الأجهزة وأكثر كفاءة للمتصفح في الحساب. كمصمم UX، لا أستطيع أن أجادل في هذا النهج. لا يساعد هذا في تقليل هدر البيانات فحسب، بل يعمل أيضًا على تحسين تجربة المستخدم لمستخدمينا. وضع "ميزانية البيانات" لكل مشروع خلال أكثر من 20 عامًا من تجربة المستخدم، كانت المشاريع الأكثر نجاحًا بشكل عام هي تلك التي كانت ذات قيود صارمة. مثلما أن للمشروع ميزانية مالية، يجب أن يكون له أيضًا ميزانية للكربون والبيانات. المنطق تعد ميزانية البيانات بمثابة حد أقصى للحجم الإجمالي للصفحة (على سبيل المثال، "لا يمكن أن تتجاوز هذه الصفحة المقصودة 1 ميجابايت"). وهذا يجبر فريق التصميم على اتخاذ خيارات صعبة ومتعمدة. إذا كنت ترغب في إضافة نص برمجي جديد للتتبع أو وزن خط فاخر، فيجب عليك "الدفع" مقابل ذلك عن طريق تحسين شيء آخر أو إزالته. وهذا يمنع "زحف الميزات" من التحول إلى "زحف كربوني". البيانات يوفر نموذج تصميم الويب المستدام، الذي طوره رواد مثل Wholegrain Digital، صيغة لحساب ثاني أكسيد الكربون لكل مشاهدة للصفحة. ينتج موقع الويب العادي حوالي 0.5 جرام من ثاني أكسيد الكربون لكل مشاهدة. بالنسبة لموقع يحتوي على مليون مشاهدة شهريًا، فإن ذلك يعني 6 أطنان مترية من ثاني أكسيد الكربون سنويًا، أي ما يعادل قيادة سيارة لمسافة 15000 ميل. هدف التصميم قائمة مراجعة تجربة المستخدم المستدامة
تقليل الصور شكك في ضرورة كل صورة واستخدم تنسيقات الملفات ذات الدقة الأقل والأكثر كفاءة (مثل AVIF) لتقليل نقل البيانات. تحسين الفيديو: قم بإزالة الوسائط التي يتم تشغيلها تلقائيًا وإعطاء الأولوية للحلقات القصيرة المضغوطة للغاية لضمان إنفاق الطاقة فقط على المحتوى الذي ينوي المستخدم عرضه. الحد من الخطوط استخدم حدًا أقصى لوزن خطي الويب أو التزم بخطوط النظام الكلاسيكية لإزالة طلبات الخادم غير الضرورية وعرض الانتفاخ. قم بإعادة تدوير الأصول أعد استخدام صورة أو مقطع فيديو واحد عدة مرات باستخدام مرشحات وتراكبات CSS لإنشاء تنوع مرئي دون زيادة الوزن الإجمالي للصفحة. اختر Green Hosting. قم باستضافة منتجاتك الرقمية على خوادم تم التحقق منها بواسطة Green Web Foundation للتأكد من أنها مدعومة بمصادر الطاقة المتجددة. تقليل مسافة البيانات حدد مواقع الخادم القريبة جغرافيًا من جمهورك الأساسي لتقليل الطاقة المطلوبة لانتقال البيانات عبر البنية التحتية المادية.
الحالة التجارية للتصميم الصديق للبيئة قد يجادل البعض بأن "Green UX" يبدو وكأنه حل وسط بشأن الجودة. على العكس من ذلك، فهي ميزة تنافسية. التصميم المستدام هو تصميم الأداء. عندما تقوم بتقليل وزن الصفحة، يتم تحميل موقعك بشكل أسرع. عندما يتم تحميل موقعك بشكل أسرع، تتحسن مؤشرات أداء الويب الأساسية لديك. عندما تتحسن مؤشرات الويب الأساسية الخاصة بك، يرتفع تصنيف SEO الخاص بك. علاوة على ذلك، يمكن لمستخدمي الأجهزة القديمة أو خطط البيانات الأبطأ (خاصة في الأسواق الناشئة) الوصول فعليًا إلى منتجك. هذا هو تعريف "التصميم الشامل". ومن خلال التخلص من "الدهون الرقمية"، نقوم بإنشاء شبكة ويب أصغر حجمًا وأسرع ويمكن الوصول إليها بسهولة. نحن نبتعد عن "التصميم الذي يمكن التخلص منه" في العقد الأول من القرن الحادي والعشرين نحو أبنية رقمية أكثر ديمومة واحترامًا. الخلاصة: مستقبل التصميم "النظيف". خلال عقدين من العمل في مجال التصميم، رأيت العديد من الاتجاهات تأتي وتذهب. Skeuomorphism، التصميم المسطح، Neumorphism - كانت جميعها اختيارات جمالية. لكن تجربة المستخدم المستدامة ليست اتجاهًا؛ إنها الآن ضرورة. نحن الجيل الأول من المصممين الذين يتعين عليهم أن يأخذوا في الاعتبار العواقب المادية لعملنا الرقمي. تجربة المستخدم المستدامة هي "مربح للجانبين". إنه أفضل لكوكب الأرض لأنه يقلل من استهلاك الطاقة. إنه أفضل للمستخدم لأنه يؤدي إلى واجهات أسرع وأكثر استجابة. وهذا أفضل للأعمال لأنه يقلل من تكاليف الاستضافة ويحسن معدلات التحويل. لقد انتهى عصر "البكسلات غير المحدودة". في عام 2026، التصميم الأكثر تطورًا هو الذي يترك أصغر بصمة. لم نعد مجرد مصممين؛ نحن الأوصياء على بطارية المستخدم، وخطة البيانات الخاصة به، وفي النهاية البيئة. الدعوة إلى العمل أتحداك أن تقوم بتدقيق صفحة واحدة فقط من مشروعك الحالي اليوم. استخدم أداة مثل حاسبة الكربون لموقع الويب لمعرفة تأثيرها. ثم ابحث عن "النفايات غير المرئية". هل يمكن لهذه الصورة أن تكون SVG؟ هل يمكن أن يكون هذا الفيديو بطلاً ثابتًا؟ هل يمكن إسكات تلك الرسوم المتحركة "الصاخبة"؟ ابدأ صغيرًا. غالبًا ما يكون الحل الأكثر أناقة هو الحل الذي يحتوي على أقل عدد من البايتات.
