90'lar web tasarımının guruları: Zeldman, Siegel, Nielsen

• Flash ve CSS'nin ortaya çıkışından sonra, 1997 civarında web tasarımı alanında üç temel felsefe oluştu
• David Siegel “hack” yoluyla görsel estetiği, Jakob Nielsen sadelik ve erişilebilirliği, Jeffrey Zeldman ise tasarım ile kullanılabilirlik arasındaki dengeyi vurguladı
• O dönemde tarayıcı uyumluluğu ve CSS desteğinin yetersizliği gibi teknik kısıtlar ciddiydi; Flash ise yeni bir multimedya deneyimi olarak öne çıktı
• Üç gurunun tamamı web tasarımının gelişimine farklı şekillerde katkı sundu ve zamanla standartlar ile estetiğin uyumunu vurgulayan Zeldman'ın yaklaşımının etkisi büyüdü
• Zeldman şu anda Automattic'te lider olarak görev yapıyor ve sitenin yeni yeniden tasarımı üzerinde çalışıyor

---

Genel Bakış

Bu yazı, 1990'ların sonlarında web tasarımı alanını temsil eden üç guru olan Jeffrey Zeldman, David Siegel ve Jakob Nielsen'in felsefelerini ve etkilerini ele alıyor. Flash ve CSS gibi yeni teknolojilerin devreye girdiği, ancak web standartlarının henüz yerleşmediği geçiş döneminde bu isimlerin nasıl bir tasarım yönü sunduğunu ve bugünlerde neler yaptıklarını inceliyor.

90'larda web tasarımının arka planı ve kısıtları

• 1997 civarında Flash ve CSS gibi yeni web teknolojileri yükselişe geçti
• Zeldman, aslında romancı, gazeteci, müzisyen ve reklamcı gibi farklı kariyerlerden sonra 1995'te web'e adım attı
• O dönemde web bir “tüketici oyun alanı” olarak görülüyordu, ancak teknik sınırlamalar ve tarayıcı performansı kısıtları ciddiydi
  • Görsel kullanımını en aza indirmek ve dosya boyutlarını küçük tutmak tavsiye ediliyordu
• Zeldman, bir metin editörü ve Photoshop kullanarak HTML ile grafik üretiyordu; HTML'in temellerine sadık kalırken başka tasarımcıların kaynak kodlarını doğrudan inceleyerek öğrenmeyi öneriyordu

Üç gurunun tasarım felsefesi

David Siegel: estetik ve “hack” felsefesi

• Siegel, 1996 tarihli ‘Creating Killer Web Sites’ kitabında, CSS ve Flash'ın olmadığı dönemde göz alıcı düzenler oluşturmak için HTML hack teknikleri kullanılmasını savundu
  • Görünmez tablolar ve tek piksellik GIF'ler gibi yöntemleri düzen kontrolü için aktif biçimde kullandı
• Kendi hedefi, kusursuz tipografi ve görsel anlatım gücü için her yolu denemekti
• Tarayıcılar arası uyumluluktan çok, Netscape Navigator gibi belirli tarayıcılara özel optimizasyon stratejilerini benimsedi
• Kendini “HTML teröristi” diye tanımlayarak, web standartlarını göz ardı etse bile estetik tamamlanmışlığı en üst öncelik haline getirdi

Jakob Nielsen: kullanılabilirlik ve web standartlarına öncelik

• Nielsen, “şatafattan çok işlevsellik” bakış açısına sahip bir kullanılabilirlik gurusu olarak geniş kitlelerce tanındı
• Tüm başlıca tarayıcılarda erişilebilir tasarım uygulanmasını vurguladı; yapı ile sunumun ayrılması, yani semantik kodlama ve web standartlarını destekledi
  • HTML'in semantik yapısının kullanılmasını savundu ve erken dönem CSS kullanımını da baştan itibaren olumlu değerlendirdi
• CSS'in geleceği konusunda umutluydu, ancak o sırada desteğin yetersiz olduğunu ve tarayıcılar arasındaki uyumluluk sorunlarının çözülmediğini belirtti

