Sürdürülebilir web tasarımı ile gezegeni kurtarın

İçerik

• Yeşil ortam yeşil değil
• Sürdürülebilirlik tam olarak nedir?
• Bir sembol olmanın katlanılabilir hafifliği
• Tüm kaydileştirme iyi değildir
• Bu Google'ın sorunu değil mi?
• Tasarım, sürdürülebilirliğin gerçekleştiği yerdir
• Süper boyutlu web
• Tasarım, sürdürülebilirlik ve Jevons'un Paradoksu
• Sürdürülebilir web tasarımı teorisine doğru
• 1. Sürdürülebilirlik misyon beyanları geliştirin
• 2. Sürdürülebilirliğin nereye uygulanacağını tanımlayın
• Tasarım optimizasyonu
• Web performans optimizasyonu
• Sürdürülebilir ekipler
• 3. Yeşil malzemelerle takas edin
• 4. Yeşil bir standart şablon geliştirin
• Sonuç

Sürdürülebilirlik kültürü ve sürdürülebilirlik düşüncesi, hem web'de hem de web dışında ana akım haline geldi. Toprak tonları giderek daha fazla ekranda titriyor ve "yeşil web barındırıcıları", barındırma topluluğundaki en son trend. Ancak tasarımcılar yeşil bir mesaj verirken, kendi çalışmaları merakla tartışmanın dışında kaldı. Sanki hayatta kalmamız için çoğu zaman kritik olduğu belirtilen sürdürülebilirlik internet için geçerli değil.

Gerçek dünyada, Dünya Günü Nisan ayında geliyor. Henüz internete ulaşmadı. Her gün, daha fazla ürün ve hizmet, bit ve bayt cinsinden yeni bir yaşam için fiziksel kabuklarını bir kenara bırakarak çevrimiçi olarak hareket ediyor. Bu iyi bir şey mi? Sanal dünya fiziksel olandan daha yeşil mi? Web sürdürülebilir mi?

Bu makalede, tasarımcıların dediğim bir çerçeveye geçmeleri gerektiğini göstermeyi umuyorum. Sürdürülebilir Web Tasarımı. Web'in bugün neden düşündüğümüzden daha az yeşil olduğuna ve sanal dünyadaki sürdürülebilirliğin neden bir mühendislik veya optimizasyon sorununa indirgenemeyeceğine bakacağız. Son olarak, sürdürülebilirliği projelerinize dahil etmek için bazı önerilerde bulunuyorum.

Yeşil ortam yeşil değil

Kısa süre önce, misyon beyanlarında kendilerini "yeşil" veya "sürdürülebilir" olarak etiketleyen tasarım mağazalarına yönelik gayri resmi bir anket yaptım. Gerçek web sitelerinin yeşil olduğunu düşünen hiç kimseyle karşılaşmadım, ancak birçoğu ofisinde veya kişisel yaşam tarzında sürdürülebilir uygulamaları hayata geçirdi.

Sürdürülebilirliğin konuşma konusu olmamasının nedeninin bir web tasarımcısının sanal yaşam alanıyla ilgili olduğundan şüpheleniyorum - on yıllardır yükselen "sınırsız" bir teknoloji balonu. Çalışmak için bilinçli olarak bisiklet kullanan bir tasarımcının, tasarımlarının veya kodlarının çevre üzerindeki sonuçları hakkında düşünmesi pek olası değildir. Web tasarımcıları şizoid bir yaşam sürüyorlar, bir yandan müşterileri için çevresel bir mesaj oluşturmaya her zaman hazırken, her web sitesinin kendi karbon ayak izine sahip olduğu gerçeğini görmezden geliyorlar.

Bu noktayı açıklığa kavuşturalım. Sürdürülebilir Web Tasarımı yeşil propaganda değildir ve genel halkı sürdürülebilir bir yaşam tarzı yaşamaya teşvik eder. Ne de bir renk paleti. Marshall McLuhan'dan özür dilerim, bu durumda ortam şu anda mesaj değil. Değer ifadelerinden bahsetmiyoruz; düzen, sanat, yazılım, platformlar, sunucular, ekipler ve iş modellerinden bahsediyoruz. Bugüne kadar kendisi sürdürülebilir olmadan sürdürülebilirlik mesajları veren sanal medyanın kendisinden bahsediyoruz.

Sürdürülebilirlik tam olarak nedir?

Sürdürülebilirlik çerçevelerinde yaygın olarak alıntı yapılan orijinal 1987 Brundtland Komisyonu tanımı şu şekildedir:

İnsanlık, gelecek nesillerin kendi ihtiyaçlarını karşılama yeteneklerinden ödün vermeden bugünün ihtiyaçlarını karşılamasını sağlamak için kalkınmayı sürdürülebilir kılma yeteneğine sahiptir.

İnternet için uyarlanmış bir açıklama şöyle olabilir:

Sürdürülebilir web tasarımı, gelecekte karşılanması gerekenlerin yeteneklerinden ödün vermeden kullanıcılarının mevcut ihtiyaçlarını karşılar.

Başka bir deyişle, tasarlanan bir ürün kendisini veya çevreyi bozmadan uzun süre çalışabiliyorsa, sürdürülebilirdir. Bu hedefe ulaşmak için sürdürülebilir ürünler verimlilik, dayanıklılık, yeniden kullanılabilirlik ve modüler yapı gibi özellikleri vurgular. Sürdürülebilirliğin sosyal bir boyutu da olduğu geniş ölçüde yorumlanmaktadır. Sürdürülebilir bir internet, hizmetlerine gelecekteki erişimi azaltmadan genişleyen bir kitleye açık olmalıdır.

