Kullanıcı deneyimi tasarımının siperlerinde yirmi yıldan fazla zaman harcadım. Tablo tabanlı düzenlerden CSS'ye geçişi, iPhone piyasaya sürüldüğünde duyarlı tasarıma geçişi ve "dikkat ekonomisinin" yükselişini hatırlıyorum. Ancak 2026'ya doğru ilerlerken sektör şimdiye kadarki en önemli değişimle karşı karşıya. "Ne pahasına olursa olsun tasarım" çağını geçip Sürdürülebilir UX çağına geçiyoruz. Bu, ben de dahil olmak üzere çoğu tasarımcının düşündüğü bir şey değildi, ta ki bunu bir konsept olarak duyuncaya kadar. Yıllardır internete ruhani, ağırlıksız bir bulut gibi davrandık. Dijital ürünlerin kağıda basılmadıkları için “yeşil” olduğunu varsaydık. Ben de öyle düşünüyordum, iklim değişikliği kavramı ortaya çıkmadan önce mesele daha çok ağaçları kurtarmaktı. Yanılmışız. Bulut, fiziksel bir altyapıdır; veri merkezleri, deniz altı kabloları ve 7/24 çalışan soğutma sistemlerinden oluşan genişleyen bir ağdır. Yapay zeka odaklı veri merkezleri devasa alüminyum izabe tesislerinin güç tüketimini karşılarken, yüksek coğrafi yoğunlukları daha da yoğun ve yerelleştirilmiş bir çevresel baskı yaratıyor. UX tasarımcıları olarak bu enerji tüketiminin mimarları biziz. Onayladığımız her yüksek çözünürlüklü kahraman görseli, otomatik olarak oynatılan her arka plan videosu ve her karmaşık JavaScript animasyonu, işlemciye güç tüketmesi için doğrudan verilen bir talimattır. Kalıcı bir gelecek inşa etmek istiyorsak, "vay" için tasarlamayı bırakıp verimlilik için tasarlamaya başlamalıyız. Karanlık Mod 2000'li yılların başında beyaz arka planlar standarttı çünkü kağıdın tanıdıklığını taklit ediyorlardı. Ancak donanım gelişti ve tasarım felsefemiz de bunu takip etmelidir. LCD'den OLED (Organik Işık Yayan Diyot) teknolojisine geçiş, rengin enerjiyi nasıl etkilediğini temelden değiştirdi.
Mantık Her zaman açık bir arka ışık gerektiren (siyah görüntülenirken bile) geleneksel LCD ekranların aksine, OLED ekranlar her pikseli ayrı ayrı aydınlatır. Bir piksel gerçek siyaha (#000000) ayarlandığında, söz konusu diyot tamamen kapatılır. Sıfır güç çekiyor. Daha koyu renk paletlerini tercih eden arayüzler tasarlayarak yalnızca bir trendi takip etmiyoruz; kullanıcının cihazının enerji ihtiyacını fiziksel olarak azaltıyoruz. Veriler Enerji tasarrufu göz ardı edilebilecek düzeyde değildir. Purdue Üniversitesi tarafından 2021'de yapılan ve bu tartışmanın altın standardı haline gelen dönüm noktası niteliğindeki bir çalışma, %100 parlaklıkta, aydınlık moddan karanlık moda geçmenin pil gücünden ortalama %39 ila %47 oranında tasarruf sağlayabileceğini ortaya çıkardı. Küresel ölçekte, eğer tüm büyük uygulamalar varsayılan olarak karanlık moda geçseydi, şebeke talebindeki azalma astronomik olurdu. Tasarım Hedefi 2026'da Karanlık Modun artık ayarlar menüsünde gizlenen ikincil bir "tema" olmaması gerekiyor. “Önce Karanlık” zihniyetiyle tasarım yapmalıyız. Bu, her sitenin The Matrix'e benzemesi gerektiği anlamına gelmez, ancak sistemin tercih ettiği varsayılan durum olarak yüksek kontrastlı karanlık temalara öncelik verilmesi anlamına gelir. Bu, cihazın donanım ömrünü uzatır ve her etkileşimin karbon ayak izini azaltır. Kişisel olarak okumak için Işık Modunu tercih ediyorum, bu nedenle hem aydınlık hem de karanlık mod seçeneklerinin mevcut olması mantıklı. Her iki seçeneğin de sağlanmasında erişilebilirlik hususları da vardır. Görüntü ve Video Optimizasyonu Tembel tasarımcılar olduk. Yüksek hızlı 5G ve fiber optik sayesinde dosya boyutları konusunda endişelenmeyi bıraktık. Ortalama mobil sayfa ağırlığı, büyük ölçüde optimize edilmemiş görsel öğeler nedeniyle son on yılda %500'ün üzerinde arttı. Mantık Bir web sitesinin “Dijital Yağı” (bu 4 MB Unsplash fotoğrafları ve 15 MB arka plan videoları), sayfa yükleme enerjisine en büyük katkıyı sağlayan tek kaynaktır. Bir sunucudan istemciye aktarılan her megabayt, iletim, sunucunun işlemesi ve kullanıcının işleme motoru için elektriğe ihtiyaç duyar. Çok büyük dosyalar kullandığımızda, aslında çok küçük bir boyutta bile aynı derecede etkili olabilecek bir resmi göstermek için enerji "yakıyoruz". Üstelik çok daha hızlı yüklenen bir sayfayla daha iyi bir kullanıcı deneyimi de sağlıyorsunuz.
Veriler HTTP Arşivi'ne göre, resimler ve videolar sürekli olarak bir sayfanın toplam ağırlığının aslan payını oluşturuyor. Ancak AVIF ve WebP gibi modern formatlara geçiş, görüntü ağırlığını JPEG'e kıyasla %50'ye kadar, kalite açısından fark edilebilir bir kayıp olmaksızın azaltabilir. Bu formatlar bana JPG ve PNG kadar tanıdık gelmese de sayfa boyutunu küçültmek için bunları kullanmayı kesinlikle sabırsızlıkla bekliyorum. Tasarım Hedefi Yakın zamanda bir siber güvenlik platformunun yeniden tasarlanmasına öncülük ettim. Bir "Öncesi ve Sonrası" denetimi uygulayarak ana sayfalarının 5,5 MB veri yüklediğini keşfettik. Yüksek çözünürlüklü fotoğrafları SVG (Ölçeklenebilir Vektör Grafikleri) sanatıyla değiştirerek ve görüntü varlıkları yerine akıllı CSS geçişlerini kullanarak yükü 1,2 MB'a düşürdük. Bu, enerji yükünde %78'lik bir azalma demektir! Bir tasarımcı olarak ilk sorunuz her zaman şu olmalıdır: "Bunun için bir fotoğrafa ihtiyacım var mı, yoksa aynı duygusal rezonansı kodla elde edebilir miyim?"
Kasıtlı Hareket: "Yüksek" Animasyonları Kesme "Scroll-jacking" ve karmaşık 3D Paralaks efektleri çağında yaşıyoruz. Bunlar Awwwards.com'da ödüller kazansa da genellikle ekolojik felaketlerdir. Mantık Animasyon ücretsiz değildir. Karmaşık bir animasyonun render edilebilmesi için cihazın GPU'sunun (Grafik İşleme Birimi) yüksek kapasitede çalışması gerekir. Bu, CPU sıcaklığını artırır, soğutma fanlarını (dizüstü bilgisayarlarda) tetikler ve pili hızla tüketir. Arka planda sürekli çalışan veya tarayıcının büyük ölçüde yeniden boyanmasını tetikleyen "yüksek sesli" animasyonlar, arabanızı garaj yolunda rölantide bırakmanın enerjisine eşdeğerdir.
Veriler Google'ın Materyal Tasarımı yönergeleri "Anlamlı Hareket"i vurgular. Animasyonun yalnızca kullanıcıyı yönlendirmek veya geri bildirim sağlamak için kullanılması gerektiğini savunuyorlar. JPEG yerine WebP kullanmak bir sayfadaki verilerin %25-50'sini kaydedebilir. Tasarım Hedefi Anlamlı Hareketi benimsememiz gerekiyor. Bir animasyon, kullanıcının bir görevi tamamlamasına veya bir hiyerarşiyi anlamasına yardımcı olmuyorsa, bu bir israftır. CSS donanım hızlandırmalı olduğundan ve tarayıcının hesaplaması çok daha verimli olduğundan, mümkün olduğunca GSAP veya Lottie gibi ağır JavaScript kitaplıkları yerine CSS geçişlerini tercih etmeliyiz. Bir UX tasarımcısı olarak bu yaklaşımı tartışamam. Bu yalnızca veri israfını azaltmaya yardımcı olmakla kalmaz, aynı zamanda kullanıcılarımız için kullanıcı deneyimini de geliştirir. Her Proje İçin Bir “Veri Bütçesi” Belirlemek 20 yılı aşkın kullanıcı deneyimimde en başarılı projeler genellikle en sıkı kısıtlamalara sahip olanlardır. Bir projenin mali bütçesi olduğu gibi karbon ve veri bütçesi de olmalıdır. Mantık Veri Bütçesi, bir sayfanın toplam boyutuna ilişkin sert bir sınırdır (ör. "Bu açılış sayfası 1 MB'ı aşamaz"). Bu, tasarım ekibini zor ve kasıtlı seçimler yapmaya zorlar. Yeni bir izleme komut dosyası veya süslü bir yazı tipi ağırlığı eklemek istiyorsanız, başka bir şeyi optimize ederek veya kaldırarak bunun için "ödeme yapmanız" gerekir. Bu, "özellik kaymasının" "karbon kaymasına" dönüşmesini önler. Veriler Wholegrain Digital gibi öncüler tarafından geliştirilen Sürdürülebilir Web Tasarımı modeli, sayfa görüntüleme başına CO2'yi hesaplamak için bir formül sağlar. Ortalama bir web sitesi görüntüleme başına yaklaşık 0,5 gram CO2 üretir. Aylık 1 milyon görüntülemeye sahip bir site için bu, yılda 6 metrik ton CO2 demektir; bu da bir arabayı 15.000 mil sürmeye eşdeğerdir. Tasarım Hedefi Sürdürülebilir Kullanıcı Deneyimi Kontrol Listesi
ImagesQuestion'da her görselin gerekliliğini azaltın ve veri aktarımını en aza indirmek için en küçük çözünürlüğü ve en verimli dosya formatlarını (AVIF gibi) kullanın. Videoyu Optimize Edin Otomatik oynatılan medyayı ortadan kaldırın ve enerjinin yalnızca kullanıcının görüntülemek istediği içeriğe harcanmasını sağlamak için yüksek düzeyde sıkıştırılmış, kısa döngülere öncelik verin. Yazı Tiplerini Sınırlayın Gereksiz sunucu isteklerini ve görüntü oluşturma şişkinliğini ortadan kaldırmak için maksimum iki web yazı tipi ağırlığı kullanın veya klasik sistem yazı tiplerine sadık kalın. Varlıkları Geri Dönüştürün Toplam sayfa ağırlığını artırmadan görsel çeşitlilik oluşturmak için CSS filtrelerini ve katmanlarını kullanarak tek bir görüntüyü veya videoyu birden çok kez yeniden kullanın. Yeşil Hosting'i Seçin Dijital ürünlerinizi, yenilenebilir enerji kaynakları tarafından desteklendiğinden emin olmak için The Green Web Foundation tarafından doğrulanan sunucularda barındırın. Veri Mesafesini En Aza İndirin Verilerin fiziksel altyapı üzerinden taşınması için gereken enerjiyi azaltmak amacıyla, birincil hedef kitlenize coğrafi olarak yakın sunucu konumları seçin.
Çevre Dostu Tasarım İçin İş Durumu Bazıları "Yeşil Kullanıcı Deneyimi"nin kaliteden ödün verilmesi gibi göründüğünü iddia edebilir. Tam tersine rekabet avantajı sağlıyor. Sürdürülebilir tasarım performans tasarımıdır. Sayfa ağırlığını azalttığınızda siteniz daha hızlı yüklenir. Siteniz daha hızlı yüklendiğinde Önemli Web Verileriniz gelişir. Önemli Web Verileriniz iyileştiğinde SEO sıralamanız yükselir. Ayrıca, eski cihazlardaki veya daha yavaş veri planlarını (özellikle gelişmekte olan pazarlardaki) kullanan kullanıcılar aslında ürününüze erişebilir. Bu “Kapsayıcı Tasarım”ın tanımıdır. "Dijital yağı" keserek daha yalın, daha hızlı ve daha erişilebilir bir web oluşturuyoruz. 2010’lu yılların “tek kullanımlık tasarım”ından uzaklaşıp,daha kalıcı, saygılı dijital mimari. Sonuç: “Temiz” Tasarımın Geleceği Yirmi yıllık tasarımım boyunca birçok trendin gelip gittiğini gördüm. Skeuomorfizm, Düz Tasarım, Nömorfizm; bunların hepsi estetik seçimlerdi. Ancak sürdürülebilir kullanıcı deneyimi bir trend değil; artık bir zorunluluktur. Dijital çalışmalarımızın fiziksel sonuçlarını hesaba katmak zorunda olan ilk nesil tasarımcılarız. Sürdürülebilir UX bir "kazan-kazan-kazan"dır. Gezegen için daha iyi çünkü enerji tüketimini azaltıyor. Kullanıcı için daha iyidir çünkü daha hızlı, daha duyarlı arayüzler sağlar. İşletme açısından da daha iyidir çünkü barındırma maliyetlerini düşürür VE dönüşüm oranlarını artırır. “Sınırsız piksel” dönemi sona erdi. 2026'da en sofistike tasarım, en küçük ayak izini bırakan tasarımdır. Artık sadece tasarımcı değiliz; biz kullanıcının pilinin, veri planının ve sonuçta çevrenin koruyucularıyız. Eylem Çağrısı Bugün sizi mevcut projenizin yalnızca bir sayfasını denetlemeye davet ediyorum. Etkisini görmek için Web Sitesi Karbon Hesaplayıcı gibi bir araç kullanın. Ardından “görünmez atık”ı arayın. Bu görüntü bir SVG olabilir mi? Bu video statik bir kahraman olabilir mi? Bu “gürültülü” animasyon susturulabilir mi? Küçük başlayın. En zarif çözüm genellikle en az bayta sahip olanıdır.