Jeffrey Zeldman: estetik ile web standartları arasında denge

• Zeldman, CSS gibi web standartlarını aktif biçimde benimsedi, ancak gerektiğinde Flash veya Shockwave gibi “standart dışı” araçları da kullanan pragmatik bir yaklaşımı sürdürdü
• “Web tasarımında hem estetik hem de web erişilebilirliği önemlidir” görüşünü sürekli korudu
• 2002'de bile görsellerin, tablo tabanlı düzenlerin, stil sayfalarının, JavaScript'in ve sunucu/istemci teknolojilerinin web erişilebilirliğiyle birlikte var olabileceğini vurguladı

Flash ve CSS

• Flash, öğrenmesi kolaydı ve CSS'in o dönemde sunamadığı görsel özgürlüğü ile medya işlevlerini destekliyordu
• Tarayıcılar (özellikle Netscape ve IE) CSS standartlarını yeterince desteklemiyordu, ancak Flash'ta özel eklenti kurulduğunda hangi tarayıcı olursa olsun aynı deneyim sunulabiliyordu
• Siegel, Flash'ı hızlıca benimsedi, ancak tam bir standardın olmaması ve kapalı dosya yapısı gibi sınırlamaları da kabul etti
• Buna karşılık Nielsen, Flash'ın standart dışı yapısını (sunum ile içeriğin birleşmesi) sert biçimde eleştirdi ve onu ‘%99 kötü’, yani bir “kullanılabilirlik felaketi” olarak niteledi
• Sonuçta hem CSS hem de Flash web'in ifade gücünü genişletti, ancak açık web standardı olan CSS uzun vadede ana akım haline geldi

Üç ismin sonraki yolu

• Nielsen, kullanılabilirlik ilkelerine bağlı kaldı, Useit sitesindeki minimalizmi korudu ve 2012'de site birleşmesinden sonra da ICT ile yapay zeka üzerine araştırmalarını sürdürdü
• Siegel, web tasarımı kuramcılığından dijital iş, semantik web ve blokzincir gibi çeşitli alanlara yönelerek faaliyet sahasını genişletti
• Zeldman, Automattic'te (WordPress, Tumblr vb.) Executive Creative Director olarak görev yapıyor; kişisel blogunda tasarım felsefesini paylaşmayı sürdürüyor ve bir site yeniden tasarımı hazırlıyor

Sonuç

• 90'ların web tasarımını temsil eden bu üç isim, farklı felsefeleriyle web'in gelişimine katkıda bulundu
• Teknoloji, standartlar ve estetik deneylerin iç içe geçtiği geçiş döneminin ardından, sonunda web standartları ile tasarım duyarlılığının birleşimi bugünkü web'in ana akımını şekillendirdi
• Zeldman'ın pragmatik ama dengeli yaklaşımı, web tasarımcıları üzerinde kalıcı bir etki bırakmayı sürdürüyor

[GN⁺]

Hacker News yorumları