Sürdürülebilirlik, son yıllarda tasarım tartışmalarına giriyor. Genellikle, genel bir şekilde, 'yeşil' misyon ifadelerinde kağıttan bitlere geçişi gerekçelendirmek için kullanılır. Mobil geliştirme stratejileri tartışmalarında ortaya çıkıyor. Ayrıntılı bir teknik düzeyde, metayı tanıtan makalelerimiz var. X-UA-Uyumlu eski web tarayıcılarını kullanmak için sürdürülebilir bir strateji olarak mülk. Tüm bu durumlarda, sürdürülebilirlik, tasarım ve geliştirme kararları için üst düzey bir gerekçe olarak kullanılmaktadır. Aşağıda, tüm tasarım ve geliştirme alanında sistematik ve kapsamlı bir şekilde uygulayacağım.

Bir sembol olmanın katlanılabilir hafifliği

"Kağıtsız" ve "çevre dostu" sıklıkla aynı cümleyi paylaşırken web nasıl bir sürdürülebilirlik sorunu yaşayabilir? Sonuçta, birçok disiplinden tasarımcılar kendi sürdürülebilirlik sorunlarını çevrimiçi ortama taşıyarak çözmeye çalışıyorlar - başka bir deyişle, işler web'e girdiklerinde 'yeşil' hale geliyor.

Bu stratejilerden ikisi Nathan Shedroff tarafından kitabında anlatılmıştır. Tasarım Problemdir: Tasarımın Geleceği Sürdürülebilir Olmalıdır, endüstriyel tasarımcıları ve mimarları hedefleyen:

• Kaydileştirme: Kirli, enerjiye aç fiziksel bir ürünü hafif bir web hizmetiyle değiştirmek. Bu, fiziksel kaynakların tüketimini azaltır ve daha verimli izleme ve kontrol sağlar.
• Transmaterializasyon: İnternet yazılımı aracılığıyla güncellenecek fiziksel cihazlar tasarlamak, uzun vadeli kullanım potansiyellerini artırmak.

Profesyonel web topluluğu, artan kaydileştirme dalgasını bastırdı. Günümüzde çoğu web sitesi olmasa da çoğu, fiziksel dünyada bir ürün veya hizmetin yerini almaktadır. Ses CD'lerinden müzik indirme işlemlerine geçişe yardımcı olduk ve kağıdın sarı sayfalarını geçersiz kılmak için tasarlanmış siteler oluşturduk. Bütçe kesintileriyle teşvik edilen okul sınıfları, çevrimiçi ders sistemlerine kayden dökülüyor ve ofis toplantılarının yerini sosyal ağlar ve telekonferans alıyor. Teknoloji uzmanları, neredeyse her aktivitenin bir ekrana veya VR kaskına taşındığı bir dünya öngörüyor. ABD'de azalan sayıda genç sürücü ehliyeti alıyor ve birçoğu fiziksel seyahatleri sanal olanlarla değiştirdiklerinden şüpheleniyor.

Tüm kaydileştirme iyi değildir

Öyleyse, hoşlanmayacak ne var? Bunun cevabı tek bir cümleyle özetlenebilir:

Pikseller gerçektir.

Web tasarımcıları ve geliştiricileri, işlerini, kirli mekanik süreçlerin yerini alan çevre dostu ışık noktalarını ekranın etrafına itmek olarak görüyorlar. Pikseller gerçekten daha açık. 2011 yılında, halka açık internet dünya çapında 72 eksabayt aktardı, burada 1 eksabayt = 1018 bayt. Bu, 100 terabayta veya 2001'de 1014'e çıkmıştır ve güvenlik duvarlı ağların 'karanlık internetini' bile içermemektedir. Tüm bu elektronlar yalnızca birkaç ons ağırlığındadır.

Ancak, ışık oldukları gibi, ekrandaki bu noktalar fiziksel olarak kalır ve hayatta kalmaları için sürekli bir enerji girişi gerekir. Bazı ürünler onları bir bit yığınına dönüştürerek daha sürdürülebilir hale gelirken, bu bitlerin var olması için çok fiziksel bir şey gerektirdiğini unutmamalıyız - büyük, yüksek teknolojili bir ağ, çok fazla elektrik kullanan ve her zaman açık bilgisayarlar.

Bir tahmine göre, 2011'de eksabaytları itmek ABD elektriğinin% 9'unu (2000'de% 3'ten) ve dünya çapında% 5'ini aldı. Bu enerjiyi parçalara ayırmak, çoğunlukla veri merkezlerini soğutmak için muazzam miktarda su gerektiriyordu. On yıl içinde, aynı veri merkezleri tüm havayolu endüstrisinden daha fazla güç kullanabilir.Aynı zamanda, yeni web hizmetleri yeni bilgisayarların üretimini yönlendirmeye devam ediyor ve bunun sonucunda bir yığın e-atık ortaya çıkıyor. Bilgi işlem verimliliğindeki sürekli artışlara rağmen, internetin ayak izi yalnızca Asya'daki ve diğer yerlerdeki nüfus çevrimiçi hale geldikçe büyüyecek.

