ฉันใช้เวลากว่าสองทศวรรษในการออกแบบประสบการณ์ผู้ใช้ ฉันจำการเปลี่ยนจากเลย์เอาต์แบบตารางไปเป็น CSS, การออกแบบแบบ Pivot ไปสู่การออกแบบที่ตอบสนองเมื่อ iPhone เปิดตัว และการเพิ่มขึ้นของ "ระบบเศรษฐกิจที่เน้นความสนใจ" แต่ในขณะที่เราดำเนินชีวิตในปี 2569 อุตสาหกรรมกำลังเผชิญกับการเปลี่ยนแปลงที่สำคัญที่สุด เรากำลังก้าวผ่านยุคของ "การออกแบบไม่ว่าจะด้วยวิธีใดก็ตาม" ไปสู่ยุคของ UX ที่ยั่งยืน ไม่ใช่สิ่งที่นักออกแบบส่วนใหญ่คิดรวมถึงตัวฉันด้วย จนกระทั่งฉันได้ยินเรื่องนี้เป็นแนวคิด เป็นเวลาหลายปีมาแล้วที่เราปฏิบัติต่ออินเทอร์เน็ตเสมือนเป็นคลาวด์ที่ไม่มีตัวตนและไร้น้ำหนัก เราสันนิษฐานว่าผลิตภัณฑ์ดิจิทัลเป็น "สีเขียว" เพียงเพราะไม่ได้พิมพ์บนกระดาษ ฉันเคยคิดแบบนั้นมาก่อน และก่อนที่แนวคิดเรื่องการเปลี่ยนแปลงสภาพภูมิอากาศจะเกิดขึ้น มันเป็นเรื่องของการอนุรักษ์ต้นไม้มากกว่า เราผิด. คลาวด์เป็นโครงสร้างพื้นฐานทางกายภาพ เครือข่ายศูนย์ข้อมูลที่กว้างขวาง สายเคเบิลใต้ทะเล และระบบทำความเย็นที่ส่งเสียงฮัมตลอด 24 ชั่วโมงทุกวัน แม้ว่าศูนย์ข้อมูลที่เน้น AI จะตรงกับการใช้พลังงานของโรงถลุงอะลูมิเนียมขนาดใหญ่ แต่ความหนาแน่นทางภูมิศาสตร์ที่สูงยังทำให้เกิดความตึงเครียดทางสิ่งแวดล้อมที่รุนแรงยิ่งขึ้น ในฐานะนักออกแบบ UX เราคือสถาปนิกด้านการใช้พลังงานนี้ รูปภาพหลักที่มีความละเอียดสูงทุกภาพ วิดีโอพื้นหลังที่เล่นอัตโนมัติทุกรายการ และภาพเคลื่อนไหว JavaScript ที่ซับซ้อนทุกรายการที่เราอนุมัตินั้นเป็นคำสั่งโดยตรงไปยังโปรเซสเซอร์ในการสิ้นเปลืองพลังงาน หากเราต้องการสร้างอนาคตที่ยั่งยืน เราต้องหยุดออกแบบให้ “ว้าว” แล้วเริ่มออกแบบให้มีประสิทธิภาพ โหมดมืด ในช่วงต้นทศวรรษ 2000 พื้นหลังสีขาวเป็นมาตรฐานเนื่องจากเลียนแบบความคุ้นเคยของกระดาษ อย่างไรก็ตาม ฮาร์ดแวร์มีการพัฒนา และปรัชญาการออกแบบของเราจะต้องปฏิบัติตาม การเปลี่ยนจากเทคโนโลยี LCD มาเป็น OLED (Organic Light Emitting Diode) ได้เปลี่ยนแปลงพื้นฐานวิธีที่สีส่งผลต่อพลังงาน
ลอจิก ต่างจากหน้าจอ LCD ทั่วไปที่ต้องใช้ไฟแบ็คไลท์ที่เปิดตลอดเวลา (แม้ว่าจะแสดงเป็นสีดำ) หน้าจอ OLED จะส่องสว่างแต่ละพิกเซลแยกกัน เมื่อพิกเซลถูกตั้งค่าเป็นสีดำจริง (#000000) ไดโอดนั้นจะถูกปิดโดยสมบูรณ์ มันดึงพลังงานเป็นศูนย์ ด้วยการออกแบบอินเทอร์เฟซที่เหมาะกับจานสีที่เข้มกว่า เราไม่ได้แค่ตามกระแสเท่านั้น เรากำลังลดความต้องการพลังงานทางกายภาพของอุปกรณ์ของผู้ใช้ ข้อมูล การประหยัดพลังงานอยู่ไกลจากเล็กน้อย การศึกษาครั้งสำคัญโดยมหาวิทยาลัย Purdue ในปี 2021 ซึ่งกลายเป็นมาตรฐานทองคำสำหรับการสนทนาครั้งนี้ เปิดเผยว่าที่ความสว่าง 100% การเปลี่ยนจากโหมดสว่างเป็นโหมดมืดสามารถประหยัดพลังงานแบตเตอรี่ได้โดยเฉลี่ย 39% ถึง 47% ในระดับโลก หากแอปหลักๆ ทุกแอปตั้งค่าเริ่มต้นเป็นโหมดมืด ความต้องการกริดที่ลดลงคงจะมหาศาลมาก เป้าหมายการออกแบบ ในปี 2569 โหมดมืดไม่ควรเป็น "ธีม" รองที่ซ่อนอยู่ในเมนูการตั้งค่าอีกต่อไป เราควรออกแบบด้วยแนวคิด "Dark-First" นี่ไม่ได้หมายความว่าทุกไซต์จะต้องดูเหมือน The Matrix แต่มันหมายถึงการจัดลำดับความสำคัญของธีมสีเข้มที่มีคอนทราสต์สูงเป็นสถานะเริ่มต้นที่ระบบต้องการ สิ่งนี้จะช่วยยืดอายุการใช้งานฮาร์ดแวร์ของอุปกรณ์และลดปริมาณการปล่อยก๊าซคาร์บอนไดออกไซด์ของทุกๆ การโต้ตอบ โดยส่วนตัวแล้วฉันชอบโหมดแสงในการอ่าน ดังนั้นจึงสมเหตุสมผลที่จะมีตัวเลือกทั้งโหมดแสงและโหมดมืด นอกจากนี้ยังมีข้อควรพิจารณาในการเข้าถึงโดยให้ทั้งสองตัวเลือก การเพิ่มประสิทธิภาพรูปภาพและวิดีโอ เรากลายเป็นนักออกแบบที่ขี้เกียจ ด้วย 5G ความเร็วสูงและไฟเบอร์ออปติก เราไม่ต้องกังวลเรื่องขนาดไฟล์อีกต่อไป น้ำหนักเพจบนมือถือโดยเฉลี่ยเพิ่มขึ้นกว่า 500% ในช่วงทศวรรษที่ผ่านมา สาเหตุหลักมาจากเนื้อหาภาพที่ไม่ได้รับการปรับให้เหมาะสม ลอจิก “ไขมันดิจิทัล” ของเว็บไซต์ (รูปภาพ Unsplash ขนาด 4MB และวิดีโอพื้นหลังขนาด 15MB) เป็นผู้มีส่วนร่วมรายใหญ่ที่สุดเพียงรายเดียวในการขับเคลื่อนการโหลดหน้าเว็บ ทุกเมกะไบต์ที่ถ่ายโอนจากเซิร์ฟเวอร์ไปยังไคลเอนต์ต้องใช้ไฟฟ้าในการส่ง การประมวลผลของเซิร์ฟเวอร์ และกลไกการเรนเดอร์ของผู้ใช้ เมื่อเราใช้ไฟล์ขนาดใหญ่ เรากำลัง "เผาผลาญ" พลังงานเพื่อแสดงภาพที่อาจมีประสิทธิภาพพอๆ กันในขนาดเสี้ยววินาที ไม่ต้องพูดถึง คุณยังมอบประสบการณ์ผู้ใช้ที่ดีขึ้นด้วยหน้าเว็บที่โหลดเร็วขึ้นมาก
ข้อมูล จากข้อมูลของ HTTP Archive รูปภาพและวิดีโอมีส่วนสำคัญต่อน้ำหนักรวมของหน้าอย่างสม่ำเสมอ อย่างไรก็ตาม การเปลี่ยนไปใช้รูปแบบสมัยใหม่ เช่น AVIF และ WebP สามารถลดน้ำหนักของภาพได้มากถึง 50% เมื่อเทียบกับ JPEG โดยไม่สูญเสียคุณภาพแต่อย่างใด แม้ว่ารูปแบบเหล่านี้จะไม่คุ้นเคยกับฉันมากเท่ากับ JPG และ PNG แต่ฉันตั้งตารอที่จะใช้รูปแบบเหล่านี้เพื่อลดขนาดหน้าอย่างแน่นอน ที่เป้าหมายการออกแบบ ฉันเพิ่งเป็นผู้นำการออกแบบใหม่สำหรับแพลตฟอร์มความปลอดภัยทางไซเบอร์ จากการใช้การตรวจสอบ "ก่อนและหลัง" เราพบว่าหน้าแรกของพวกเขาโหลดข้อมูล 5.5MB ด้วยการแทนที่การถ่ายภาพความละเอียดสูงด้วยงานศิลปะ SVG (Scalable Vector Graphics) และใช้การไล่ระดับสี CSS ที่ชาญฉลาดแทนเนื้อหารูปภาพ เราจึงลดภาระลงเหลือ 1.2MB นั่นคือโหลดพลังงานลดลง 78%! ในฐานะนักออกแบบ คำถามแรกของคุณควรเป็น: “ฉันจำเป็นต้องมีภาพถ่ายสำหรับสิ่งนี้ หรือฉันสามารถบรรลุการสะท้อนทางอารมณ์แบบเดียวกันด้วยโค้ดได้หรือไม่”
การเคลื่อนไหวโดยเจตนา: การตัดภาพเคลื่อนไหวที่ "ดัง" เราอยู่ในยุคของ "การเลื่อนแจ็ค" และเอฟเฟกต์ 3D Parallax ที่ซับซ้อน แม้ว่าสิ่งเหล่านี้อาจชนะรางวัลบน Awwwards.com แต่ก็มักจะเป็นภัยพิบัติทางระบบนิเวศ ลอจิก แอนิเมชันไม่ฟรี หากต้องการเรนเดอร์ภาพเคลื่อนไหวที่ซับซ้อน GPU (หน่วยประมวลผลกราฟิก) ของอุปกรณ์จะต้องทำงานที่ความจุสูง สิ่งนี้จะเพิ่มอุณหภูมิของ CPU เปิดพัดลมระบายความร้อน (ในแล็ปท็อป) และทำให้แบตเตอรี่หมดอย่างรวดเร็ว ภาพเคลื่อนไหว "เสียงดัง" ที่ทำงานอย่างต่อเนื่องในพื้นหลังหรือทำให้เกิดการทาสีเบราว์เซอร์ใหม่จำนวนมากนั้นเทียบเท่ากับพลังงานที่เทียบเท่ากับการปล่อยให้รถของคุณเดินเบาบนถนนรถแล่น
ข้อมูล หลักเกณฑ์การออกแบบวัสดุของ Google เน้นย้ำถึง "การเคลื่อนไหวที่มีความหมาย" พวกเขาแย้งว่าควรใช้แอนิเมชั่นเพื่อกำหนดทิศทางผู้ใช้หรือให้ข้อเสนอแนะเท่านั้น และการใช้ WebP แทน JPEG สามารถบันทึกข้อมูลได้ 25-50% ในหนึ่งหน้า เป้าหมายการออกแบบ เราจะต้องนำการเคลื่อนไหวที่มีความหมายมาใช้ หากภาพเคลื่อนไหวไม่ช่วยให้ผู้ใช้ทำงานให้เสร็จสิ้นหรือเข้าใจลำดับชั้นได้ จะถือเป็นการสิ้นเปลือง เราควรสนับสนุนการเปลี่ยน CSS มากกว่าไลบรารี JavaScript จำนวนมาก เช่น GSAP หรือ Lottie หากเป็นไปได้ เนื่องจาก CSS เป็นการเร่งด้วยฮาร์ดแวร์และมีประสิทธิภาพมากกว่ามากสำหรับเบราว์เซอร์ในการคำนวณ ในฐานะนักออกแบบ UX ฉันไม่สามารถโต้แย้งแนวทางนี้ได้ สิ่งนี้ไม่เพียงช่วยลดการสูญเสียข้อมูล แต่ยังปรับปรุง UX สำหรับผู้ใช้ของเราด้วย การกำหนด “งบประมาณข้อมูล” สำหรับทุกโครงการ ในช่วง 20 ปีที่ผ่านมา UX ของฉัน โปรเจ็กต์ที่ประสบความสำเร็จมากที่สุดมักเป็นโปรเจ็กต์ที่มีข้อจำกัดที่เข้มงวดที่สุด เช่นเดียวกับที่โครงการมีงบประมาณทางการเงิน ก็ควรมีงบประมาณคาร์บอนและข้อมูลด้วย ลอจิก งบประมาณข้อมูลคือการกำหนดขนาดรวมของหน้า (เช่น "หน้า Landing Page นี้ต้องไม่เกิน 1MB") สิ่งนี้บังคับให้ทีมออกแบบต้องตัดสินใจเลือกอย่างยากลำบากและตั้งใจ หากคุณต้องการเพิ่มสคริปต์ติดตามใหม่หรือน้ำหนักแบบอักษรที่สวยงาม คุณต้อง "จ่าย" โดยการปรับให้เหมาะสมหรือลบอย่างอื่นออก วิธีนี้จะป้องกันไม่ให้ "ฟีเจอร์คืบ" กลายเป็น "การคืบของคาร์บอน" ข้อมูล โมเดลการออกแบบเว็บไซต์ที่ยั่งยืน ซึ่งพัฒนาโดยผู้บุกเบิกอย่าง Wholegrain Digital เป็นสูตรในการคำนวณ CO2 ต่อการดูหน้าเว็บ เว็บไซต์โดยเฉลี่ยผลิต CO2 ประมาณ 0.5 กรัมต่อการดู สำหรับไซต์ที่มีการดู 1 ล้านครั้งต่อเดือน นั่นจะเท่ากับ CO2 6 ตันต่อปี ซึ่งเทียบเท่ากับการขับรถ 15,000 ไมล์ เป้าหมายการออกแบบ รายการตรวจสอบ UX ที่ยั่งยืน
ลดรูปภาพตั้งคำถามถึงความจำเป็นของทุกภาพและใช้ความละเอียดที่เล็กที่สุดและรูปแบบไฟล์ที่มีประสิทธิภาพสูงสุด (เช่น AVIF) เพื่อลดการถ่ายโอนข้อมูล ปรับวิดีโอให้เหมาะสม กำจัดสื่อที่เล่นอัตโนมัติและจัดลำดับความสำคัญของลูปสั้นๆ ที่บีบอัดสูง เพื่อให้แน่ใจว่าพลังงานจะหมดไปกับเนื้อหาที่ผู้ใช้ตั้งใจจะดูเท่านั้น จำกัดแบบอักษรใช้น้ำหนักฟอนต์เว็บสูงสุดสองแบบ หรือใช้ฟอนต์ระบบคลาสสิกเพื่อลบคำขอของเซิร์ฟเวอร์ที่ไม่จำเป็นและการแสดงผลที่ขยายใหญ่ขึ้น รีไซเคิลเนื้อหา นำรูปภาพหรือวิดีโอเดียวมาใช้ใหม่หลายครั้งโดยใช้ตัวกรอง CSS และภาพซ้อนทับเพื่อสร้างภาพที่หลากหลายโดยไม่ต้องเพิ่มน้ำหนักหน้าทั้งหมด เลือก Green Hostingโฮสต์ผลิตภัณฑ์ดิจิทัลของคุณบนเซิร์ฟเวอร์ที่ได้รับการตรวจสอบโดย The Green Web Foundation เพื่อให้แน่ใจว่าผลิตภัณฑ์เหล่านั้นใช้พลังงานหมุนเวียน ลดระยะทางของข้อมูลให้เหลือน้อยที่สุดเลือกตำแหน่งเซิร์ฟเวอร์ทางภูมิศาสตร์ใกล้กับผู้ชมหลักของคุณ เพื่อลดพลังงานที่จำเป็นสำหรับข้อมูลในการเดินทางผ่านโครงสร้างพื้นฐานทางกายภาพ
กรณีธุรกิจสำหรับการออกแบบที่เป็นมิตรกับสิ่งแวดล้อม บางคนอาจแย้งว่า “Green UX” ดูเหมือนเป็นการประนีประนอมกับคุณภาพ ตรงกันข้าม มันคือความได้เปรียบในการแข่งขัน การออกแบบที่ยั่งยืนคือการออกแบบประสิทธิภาพ เมื่อคุณลดน้ำหนักหน้า เว็บไซต์ของคุณจะโหลดเร็วขึ้น เมื่อเว็บไซต์โหลดเร็วขึ้น Core Web Vitals ก็จะดีขึ้น เมื่อ Core Web Vitals ของคุณดีขึ้น อันดับ SEO ของคุณก็จะเพิ่มขึ้น นอกจากนี้ ผู้ใช้บนอุปกรณ์รุ่นเก่าหรือแผนข้อมูลที่ช้ากว่า (โดยเฉพาะในตลาดเกิดใหม่) จะสามารถเข้าถึงผลิตภัณฑ์ของคุณได้จริง นี่คือคำจำกัดความของ “การออกแบบที่ครอบคลุม” ด้วยการตัด "ไขมันดิจิทัล" เราจึงสร้างเว็บที่บางลง เร็วขึ้น และเข้าถึงได้มากขึ้น เรากำลังเคลื่อนตัวออกจาก "การออกแบบแบบใช้แล้วทิ้ง" ของปี 2010 ไปสู่กสถาปัตยกรรมดิจิทัลที่ถาวรและเคารพมากขึ้น บทสรุป: อนาคตของการออกแบบ "สะอาด" ในการออกแบบสองทศวรรษของฉัน ฉันได้เห็นเทรนด์ต่างๆ มากมายเกิดขึ้นและผ่านไป Skeuomorphism, Flat Design, Neumorphism - ล้วนเป็นทางเลือกด้านสุนทรียศาสตร์ แต่ UX ที่ยั่งยืนไม่ใช่เทรนด์ ตอนนี้มันเป็นสิ่งจำเป็น เราเป็นนักออกแบบรุ่นแรกที่ต้องคำนึงถึงผลที่ตามมาทางกายภาพจากงานดิจิทัลของเรา UX ที่ยั่งยืนคือ “win-win-win” ดีต่อโลกมากขึ้นเพราะช่วยลดการใช้พลังงาน เป็นการดีกว่าสำหรับผู้ใช้เพราะมันส่งผลให้อินเทอร์เฟซเร็วขึ้นและตอบสนองมากขึ้น และเป็นการดีกว่าสำหรับธุรกิจเพราะช่วยลดต้นทุนการโฮสต์และปรับปรุงอัตราการแปลง หมดยุคของ “พิกเซลไม่จำกัด” แล้ว ในปี 2026 การออกแบบที่ซับซ้อนที่สุดคือการออกแบบที่ทิ้งพื้นที่ขนาดเล็กที่สุด เราไม่ได้เป็นเพียงนักออกแบบอีกต่อไป เราคือผู้พิทักษ์แบตเตอรี่ของผู้ใช้ แผนข้อมูลของพวกเขา และสุดท้ายคือสิ่งแวดล้อม คำกระตุ้นการตัดสินใจ ฉันขอท้าให้คุณตรวจสอบโครงการปัจจุบันของคุณเพียงหน้าเดียว ใช้เครื่องมือเช่น Website Carbon Calculator เพื่อดูผลกระทบ จากนั้นมองหา “ขยะที่มองไม่เห็น” รูปภาพนั้นสามารถเป็น SVG ได้หรือไม่ วิดีโอนั้นสามารถเป็นฮีโร่แบบคงที่ได้หรือไม่ ภาพเคลื่อนไหวที่ “ดัง” นั้นสามารถปิดเสียงได้หรือไม่ เริ่มเล็กๆ. โซลูชันที่หรูหราที่สุดมักเป็นโซลูชันที่มีไบต์น้อยที่สุด