• Bu yazı Nielsen'ı yalnızca "teknik olarak" haklı biri gibi ele alıyor ama en azından benim için onun, "deneysel olarak haklı olup olmadığına" odaklanmamı sağlayan kişi olduğunu vurgulamak isterim. Gerçek kullanıcılar üzerinde test yaparak bilgiyi iletmenin etkili yollarını arayan araştırmalar yapmasının etkisi büyüktü. Bu yüzden ortaya çıkan şeylerin görünüşü epey demodeydi ama özü itibarıyla doğru yönde olduğuna inanıyorum
  • Nielsen'ın kendisinden çok, onun içinde yer aldığı insan-bilgisayar etkileşimi (HCI) geleneğine daha fazla saygı duyuyorum. O dönemde ne tasarımcılar, ne geleneksel HCI uzmanları, ne de geliştiriciler web'i gerçekten doğru düzgün anlıyordu. Nielsen en azından web'e odaklanmıştı ama sorun, yeni bir mecra karşısında kullanıcıların mevcut beklentilerine fazla takılı kalmasıydı. "Hiperlinkler her zaman mavi ve altı çizili olmalıdır" gibi şeyler söylemesinin arkasında, o anda kullanıcıların istediği istikrar değil, aslında web'in evriminin çok erken bir aşamasında olduğu gerçeğini gözden kaçırması vardı diye düşünüyorum. Fazla katı kuralları fazla erken uygulamaya çalışıyordu
  • O dönemde Nielsen'ın gerçekten kullanıcı ihtiyaçlarına odaklanan az sayıdaki insandan biri olduğunu düşünüyorum. Pek çok site Flash'tan oluşan bir giriş ekranını önce göstermenin iyi fikir olduğunu sanıyordu ve tasarımcılar genel olarak kolay okunur yazı boyutlarından hoşlanmıyordu
  • Yıllar içinde NNG Group'un çeşitli eğitimlerini aldım. Nielsen ve Tog'dan öğrendim, (Don Norman'ın ders verdiğini sanmıyorum) ve kullanılabilirliğe büyük saygı duymamı sağlayan şey buydu. Tasarımcılar Nielsen'dan gerçekten nefret ediyordu
  • Discount Usability Engineering'in işe yarayacağını sanmıyordum ama gerçekten uygulayınca sonuçlara şaşırdım ve o zamandan beri her tasarım/yeniden tasarımda kullanıyorum. Sayın Nielsen'a teşekkür etmek isterim. Eski UseIt.com bağlantıları(archive) hâlâ aklımda yer etmiş durumda
  • "Kavga"yı nasıl tanımladığınıza bağlı olarak farklı değerlendirebilirsiniz. Nielsen döneminde iki şey oluyordu. 1) Kimsenin bakmayacağı, kendi başına eğlenceli ve tuhaf bir köşe yaratmak bir sanat eylemiydi, 2) müşteriler için ciddi web uygulamaları yapan girişimciler vardı. Nielsen'ın ilkeleri ikinci durumda harikaydı ama birincisi için felaketti. Modern web kâr ve verimlilik uğruna tüm cazibesini kaybettikçe, tarih sonuçta Nielsen'ı daha olumlu yazıyor
• Zeldman'ın A List Apart'ını gerçekten çok severdim. O zaman herkes 20'li yaşlarının ortasındayken onun yaşını bilmiyordum, yaşıtımız sanıyordum :D. Nielsen ise dürüst olmak gerekirse bana pek hitap etmiyordu. Elbette milyonlarca kullanıcının işleri daha kolay yapabilmesine katkı sağladı ama yaklaşımı fazla katı ve sıkıcıydı. Özellikle ana sayfada belli bağlantılar mutlaka olmalı gibi fazla kuralcı tavrı hoşuma gitmiyordu. Philip Greenspun'ın onu eleştirdiğini de hatırlıyorum. Herkes net cevaplar istiyordu ve bunun için para ödemeye de hazırdı; sanırım danışmanlıkta başarılı olabilmesinin nedeni buydu. Hızla değişen bir dünyada bu cevapların raf ömrü de çabuk bitiyor. Belki de bu yüzden kendi sitesini yıllar önce kaldırdı. Haritanın zamana uymayacak kadar eskidiğini fark etmiş gibiydi. Yine de gerçekten harika bir dönemdi
  • O dönemde kullanıcılar da bugünkülerden farklıydı. Her şeyi tek bir sayfada, hem de "katlamanın üstünde (above the fold)" tutmalarının nedeni, birçok kullanıcının nasıl kaydırma yapılacağını bilmemesiydi. Ancak sonradan kaydırma standart haline geldi. Site ortamı hem teknik hem sosyal açıdan tamamen farklıydı. Bu ayrıntıların bugün aynen sürmemesi son derece doğal
  • 2000'lerin başındaki CSS/tasarım blog dünyası gerçekten çok ilginçti. Lisedeyken Dave Shea, Andy Budd, Doug Bowman, Shaun Inman, Mike Davidson ve daha birçok kişiyi takip etmek keyif veriyordu
  • Çok uzun zaman önce bir kullanılabilirlik testi hizmeti işletiyordum ve Nielsen konusunda ben de aynı şekilde onun fazla katı ve ayrıntılara saplantılı olduğu izlenimine sahiptim. Her gün yürüttüğüm gerçek testlerin sahadaki hissiyle arasında mesafe vardı
  • Hatırladığım kadarıyla Greenspun, Siegel'la daha çok dalga geçiyordu. Siegel "Killer" kitabında 2-3 adımlı giriş portalını vurguluyordu ve Greenspun bunun saçma olduğunu düşünüyordu. Ben Nielsen'ın yaklaşımını oldukça olumlu değerlendiriyorum. Web'de yeniden "kullanılabilirliğe" önem veren bir döneme dönmek kötü olmazdı. Bugünlerde Flash dönemindeki özellikleri yeniden üretmek için inanılmaz çaba harcanıyor ama insanlar gerçekten kaydırırken metinlerin ve fotoğrafların ekranda zıplamasını mı istiyor, emin değilim. İlk başta ilginç ama sonrasında rahatsız edici. "Bu sitenin bilgisi gerçekten harika ama keşke ekranda biraz daha köpek yavrusu gibi zıplayıp dursa" diyen biri yoktur herhalde
  • Uzun zaman sonra A List Apart'a uğradım ve tamamen farklı görünüyordu. Ayrıca ana sayfada bir yıl önceki yazı hâlâ 'New' diye işaretlenmiş. Zaman çok değişmiş gibi