Başka bir deyişle, E Ink Kindle dışında herhangi bir şeyde görüntülenen bir web sayfası, ekranda kalmak için her saniye bit yakar. Alexander Wissner-Gross (CO2stats.com'un yaratıcısı) tarafından yapılan yeni bir hesaplama, basit bir web sayfasını görüntülemenin masaüstü bilgisayarlarda saniyede yaklaşık 20 miligram karbondioksit ürettiğini tahmin ediyor. Karmaşık resimler, animasyonlar ve videolar içeren bir web sitesini görüntülerken bu sayı saniyede yaklaşık 300 miligrama yükselir. Bunu perspektife koymak için, bir zengin medya web sayfası üzerinden birkaç saat boyunca film izlemek, birkaç kilo sera gazı üretebilir. Bu pek bir şeye benzemiyor, ama burada bir milyar sayfa görüntülemeyle, orada bir milyarla, hepsi toplanmaya başlıyor.

Kaydi bir ürünün daha az kaynak tükettiğini varsayamayız. Alma Media tarafından yapılan yakın tarihli kapsamlı bir sürdürülebilirlik çalışmasında, gazetelerinin çevrimiçi baskısı, fiziksel baskıya göre her zaman enerji tasarrufu yapmadı. Sürdürülebilirliği hesaplamak için sıkı bir Yaşam Döngüsü Değerlendirmesi (LCA) standardı uygulayarak, web siteleri genişletilmiş okuma için kullanıldığında, bunun tüketildiğini keşfettiler. Daha eşdeğer kağıt baskısına göre genel enerji ve kaynaklar ve çevreye daha fazla net hasarla sonuçlandı. Michigan Üniversitesi Sürdürülebilir Sistemler Merkezi'nde e-Kitaplar üzerinde yapılan benzer bir LCA çalışması, uzun okuma sürelerinin elektronik metni kağıt ders kitaplarından daha az yeşil yaptığını gösterdi.

Bu çalışmalarla ilgili şaşırtıcı gerçek onların sonuçları değil, karşılaştırılabilir çalışmaların neredeyse yok olmasıdır. Endüstriyel tasarımcılar, sürdürülebilirliği iyileştirmek için iyi geliştirilmiş araçlara sahiptir. Buna karşılık, mevcut web tasarım ve geliştirme topluluğu, internet için ilerlemenin hiç sonuçlar. Şaşırtıcı bir şekilde, tasarımcıların ve geliştiricilerin kullanımına sunulan mevcut çerçevelerin ve kazan plakalarının hiçbiri şu anda sürdürülebilirliği temel bir hedef olarak görmüyor.

Bu Google'ın sorunu değil mi?

Enerji ve verimlilik, tipik web tasarımcısının gününden çok uzak görünebilir. Böyle şeyleri düzeltmek ağ mühendislerinin görevi değil mi? Google'ın her yerde olduğunu sanıyordum. Ve bugüne kadar, eylemlerin çoğu, barındırma şirketleri ve ağları için daha yeşil bitler geliştirmek oldu. Google ve Facebook, çevre dostu veri merkezleri geliştirerek sürdürülebilirlik endişelerine yanıt verdi. Canvas Dreams ve AISO.net gibi daha küçük yeşil web sunucuları yenilenebilir kaynaklardan güç kaynağı. Google'ın Make the Web Faster'daki site mühendisleri, site mühendislerinin web sitelerini ve web uygulamalarını optimize etmeleri için çeşitli yollar sağlar.

Ancak optimizasyon tek başına sorunu çözmez. Ürünler ve hizmetler internete taşındıkça, sanal dünya tüm ekonominin gittikçe daha büyük bir bölümünü oluşturacaktır. Ekonomimiz atomlardan elektronlara kayda değer hale geldikçe, web tasarımı toplum çapında sürdürülebilirliğin sıfır noktası olacak. Başka bir deyişle, Shedroff'un kitabında dediği gibi:

Tasarım Problemdir.

Web tasarımı ve tasarımcıları internet sürdürülebilirliğinin odak noktası olmalı ve olacaktır. Ağları optimize etmek bir yan gösteridir. Bunun neden bu kadar ayrıntılı olduğunu düşünelim.

Tasarım, sürdürülebilirliğin gerçekleştiği yerdir

Web tasarımcıları ve geliştiricileri olarak, belirli görsel, etkileşimli ve kullanıcı deneyimi özelliklerine sahip tasarımlar oluşturmak için teknolojiyi kullanıyoruz. Tasarımımız tamamlandığında, yazılımdan oluşturulmuş sanal bir makine olarak çalışır.

Öyleyse bunu otomobil üreten bir endüstriyel tasarımcıyla karşılaştırın. Üretilen ve karayollarına yerleştirilen arabalar tasarlarlar. Yol boyunca mühendisler verimliliklerini artırabilir. Ancak, mühendislerin galon başına 100 mil yol almalarını bekleyerek Hummer'ları yaratan otomobil tasarımcılarını görmüyoruz. Bu yapılamaz.

Mühendisler bir tasarımı düzene sokabilirler, ancak tasarımcılar tarafından alınan ilk kararlar çoğu zaman bir ürünün nihai sürdürülebilirliğini belirler. Fiziksel tasarımcılar bunu bilir ve sürdürülebilirlik için tasarımlarını erken aşamada rutin olarak kontrol ederler. SolidWorks gibi tasarım araçları, çalışırken tasarımlarının devam eden karbon ayak izini hesaplayan araçlara bile sahiptir.

Web farklı değil. Tasarım, internetin çevresel etkisinin ortaya çıktığı ve düzeltilebileceği yerdir. İnternetin sürdürülebilirliğini etkileyecek kararlarınız için kodlayıcı veya site mühendisi olmanıza gerek yok. İlk çalışmanız, son sayfanın ne kadar enerjiye aç olacağını doğrudan kontrol eder. Yerleşim, görüntü ve etkileşimli davranış konusundaki seçimleriniz, aşağı akış toksik etkilerini dolaylı olarak belirler.

Sürdürülebilir web sitelerine giden yol, etkili tasarım uygulamaktan geçer. Bunu göstermek için, kısa süre önce 'yeşil' tasarım ve içeriğe sahip 170 web sitesini inceledim. Sonuçlardan, birçok popüler eko-web sitesinin, izleyicilerini sanal gaz kesicilerdeki mitinge götürdüğü açıkça görülüyor. Ancak diğer siteler, küçük internet ayak izleriyle aynı hedefi gerçekleştiriyor. Sürdürülebilirlik ve iyi tasarımın uyumlu olduğu açıktır.

Süper boyutlu web

Web tasarımını nerede değiştirmemiz gerekiyor? Ağ mühendisleri bize gelecekteki tüm verimlilik kazanımlarının istemci tarafında - diğer bir deyişle, çoğu web tasarımcısı ve geliştiricisinin işlerini yaptığı HTML, CSS ve JavaScript'te - elde edileceğini söylüyor. Web performans uzmanı Steve Souders'e göre, verimlilik kazanımlarının yaklaşık% 85'i bir sitenin kullanıcı arayüzünün yeniden çalışılmasıyla elde ediliyor.

Ancak son yıllarda verimlilik, en havalı arayüz arayışında arka koltukta kaldı. WebSiteOptimization.com'dan gelen raporlar, son on yılda sayfa boyutunda altı kat artış olduğunu ve her sayfaya bağlanan harici nesnelerin ikiye katlandığını gösteriyor. Daha şişman sitelere yönelik bu eğilim, herkese uyan tek boyutlu JavaScript kitaplıklarının kullanımının artması, zengin medya kullanımının artması ve kişiselleştirme ve sosyal ağlar için kullanılan "büyük verilerin" artması nedeniyle 2008'den sonra hızlandı. 2012'nin başlarında Steve Souders'in HTTP Arşivinden uyarlanan web trafiğiyle ilgili güncel istatistikler, bu eğilimin hala güçlü olduğunu ortaya koyuyor.

2012'nin başında, tipik bir sayfanın oluşturulması toplam indirmelerde neredeyse bir megabayt gerektiriyordu ve harici dosyaların sayısı 100'e yakın ayrı HTTP istekleri gerektiriyordu. Kendi sitelerinizi hızlı bir şekilde kontrol etmek için, Slowcop'a URL'nizi yazın. Çalışmanız mevcut ortalamaya göre nasıl?

Sayfa boyutunu ve karmaşıklığı hızlandırmak, ağ mühendislerinin yaptığı yanlış adımların sonucu değildir. Aksine, tasarımcılar ve ön uç geliştiriciler, genişletilmiş düzenleri ve animasyonu desteklemek için mutfak lavabosu dışında her şeyi atıyorlar. Ağ mühendislerinden ziyade, web'in artan etkisini körüklüyorlar.

Tasarım, sürdürülebilirlik ve Jevons'un Paradoksu

Yeni, daha verimli donanım, süper boyutlu web'in etkisini azaltabilirken, sorunu çözmez. Bu, Jevons Paradox'un beklenmedik sonucudur ve aynı zamanda "teknolojik geri tepme" olarak da adlandırılır. İlk olarak ekonomist William Stanley Jevons tarafından 1860'larda formüle edilen bu teorem, verimlilik kazanımlarının arttıkaynakların tüketimini azaltmaktan ziyade. Örnek olarak, bir otomobil üreticisi motor verimliliğini arttırırsa, sürücüler bazen daha fazla araba kullanarak tepki verir. Bu, gaz tüketiminde net bir artışla sonuçlanır. Başka bir örnekte, az yağlı gıda ürünleri sağlamak, genellikle insanların daha fazla yemesine neden olur ve diyetleri üzerinde genel olarak olumsuz bir etki yaratır.

Web'de işleri hızlandırmak, verimsiz web sitelerini daha popüler hale getirebilir ve bu da daha az değil daha çok elektrik tüketilmesine neden olabilir. 2018 ağı, 2012 ağından daha verimli olabilir, ancak daha fazla bit yakarak toparlanabilir.

Sürdürülebilirlik düşüncesinin devreye girdiği yer burasıdır. Mühendislik odaklı yaklaşımlara yönelik yaygın bir eleştiri, kısa bir süre sonra yerel sisteme dar bir odaklanma ile belirlenen engelleri aşmalarıdır. Ürün mikro olarak optimize edilmiştir, ancak tasarımı ve kullanım amacı ile ilgili daha büyük sorunlar göz ardı edilir. Odağı düşük düzey verimlilikten tasarıma kaydırırsak Jevons'un paradoksundan kaçınılabilir. Bir ürünü veya hizmeti yeniden düşünerek tüketimi teşvik etmekten kaçınabiliriz. Diğer alanlarda, mühendislik yerine yeniden tasarıma odaklanmak, Jevons'un paradoksunu engellemenin en iyi yoludur.

Özetle, alt düzey programcıların ve site mühendislerinin bizim için bir şeyleri düzeltmesini bekleyemeyiz. Yalnızca verimliliğe odaklanmak bizi "kağıt mı plastiğe karşı" tartışmalarıyla sınırlayacaktır. Shedroff'un kitabında dediği gibi, tasarıma odaklanmak, düşüncemizi 'çantaya karşı çantasız' konusuna sıfırlıyor.

Sürdürülebilir web tasarımı teorisine doğru

Yerleşik standartlardan yoksun olan web tasarımcıları ve geliştiricilerinin kendi sürdürülebilir web tasarım sürümlerini oluşturmaları gerekecektir. Bu, yeşil tasarımda halihazırda diğer disiplinlerde kullanılan ödünç alma tekniklerinin yanı sıra yeni fikirleri ve web'e özgü olanları içerecektir.

Yıllar içinde, MBDC'nin Beşiğinden Beşiğe ve Biyomimikriye kadar birçok sürdürülebilirlik çerçevesi geliştirilmiştir. Şu anda kullanımda olan bir düzine kadar yaygın çerçeve ayrıntı olarak farklılık gösterse de, tümü aşağıdaki özellikleri vurgular:

• Yenilenebilir hammadde ve enerji kaynağı.
• Ürünlerde kullanılan malzemeyi ve üretim sırasında kullanılan enerjiyi azaltarak nihai tasarımın çevresel ayak izini en aza indirin.
• Üretim atığı kavramını ortadan kaldırın ve bir sonraki döngü için onu "yiyeceğe" dönüştürün.
• Fiziksel ürünleri yazılıma kaydileştirin (burada bununla ilgili şüpheler uyandırıyoruz).
• Ürünler arasında kolayca değiştirilebilen standartlaştırılmış bileşenler / bileşenler kullanın.
• Tasarımcıların ve mühendislerin etkileşimde bulunmasına olanak tanıyan esnek iş akışı tekniklerini kullanarak tasarım yapın ve orijinal konsepti yeniden yapmak veya geliştirmek için tasarımı sık sık yeniden düşünmeye ve "yedeklemeye" olanak tanıyın.
• Kullanıcı göz önünde bulundurularak tasarlayın, eşit erişim sağlayın ve ürünün çalışması boyunca insanları ve doğal sistemleri koruyun ve destekleyin.
• İş modelini daha geniş sosyal fayda ile uyumlu hale getirin.
• Dayanıklılık için tasarım, yani kreasyonlarınız, yakında modası geçecek ve değiştirilmesi gereken bir "ayın lezzeti" değildir.

Sürdürülebilirlik sonuçları, Yaşam Döngüsü Değerlendirmesi ile belgelenir. LCA onlarca yıldır endüstriyel tasarım ve mimaride kullanılmaktadır ve son zamanlarda internet veri merkezlerine uygulanmıştır. Sürdürülebilir web tasarımını uygulamak için, aşağıda yaptığım gibi, fiziksel ürünler için LCA'yı sanal dünyayla eşleştirmemiz gerekecek:

Fiziksel dünya ile karşılaştırıldığında, sürdürülebilir web tasarımı, üretim (okuma üretimi) aşamasını vurgulayarak baskı tasarımından niteliksel olarak farklı kılar. Neden? Fiziksel ürünlerden farklı olarak, web sayfaları, sayfa kaybolduktan sonra atık kağıt veya mürekkep üretmez, yalnızca elektronik cihazlardan ısınır. Bu nedenle, web sayfası üretiminin maliyeti, devam eden kullanım maliyetine kıyasla düşük olacaktır. Öte yandan, bir web sayfası ne kadar uzun süre görüntülenirse, o kadar çok bit yakar, bu nedenle iyi kullanıcı deneyimine dayalı verimli kullanım çok önemli olacaktır.

Web'in tam bir LCA analizi için kapsamlı analitik yöntemlerin geliştirilmesi biraz zaman alabilir. Ancak, beklemek zorunda değiliz ve web topluluğunun şimdi uygulayabileceği bazı adımları özetledim.

1. Sürdürülebilirlik misyon beyanları geliştirin

Avtec Media Group tarafından sağlanan bu gibi bazı tasarımcılar ve mağazalar zaten misyon beyanlarında “sürdürülebilir web tasarımını” listeliyorlar.

Sürdürülebilir web tasarımı, bir web sitesi tasarlama pratiğidir, böylece sahibi veya kullanıcıları üzerinde önemli bir olumsuz etki olmaksızın amacına süresiz olarak hizmet eder. Bir web sitesinin uzun vadeli bakımı ve sürekli 'refahı' için potansiyel yaratmak için, kullanıcıların bilgisayar işletim sistemi, tarayıcı, monitör çözünürlüğü veya internet bağlantı hızına bakılmaksızın herkes tarafından erişilebilir ve kullanılabilir olacak şekilde siteler tasarlıyoruz.

Bu ifade, sürdürülebilirliğin birçok geniş hedefini kapsıyor. Ancak daha fazlasını ekleyebiliriz. Sürdürülebilirlik açısından yazılmış bir misyon beyanı örneği:

Sürdürülebilir web sürecimiz, site oluşturma ve bakım stratejilerini izler, böylece bugün ve gelecekte amaçlarına hizmet edebilirken, aynı zamanda çevresel etkiyi en aza indirir ve müşteriler ve kullanıcılar için değeri en üst düzeye çıkarır. Yeşil web barındırma hizmetlerini kullanıyor ve tüketimimizi azaltmak için ofislerimizde enerji verimliliği uyguluyoruz. Sanatımız ve yaratıcı çalışmalarımız, modası geçmeyen klasik prensipleri kullanır. Tasarım sürecimiz, esnek ve hızlı prototip oluşturmayı vurgularken projenin ihtiyaçlarına uyum sağlarken, verimliliği sanattan koda kadar her seviyede öncelikli tutmaktadır. Görsel tasarımımız ve düzenimiz, izleyicilerimizin sitelerimizi minimum dikkat dağınıklığı ile anlamasını ve kullanmasını kolaylaştıran kullanıcı deneyimi standartlarını takip eder. Ayrıca siteyi arama motorları için optimize ederek indeksleme için gereken zamanı ve enerjiyi azaltır ve müşterilerinizle siteniz arasındaki yolu kısaltırız. Sunucularımız ve son kullanıcının bilgisayarı tarafından enerji tüketimini azaltan HTML, CSS, JavaScript ve arka uç programlamada teknikler uyguluyoruz. Bu, HTTP isteklerinin sayısını azaltmayı ve sayfa şişmesini azaltmak için görüntüleri ve diğer varlıkları küçültmeyi içerir.

2. Sürdürülebilirliğin nereye uygulanacağını tanımlayın

Genel misyon beyanımızı sürdürülebilir bir web çerçevesine genişletmek için, hem tasarımı hem de geliştirmeyi nerede etkilediğini belirlememiz gerekecek. Sürdürülebilirlik düşüncesi, bu ayrı çalışma alanlarını birleştirme ve onlara ortak bir dil verme potansiyeline sahiptir. Her birinin sürdürülebilirliği nasıl uygulayabileceğini düşünelim:

Tasarım optimizasyonu

Görsel düzeni, yazıyı ve resimleri yeniden düşünmek, paranın karşılığını en büyük parayı verecek. Neyse ki, web tasarımı sürdürülebilirliği mevcut stratejilerimizi güzel bir şekilde birleştiriyor:

1. Aşamalı geliştirme, Steven Champeon tarafından önerilen orijinal haliyle birçok sürdürülebilirlik hedefine ulaşır. Tüm tarayıcılarda erişilebilen temel bir sayfayla başlayarak, kitle çeşitliliğini en üst düzeye çıkarır. Basitten başlayarak, doğal olarak verimli tasarım ilkelerine odaklanır. Bunun tersine, üst düzeyden başlayan ve işe yaramayan "zarif çürüme", doğası gereği daha az sürdürülebilirdir. Mühendisler referans tasarımları olarak büyük kamyonları kullanırlarsa hibrit arabalar yaratmak daha zor olurdu!
2. Önce mobil internetin sürdürülebilirliğini geliştirme konusunda daha da büyük bir potansiyele sahiptir. Luke Wroblewski tarafından geliştirildiği üzere, tasarım odağını güce aç masaüstü bilgisayarlardan daha küçük, daha verimli mobil cihazlara sıfırlar. İnternet kullanımı giderek masaüstünden mobile geçerken, mobil cihazlara öncelik veren bir strateji, tasarımınızın gelecekte sürdürülebilir kalmasını sağlar.
3. HTML5 ve CSS3 geliştiricilerin bir bitmap bloğu ve zengin medya indirmesi yerine, sofistike, ancak verimli bir tasarım için "tarifi göndermesine" olanak tanır.
4. Kullanıcı deneyimi stratejiler, site ziyaretçilerinin görevleri daha hızlı tamamlamasına yardımcı olur. İyi UX'e sahip bir site, kullanıcı başına daha küçük bir internet ayak izine sahip olacaktır.
5. Arama motoru Optimizasyonu lansmandan sonra sürdürülebilirliği etkiler. Birçok tasarımcı geliştirme sırasında bunu dikkate almazken, uzun vadede, istikrarlı site trafiği web sürdürülebilirliğinin ayrılmaz bir parçasıdır. Arama motorları tarafından kolayca dizine eklenecek bir site tasarlamak ve yapılandırmak, Google'ın siteleri dizine eklemek için ihtiyaç duyduğu gücü tam anlamıyla azaltır. Siteleri daha arama dostu yapmak - örneğin, anlamsal HTML etiketlerini ve alakalı anahtar kelimeleri birleştirerek - kullanıcıların istediklerini bulmak için yaktıkları bitlerin sayısını azaltacaktır. Kullanıcılara, sitelere ve arama sağlayıcılarına fayda sağlayan sürdürülebilir SEO tanımının zamanı geldi. Bağlantı kalitesini ve kullanıcı desteğini dayanıklı site trafiğine bağlayan SEO firmaları tarafından iyi bir başlangıç ​​yapılmıştır.
6. Fiziksel ofis sürdürülebilirliği uygulamak için son noktadır. Diğer disiplinlerde olduğu gibi, web tasarım atölyelerinin çalışma ortamlarını daha verimli hale getirmeleri gerekir. Bu, internet bağlantılarının gerçekten yeşil ISS'lerden sağlanmasını ve enerji ve malzeme tüketiminin azaltılmasını içerir. Tipik bir web tasarım ofisindeki çok sayıda bilgisayar nedeniyle, 'vampir gücü' - cihazların kullanılmadıklarında çektiği güç - kolay bir hedeftir. Grafik tasarım için geliştirilen teknikler ve veri tabanları, teminat yazdırmak için uygulanabilir.

Web performans optimizasyonu

Web performans optimizasyonu tipik olarak site mühendislerinin alanı olsa da, projelerinize dahil etmek zor değildir. Yahoo Olağanüstü Performans Ekibinden performans kurallarını kontrol edin ve işinizde nasıl uygulanabileceklerini tartışın. Orta düzeyde HTML, CSS ve JavaScript bilgisine sahip olan herkes bu 30'dan fazla ilkenin çoğunu kod veya ağ donanımına derinlemesine dalmadan uygulayabilir. Kazançlar tipik olarak dramatiktir.

Ne kadar geliştiğinize dair kabaca bir tahminde bulunmak da kolaydır. Web geliştirme ortamında çalışan YSlow veya Google'ın PageSpeed ​​gibi birçok muhabir aracı vardır. Şu anda Opera web tarayıcılarında beta olan yeni nesil geliştirici araçları, ön uç geliştiricilerin hangi CSS seçicilerinin performans üzerinde en büyük etkiye sahip olduğunu görmelerine olanak tanıyacak. Bu, sürdürülebilirliği kodlamadan en üst düzey tasarıma taşıma sürecini başlatır.

Sürdürülebilir ekipler

Web tasarımının sürdürülebilir olması için ilkelerini tüm bu adımlarda uygulamamız gerekecek. Ayrıca adımlar arasında daha iyi iletişime ve daha az uzmanlaşmaya ihtiyacımız var. Siled tasarımcılar, internet gerçekliğinden ayrı düzenler ve sanat eserleri yaratır ve sonraki mühendislik yalnızca bir su aygırını düzene sokabilir. Kodlayıcılar, sürdürülebilirliği etkileyen daha büyük tasarım kararlarını görmezden gelerek, dar bir şekilde kod hızına ve bant genişliğine odaklanırlar. Sürdürülebilirliği artırmak için, bir kişinin tasarlamasına ve diğerine kod yazmasına izin vermenin cazibesine direnmeliyiz. Tasarımcılar, sanat ve düzen konusundaki seçimlerinin verimliliği nasıl etkilediğine aşina olmalıdır. Geliştiricilerin tasarım hakkında daha fazla bilgi edinmesi gerekir, böylece verimlilik çalışmaları estetik ve kullanıcı deneyimine zarar vermez. Bu tür hibrit tasarımcı-geliştiriciler, sürdürülebilirliğe giden hızlı yolu sağlayacaktır.

3. Yeşil malzemelerle takas edin

Sürdürülebilirliğin bir projenin farklı bölümlerini nasıl uyguladığını tanımladıktan sonra, bir sonraki adım bir "yeşil bileşen" stratejisi formüle etmektir.Benzer bir süreç, yeşil binalar için LEED sertifikasyon sürecinin habercisiydi ve benzer bir strateji şu anda temizleyiciler ve şampuan gibi tüketici ürünlerini tasarlamak için kullanılıyor. Web için bir içerik stratejisinde, site geliştiricileri, sürdürülebilirliği etkileyen kod, biçimlendirme ve görsel tasarım öğelerini belirleyecektir. Bunu yaptıktan sonra, daha düşük ayak izine sahip alternatifler arayacak ve bunları kendi sitelerine yerleştireceklerdi.

Bir içerik stratejisi, bazı kavramsal ayakkabılara rağmen, sonuçların kolayca listelenmesi, belgelenmesi ve tüm ekip üyeleri ve paydaşlara açıklanması avantajına sahiptir. Herkesin katılabilmesi için tasarım ve geliştirme sürecini entegre etmeye yardımcı olan bir stratejidir. Ayrıca tam bir LCA analizinden çok daha kolay ve daha ucuzdur.

Bu stratejiyi uygulamak için tasarımcıların kitaplıklarından, araçlarından, tasarım ve kodlama stratejilerinden hangilerinin yeşil sanal bileşenler olarak nitelendirildiğini belirlemeleri gerekecek. Kodlama tarafında, yeşil bileşenler verimliliği artıran değişiklikler içerebilir: örneğin, varsayılan çerçevelerin yerini alan Microj'lerden küçük JavaScript Kitaplıkları, CSS sprite'leri, birleştirilmiş kod dosyaları, Yahoo Smush.it gibi araçlarla optimize edilmiş grafikler ve sunucu tarafı içerik uyarlaması. Tasarım tarafında, mobil cihazlara öncelik veren bir strateji veya simge odaklı arayüzleri tipografik tasarımla değiştiren sanat yönetimi, çevreci bileşenler olarak nitelendirilecektir. Blogumda ek önerilerde bulundum.

Yeşil sanal bileşenler, endüstriyel tasarımda kullanılanlara benzer endüstri çapında bir veritabanında listelenene kadar, sürdürülebilir misyon ifadenizdeki gayri resmi açıklamalar değerlidir. İşte yeşil bir web içeriği listesinin nasıl görünebileceğine dair bir örnek:

Bu siteyi geliştirirken aşağıdaki yeşil malzemeleri kullandık:

• Tasarım takımı Tasarım sürecimiz, tasarımcıların ve programcıların etkileşimde bulunmasına olanak tanıyan esnek iş akışı tekniklerini kullanır ve orijinal konsepti yeniden yapmak veya iyileştirmek için yinelemeli yeniden düşünmeyi sağlar. Bir sitenin çeşitli bilgisayarlarda ve cep telefonlarında farklı bir kitleye hizmet etmesine olanak tanıyan aşamalı geliştirme ve duyarlı tasarım stratejileri benimsedik.
• Sanat ve kimlik Sanatımız web, cihazları ve kullanıcıları için tasarlanmıştır. Biz boşlukta yaratmayız; bunun yerine sanatı çevrimiçi ortama uyarlanmış hale getiriyoruz. Tipografik arayüzleri, görüntü yüklü web sayfalarına göre kullanıcı dostu ve düşük bant genişliğine sahip bir alternatif olarak savunuyoruz. Klasik grafik etkileşimli ve grafik tasarım sembolojisini kullanıyoruz, modası geçmiş ve değiştirilmesi gereken moda web modalarından kaçınıyoruz.
• Grafikler Yahoo Smush.it kullanarak maksimum sıkıştırma için grafikleri ve diğer medyayı işliyoruz. CSS Sprites ile arka plan grafikleri oluşturuyoruz ve CSSEmbed ile arka plan görüntülerini doğrudan stil sayfalarına yüklemek için deneyler yapıyoruz, bu da HTTP isteklerini azaltıyor.
• Geliştirme HTML4 veya HTML5'te tam olarak doğrulama sayfaları oluşturmak için standartlara dayalı tasarım ilkeleri uyguluyoruz. Bir düzen oluşturmak için kullanılan harici varlıkların sayısını en aza indiriyoruz. İndirmeler sırasında ayrı CSS ve JavaScript dosyalarını dinamik olarak birleştirmek için birleştirmeyi kullanırız, bu da HTTP isteklerini azaltır. Standart kitaplıkları indirmek için Google Kitaplıkları ve Microsoft Ajax İçerik Dağıtım Ağı'nı kullanıyoruz, böylece bir indirmenin birçok web uygulamalarımız tarafından kodu yeniden talep etmeden kullanılabilmesini sağlıyoruz. Şirket içinde geliştirilen orijinal JavaScript'i optimize etmek için Google Closure Compiler'ı kullanıyoruz. Mümkün olduğunda büyük standart JavaScript kitaplıklarını mikro kitaplıklarla (ör. Sizzle) değiştiriyoruz. Sayfa hızını ve verimliliğini artırmak için Yahoo Olağanüstü Performans Yönergelerini uyguluyoruz.
• Barındırma ve dağıtım Bitlerimiz, en iyi bilinen ve doğrulanmış yeşil web barındırma hizmetlerinden birinden elde edilir. Sitemizin çalıştığından emin olmak için mobil siteleri öykünücüler yerine gerçek cihazlarda test ediyoruz. Statik içerik, gereksiz indirmeleri önlemek için altı aylık bir sona erme ile (HTTP Sona Erme başlıkları aracılığıyla) ayarlanır. Sürdürülebilir arama motoru optimizasyonu uygulayarak sitenin arama motorları tarafından etkin bir şekilde dizine eklenmesine yardımcı oluyoruz.
• Müşteri ilişkileri Ortamın mesajlarına uyduğundan emin olmak için müşterileri ve paydaşları tasarım süreci boyunca sürdürülebilir alternatifler konusunda eğitiyoruz.
• Yeşil ofis Ofis malzemelerini minimumda tutuyor, evden çalışmayı teşvik ediyor ve ofis iş istasyonlarımız ve sunucularımız tarafından enerji kullanımını en aza indiren stratejiler uyguluyoruz.

Yeşil içerik stratejinizin etkilerini belgelemeye de yardımcı olabilir. İyi bir yöntem, YSlow puanlarınızı Steve Souders’ın HTTP Arşiv sitesinde gösterilen internet ortalamasıyla karşılaştırmak olabilir. Tasarım yinelemeleri sırasında artan sayfa verimliliğini belgelemek, sitenizin bileşenlerinin gerçekten sürdürülebilirliğe katkıda bulunduğunu ortaya koyar.

4. Yeşil bir standart şablon geliştirin

Web tasarımı ve geliştirmesi için sürdürülebilir içeriklerin tanımlanması, sonuçta standartlaştırılmış temel kodun (kısaca 'yeşil bir standart') oluşturulmasını sağlayacaktır. Diğer kazan plakalarıyla karşılaştırıldığında, sürdürülebilir bir standart şablon, indirmeleri ve HTTP isteklerini en aza indirecek ve tasarımı düşük enerjili son kullanıcı donanımı için optimize edilmiş olacaktır. Düzeni, tasarımcıların kodlara derinlemesine dalmadan veya komut satırı araçlarını öğrenmeden sürdürülebilir teknikleri uygulamalarına yardımcı olacaktır.

Nihayetinde, endüstriyel tasarım yazılımında bulunan karbon ayak izi hesaplayıcılarına benzer şekilde, web tasarım araçlarına "sürdürülebilirlik gösterge tabloları" ekleyen modüller içerebilir. Öneriler? Onları Green Boilerplate'e gönderin.

Sonuç

Umarım sizi Sürdürülebilir Web Tasarımının tasarımcıların ve geliştiricilerin yaratıcı sürecinin bir parçası olması gereken bir şey olduğuna ikna etmişimdir. Bu disiplin başlangıçta ve tasarım topluluğunun gelişmesine ve büyümesine katkıda bulunmasına ihtiyaç duyuyor. Sürdürülebilir Sanal Tasarım gibi sitelerde web'e fikir, yorum ve öneriler gönderin., Yeniden Besle ve Yaşayan İlkeler.