Saya telah menghabiskan lebih dari dua dekade di bidang desain pengalaman pengguna. Saya ingat transisi dari tata letak berbasis tabel ke CSS, poros ke desain responsif ketika iPhone diluncurkan, dan kebangkitan “ekonomi perhatian.” Namun saat kita memasuki tahun 2026, industri ini sedang menghadapi perubahan paling signifikan. Kita sedang melewati era “desain dengan cara apa pun” menuju era UX Berkelanjutan. Ini bukanlah sesuatu yang dipikirkan sebagian besar desainer, termasuk saya sendiri, sampai saya terdorong untuk mendengar tentang ini sebagai sebuah konsep. Selama bertahun-tahun, kami memperlakukan internet sebagai awan yang sangat halus dan tidak berbobot. Kita berasumsi bahwa produk digital bersifat “ramah lingkungan” hanya karena tidak dicetak di atas kertas. Saya juga pernah berpikir demikian, dan sebelum konsep perubahan iklim muncul, yang terpenting adalah menyelamatkan pohon. Kami salah. Cloud adalah infrastruktur fisik, jaringan pusat data yang luas, kabel bawah laut, dan sistem pendingin yang beroperasi 24/7. Meskipun pusat data yang berfokus pada AI menyamai konsumsi daya pabrik peleburan aluminium yang besar, kepadatan geografisnya yang tinggi menciptakan tekanan lingkungan yang lebih intens dan terlokalisasi. Sebagai desainer UX, kami adalah arsitek dari konsumsi energi ini. Setiap gambar pahlawan beresolusi tinggi, setiap video latar belakang yang diputar otomatis, dan setiap animasi JavaScript kompleks yang kami setujui merupakan instruksi langsung ke prosesor untuk mengonsumsi daya. Jika kita ingin membangun masa depan yang langgeng, kita harus berhenti mendesain untuk hal-hal yang “wow” dan mulai mendesain untuk efisiensi. Mode Gelap Pada awal tahun 2000-an, latar belakang putih menjadi standar karena meniru kertas yang biasa digunakan. Namun, perangkat kerasnya telah berkembang, dan filosofi desain kami harus mengikuti. Peralihan dari teknologi LCD ke OLED (Organic Light Emitting Diode) telah mengubah secara mendasar bagaimana warna memengaruhi energi.
Logikanya Tidak seperti layar LCD tradisional, yang memerlukan lampu latar yang selalu menyala (bahkan saat menampilkan warna hitam), layar OLED menerangi setiap piksel satu per satu. Ketika piksel disetel ke warna hitam pekat (#000000), dioda spesifik tersebut dimatikan sepenuhnya. Ini tidak menghasilkan daya apa pun. Dengan merancang antarmuka yang mendukung palet yang lebih gelap, kami tidak hanya mengikuti tren; kami secara fisik mengurangi kebutuhan energi perangkat pengguna. Datanya Penghematan energi tidak dapat diabaikan. Sebuah studi penting yang dilakukan Universitas Purdue pada tahun 2021, yang menjadi standar emas diskusi ini, mengungkapkan bahwa pada kecerahan 100%, beralih dari mode terang ke mode gelap dapat menghemat rata-rata 39% hingga 47% daya baterai. Dalam skala global, jika setiap aplikasi besar menggunakan mode gelap secara default, penurunan permintaan jaringan listrik akan sangat besar. Tujuan Desain Pada tahun 2026, Mode Gelap seharusnya tidak lagi menjadi “tema” sekunder yang tersimpan di menu pengaturan. Kita harus mendesain dengan mentalitas “Dark First”. Ini tidak berarti setiap situs harus terlihat seperti The Matrix, namun ini berarti memprioritaskan tema gelap kontras tinggi sebagai keadaan default yang disukai sistem. Hal ini memperpanjang umur perangkat keras perangkat dan menurunkan jejak karbon dari setiap interaksi. Saya pribadi lebih suka Mode Terang untuk membaca, jadi masuk akal jika tersedia opsi mode terang dan gelap. Ada juga pertimbangan aksesibilitas dengan menyediakan kedua opsi tersebut. Optimasi Gambar Dan Video Kami telah menjadi desainer yang malas. Dengan 5G berkecepatan tinggi dan serat optik, kami tidak lagi mengkhawatirkan ukuran file. Rata-rata bobot laman seluler telah meningkat lebih dari 500% dalam dekade terakhir, sebagian besar disebabkan oleh aset visual yang tidak dioptimalkan. Logikanya “Lemak Digital” sebuah situs web (foto Unsplash 4MB dan video latar belakang 15MB) adalah kontributor terbesar terhadap energi pemuatan halaman. Setiap megabyte yang ditransfer dari server ke klien memerlukan listrik untuk transmisi, pemrosesan server, dan mesin rendering pengguna. Saat kita menggunakan file berukuran besar, pada dasarnya kita “membakar” energi untuk menampilkan gambar yang bisa saja sama efektifnya dengan ukuran yang kecil. Belum lagi, Anda juga memberikan pengalaman pengguna yang lebih baik dengan halaman yang dimuat lebih cepat.
Datanya Menurut Arsip HTTP, gambar dan video secara konsisten menyumbang bagian terbesar dari total bobot halaman. Namun, peralihan ke format modern seperti AVIF dan WebP dapat mengurangi bobot gambar hingga 50% dibandingkan JPEG, tanpa penurunan kualitas yang nyata. Meskipun format ini tidak familier bagi saya seperti JPG dan PNG, saya sangat menantikan untuk menggunakannya untuk mengurangi ukuran halaman. ItuTujuan Desain Saya baru-baru ini memimpin desain ulang platform keamanan siber. Dengan menerapkan audit “Sebelum dan Sesudah”, kami menemukan bahwa beranda mereka memuat 5,5 MB data. Dengan mengganti fotografi resolusi tinggi dengan seni SVG (Scalable Vector Graphics) dan menggunakan gradien CSS yang cerdas sebagai pengganti aset gambar, kami menurunkan beban menjadi 1,2 MB. Itu adalah pengurangan beban energi sebesar 78%! Sebagai seorang desainer, pertanyaan pertama Anda harus selalu: “Apakah saya memerlukan foto untuk ini, atau bisakah saya mencapai resonansi emosional yang sama dengan kode?”
Gerakan yang Disengaja: Memotong Animasi “Keras”. Kita hidup di era “scroll-jacking” dan efek Paralaks 3D yang kompleks. Meskipun hal ini mungkin memenangkan penghargaan di Awwwards.com, sering kali hal ini merupakan bencana ekologis. Logikanya Animasi tidak gratis. Untuk merender animasi yang kompleks, GPU (Graphics Processing Unit) perangkat harus bekerja pada kapasitas tinggi. Hal ini meningkatkan suhu CPU, memicu kipas pendingin (di laptop), dan menguras baterai dengan cepat. Animasi “keras” yang berjalan terus-menerus di latar belakang atau memicu pengecatan ulang browser secara besar-besaran sama saja dengan membiarkan mobil Anda berhenti di jalan masuk.
Datanya Pedoman Desain Material Google menekankan “Gerakan yang Bermakna.” Mereka berpendapat bahwa animasi seharusnya digunakan hanya untuk mengarahkan pengguna atau memberikan umpan balik. Dan menggunakan WebP alih-alih JPEG dapat menghemat 25-50% data pada satu halaman. Tujuan Desain Kita harus mengadopsi Gerakan Bermakna. Jika animasi tidak membantu pengguna menyelesaikan tugas atau memahami hierarki, maka itu sia-sia. Kita sebaiknya memilih transisi CSS dibandingkan pustaka JavaScript berat seperti GSAP atau Lottie jika memungkinkan, karena CSS memiliki akselerasi perangkat keras dan jauh lebih efisien untuk dihitung oleh browser. Sebagai seorang desainer UX, saya tidak dapat membantah pendekatan ini. Hal ini tidak hanya membantu mengurangi pemborosan data tetapi juga meningkatkan UX bagi pengguna kami. Menetapkan “Anggaran Data” Untuk Setiap Proyek Selama lebih dari 20 tahun saya bekerja di UX, proyek yang paling sukses umumnya adalah proyek yang memiliki batasan paling ketat. Sebagaimana sebuah proyek mempunyai anggaran finansial, proyek tersebut juga harus mempunyai anggaran karbon dan data. Logikanya Anggaran Data adalah batasan total ukuran halaman (misalnya, “Halaman landing ini tidak boleh melebihi 1 MB”). Hal ini memaksa tim desain untuk membuat pilihan yang sulit dan disengaja. Jika Anda ingin menambahkan skrip pelacakan baru atau bobot font yang bagus, Anda harus “membayar” untuk itu dengan mengoptimalkan atau menghapus sesuatu yang lain. Hal ini mencegah “feature creep” berubah menjadi “carbon creep”. Datanya Model Desain Web Berkelanjutan, yang dikembangkan oleh pionir seperti Wholegrain Digital, memberikan rumus untuk menghitung CO2 per tampilan halaman. Rata-rata situs web menghasilkan sekitar 0,5 gram CO2 per tampilan. Untuk situs dengan 1 juta tampilan bulanan, itu berarti 6 metrik ton CO2 per tahun, setara dengan mengendarai mobil sejauh 15.000 mil. Tujuan Desain Daftar Periksa UX Berkelanjutan
Kurangi ImagesQuestion kebutuhan setiap visual dan gunakan resolusi terkecil dan format file paling efisien (seperti AVIF) untuk meminimalkan transfer data. Optimalkan VideoHilangkan pemutaran otomatis media dan prioritaskan loop pendek dan terkompresi tinggi untuk memastikan energi hanya dihabiskan pada konten yang ingin dilihat pengguna. Batasi FontGunakan maksimal dua bobot font web atau pertahankan font sistem klasik untuk menghapus permintaan server yang tidak perlu dan membuat kembung. Daur Ulang AsetGunakan kembali satu gambar atau video beberapa kali menggunakan filter dan overlay CSS untuk menciptakan variasi visual tanpa menambah bobot total halaman. Pilih Green HostingHost produk digital Anda di server yang diverifikasi oleh The Green Web Foundation untuk memastikan produk tersebut didukung oleh sumber energi terbarukan. Minimalkan Jarak DataPilih lokasi server yang secara geografis dekat dengan audiens utama Anda untuk mengurangi energi yang diperlukan data untuk melakukan perjalanan melalui infrastruktur fisik.
Kasus Bisnis Untuk Desain Ramah Lingkungan Beberapa orang mungkin berpendapat bahwa “Green UX” terdengar seperti kompromi pada kualitas. Sebaliknya, ini merupakan keunggulan kompetitif. Desain berkelanjutan adalah desain kinerja. Saat Anda mengurangi bobot halaman, situs Anda dimuat lebih cepat. Saat situs Anda dimuat lebih cepat, Data Web Inti Anda meningkat. Ketika Data Web Inti Anda meningkat, peringkat SEO Anda naik. Selain itu, pengguna perangkat lama atau paket data yang lebih lambat (terutama di pasar negara berkembang) sebenarnya dapat mengakses produk Anda. Inilah definisi “Desain Inklusif.” Dengan mengurangi “kelebihan digital”, kami menciptakan web yang lebih ramping, lebih cepat, dan lebih mudah diakses. Kita beralih dari “desain sekali pakai” pada tahun 2010-an menuju aarsitektur digital yang lebih permanen dan terhormat. Kesimpulan: Masa Depan Desain “Bersih”. Dalam dua dekade saya mendesain, saya telah melihat banyak tren datang dan pergi. Skeuomorfisme, Desain Datar, Neumorfisme — semuanya merupakan pilihan estetika. Namun UX berkelanjutan bukanlah sebuah tren; itu sekarang menjadi suatu kebutuhan. Kami adalah desainer generasi pertama yang harus memperhitungkan konsekuensi fisik dari karya digital kami. UX yang berkelanjutan adalah solusi yang saling menguntungkan. Hal ini lebih baik bagi planet ini karena mengurangi konsumsi energi. Ini lebih baik bagi pengguna karena menghasilkan antarmuka yang lebih cepat dan responsif. Dan ini lebih baik bagi bisnis karena menurunkan biaya hosting DAN meningkatkan tingkat konversi. Era “piksel tak terbatas” telah berakhir. Pada tahun 2026, desain tercanggih adalah desain yang meninggalkan jejak terkecil. Kami bukan lagi sekedar desainer; kami adalah penjaga baterai pengguna, paket data mereka, dan pada akhirnya, lingkungan. Ajakan Bertindak Saya menantang Anda untuk mengaudit satu halaman saja dari proyek Anda saat ini. Gunakan alat seperti Kalkulator Karbon Situs Web untuk melihat dampaknya. Kemudian, carilah “sampah yang tidak terlihat”. Bisakah gambar itu menjadi SVG? Bisakah video itu menjadi pahlawan statis? Bisakah animasi “keras” itu dibungkam? Mulailah dari yang kecil. Solusi paling elegan sering kali adalah solusi dengan byte paling sedikit.