• "Jeffrey Zeldman — 1997'nin başında 42 yaşında" olduğunu ancak şimdi fark ettim. 2000'lerin başında bizimkinden sadece birkaç yaş büyük sanıyordum. Onların ana sayfalarında "View Source"a bakmanın gerçek öğrenme zamanı olduğunu düşünüyorum. Bu arada bazı ülkelerde "View Source" yapmak yasa dışı olabilir, herkes dikkat etsin. 2000'lerin başında kariyerime başladım, çokça Flash işlerimi de yayımladım ve Zeldman ile Siegel gibileri kahramanımdı. Nielsen ise düşmandı. Ama 2000'lerin ortalarında hastane ve klinik işleri yaparken erişilebilirlik ve HIPAA gibi konularla uğraşınca Nielsen da sonunda benim için bir kahramana dönüştü :-)
  • Aslında o zaman da bizden sadece birkaç yaş büyüktü
  • "View Source" tam olarak nerede yasa dışı, merak ettim
• Eskiden sadece "View Source" ile havalı efektlerin nasıl yapıldığını kolayca görebildiğimiz günleri özlüyorum. Bugünlerde öne çıkan pek bir şey yok ve olsa bile inspector ile kurcalayınca onlarca katmanın altına gizlenmiş, obfuscate edilmiş JS içinde oluyor; analiz etmek neredeyse imkânsız
  • Son zamanlarda CSS ile yapılmış Minecraft projesine baktınız mı merak ediyorum. (CSS-Minecraft GitHub) Uzun zamandır yaşadığım en iyi "View Source" deneyimiydi
  • JS makinesi olmayan, yaratıcı biçimde yapılmış sitelerin HTML/CSS'ini incelemek hâlâ keyifli. Modern CSS gerçekten çok zengin
• Benim için de <i>Web Pages That Suck</i> kitabının ayrı bir anlamı vardı. Bu kitap, <i>Creating Killer Web Sites</i> ile de dalga geçiyordu. O zamanlar büyük bir ego savaşı vardı. Flanders belki bugün bile siteyi işletiyordur. Ben de posta listesine kayıtlıydım ama 10 yılı aşkın süredir hiçbir haber almadım
  • Ben de o siteyi gerçekten severdim. Şimdi her şey o kadar optimize ki bazen eski, kaba saba web sayfalarını özlüyorum. Kullanılabilirlikleri kötü olsa da hepsinin kendine özgü bir kişiliği vardı. Bir müzede eski klasik arabaları görüp o sık düğmelerin, kolların ve pedalların ne işe yaradığını hayal etmenin eğlencesi gibi. Gerçekte sürmek istemezsiniz ama bakması keyiflidir
  • O kitabın da benim için ayrı bir anlamı vardı ve bugünkü kariyerimin başlangıç noktası oldu. Flanders'ın eleştirdiği "mystery meat navigation (menünün ne olduğunun belirsiz kaldığı tasarım)" beni çok etkilemişti; bugün bile kullanılabilirlik sorunlarını düşünürken aklıma gelir
• Bu dönemi çok özlüyorum. Gerçekten mutlu, pozitif ve saf bir zamandı. Herkes içtenlikle bir şeyler yapıyor ve birbirine öğretiyordu. Şimdi ise her şey yapay ve gösteriş dolu geliyor. HTML+CSS öğrenip bu insanların kitaplarını okuduğum, Designer's Talk gibi forumları sürekli yenilediğim günleri asla unutmayacağım
• Günümüzde birçok web sitesi her yerde çıkan pencerelerle abonelik ya da geri bildirim istiyor ve JavaScript ile reklamlar yüklenirken içerik yukarı aşağı sıçrayıp durduğu için okumak zorlaşıyor. Web'in son birkaç yılda ciddi biçimde gerilediğini hissediyorum. Artık bunu eleştirel biçimde tartışan da pek yok gibi
• Kitaplığımda hâlâ "Creating Killer Websites" duruyor. Erken aldığım bir kitaptı ama klasik olacağını bilmiyordum. Kitaptaki tasarımlara benzeyen siteleri gerçekten görmek etkileyiciydi. Ama bana göre pratik değildi. Sonuçta basılı medyanın bir kopyası gibi geliyordu. Eski Coldfusion ya da Dreamweaver gibi araçlar neredeyse QuarkXpress(DTP yazılımı) hissi veriyordu. O dönemi özlüyorum ama ben sonunda site tasarımı tarafına yönelmedim
  • unpopular opinion olabilir ama ben de buna benzer şekilde gülüp geçebilirim. BBS scriptlerinden ES6, SVG, WebGL'e kadar web/baskı tasarım deneyiminin çoğunu yaşamış biri olarak, o dönemin öne çıkan isimlerinin web'de ne yaptıklarını bilmediğini düşünüyorum. Basılı işlerde çok iyiydiler ama web baskı değildir. Yeni mecra olan ekranda her şeyi aynı sayfaya koymak zorunda değilsiniz. Bana göre mantıklı web tasarımı ancak 2010 civarında yeniden başladı. 2005'te bile kullanılabilirlik hâlâ yeni bir kavramdı ve Apple'ın K-12 UI'ı da pek yardımcı olmadı. Bu kitapların öğrettiği şey daha çok basılı afiş tasarımını web'e taşımaktı; widget'lar, düğmeler ve web'e özgü etkileşim denemeleri ise zayıftı. Haritacılıkta da evrim benzer şekilde yavaş ilerliyor. Kişisel görüşüm, oyun ve oyun arayüzü tasarımcılarının çok erken dönemlerden itibaren çok daha yenilikçi ve modern arayüzler gösterdiği yönünde. Çoğu zaman oyunlar ya da demoscene çağına göre daha ilerideydi
• 2000'lerde Zeldman benim kahramanımdı. Bu listeye Eric Meyer(Wikipedia) de eklenmeli bence
  • Ben hâlâ Eric'in CSS Reset 2.0'ını kullanıyorum. Bu kadar yalın ve sezgisel başka bir şey görmedim
• Bir gün Netscape Navigator 4'te tabloların yalnızca 7 seviyeye kadar iç içe yerleştirilebildiğini unutacak yaşa gelir miyim diye merak ediyorum