2 puan yazan GN⁺ 2025-05-30 | 1 yorum | WhatsApp'ta paylaş
  • 1997’de web tasarımı, Flash ve CSS yükselirken görsel deneyselliğin, standartların ve kullanılabilirliğin çarpıştığı bir dönemdi; Zeldman, Siegel ve Nielsen farklı çözümleri temsil ediyordu
  • David Siegel, CSS ve Flash öncesindeki ifade sınırlarını aşmak için HTML hack’lerini aktif biçimde kullandı; görünmez tabloları, 1 piksellik GIF’leri ve belirli tarayıcılara optimizasyonu da göze aldı
  • Jakob Nielsen, web sitelerinin “ciddi bir iş aracı” hâline gelmesi için semantik HTML ve tarayıcılar genelinde erişilebilirliğin gerekli olduğunu düşündü; CSS’i içerik ile sunumu ayırmanın çözümü olarak benimsedi
  • Jeffrey Zeldman, CSS’i desteklerken Shockwave ve Flash gibi araçlardan yararlanan pratik bir uzlaşma seçti; estetik ifadeyi ve standartlara uyumu birlikte hedefledi
  • Üçünün sonraki yolları ayrıldı, ancak 1997’deki tartışma web tasarımının süsleme, uyumluluk ve kullanılabilirlik arasında nasıl bir denge kurması gerektiğini gösterdi

1997’de web tasarımını ayıran üç akım

  • 1997’de web tasarımı, Flash ve CSS birlikte yükselirken hızla değişen bir dönemdi
  • David Siegel, görsel bütünlük uğruna HTML’i dolaylı yollarla kullanmayı savundu
  • Jakob Nielsen sadeliği, erişilebilirliği ve semantik yapıyı web’in temel ilkeleri olarak gördü
  • Jeffrey Zeldman görsel sezgi ile kullanılabilirliği birlikte arayarak iki akımın arasında durdu

Jeffrey Zeldman: grafik ile standartlar arasında pragmatizm

  • Zeldman 1997’nin başlarında 42 yaşındaydı; romancı adayı, gazeteci, turne müzisyeni ve reklamcılıktan geçerek web tasarımına yönelmişti
  • Reklamcılıkta edindiği “anında iletme” pratiğinin web’de işe yaradığını düşündü ve ilk web sitesini 1995’te yaptı
  • 1996 sonlarında kişisel web sitesine “Web’i hiperbağlantılı metin yarattı, grafikler ise onu tüketiciler için bir oyun alanına dönüştürdü” diye yazdı
  • O dönemde web’de dosya boyutu ve görsel kullanım miktarı açısından büyük kısıtlar vardı; Zeldman görselleri mümkün olduğunca az kullanmayı ve dosya boyutlarını küçültmeyi önerdi
  • Web sayfalarını Macintosh’un düz metin editöründe HTML yazarak ve grafikleri Photoshop’ta oluşturarak hazırlıyordu
  • HTML temellerini önemsemekle birlikte, başka tasarımcıların çalışmalarından öğrenmek için File: View Source kullanılmasını tavsiye etti

David Siegel: “HTML terrorist” ve görsel kontrol

  • Zeldman, web tasarımının ilk dönemlerinde David Siegel’in Creating Killer Web Sites: The Art of Third-Generation Site Design kitabından büyük ölçüde etkilendi
  • Kitabın 1996 baskısı, CSS veya Flash tam anlamıyla yaygınlaşmadan önce daha çekici web siteleri yapmak için HTML hack’lerini savunuyordu
    • Görünmez tablolar ve 1 piksellik GIF’lerle yerleşimi kontrol etmek temel teknikti
    • 1996 baskısında “A PDF Primer” bölümü vardı, ancak CSS’ten söz edilmiyordu
    • 1997’deki 2. baskıda PDF bölümü çıkarıldı ve yerine “A CSS Primer” eklendi
  • Siegel 1997 başlarında yaklaşık 37 yaşındaydı ve dijital tipografi geçmişi olan bir tasarımcıydı
  • Web’de iyi tipografi ve açık iletişim sağlamak için gerekli her yolu kullanacağını söyledi ve Netscape Navigator’a odaklandı
  • “Tüm tarayıcılar için optimize edilmiş sayfalar yapmayacağım” dedi; bu tutum, yalnızca belirli tarayıcılarda düzgün görünen web siteleri akımıyla örtüşüyordu

Jakob Nielsen: kullanılabilirlik ve semantik web yapısı

  • Jakob Nielsen 1997’de 39 yaşındaydı ve kendini “usability guru” olarak adlandırıyordu
  • Web’deki yüzeysel gösterişi ortadan kaldırıp web sitelerini ciddi bir iş aracı hâline getirmeyi hedefledi
  • Tüm büyük tarayıcılarda erişilebilir tasarımı güçlü biçimde savundu ve içerik ile sunumu ayırmak için semantik kodlamayı önerdi
  • Başlarda HTML spesifikasyonunda tanımlanan yapıya bağlı kalmaya odaklandı
    • Örneğin başlıklar için “18 piksel kalın Garamond” gibi bir sunum biçimi değil, H1 ve H2 gibi yapılar kullanmak gerekiyordu
    • Her tarayıcının başlıkları kullanıcıya nasıl göstereceğine kendisinin karar vermesi gerektiği görüşündeydi
  • Kısa süre sonra CSS’i destekledi; 1996 sonlarında CSS henüz yaygın kullanılmıyor olsa da, tarayıcıların ve görüntüleme cihazlarının çoğaldığı bir ortamda iyi sunum sağlamanın tek çözümü olduğunu düşündü

CSS desteğinin sınırları ve tarayıcı savaşları

  • 1997 başlarında iki büyük tarayıcının CSS desteği eksikti
  • Internet Explorer 3.0, W3C CSS standardını desteklemeye en yakın tarayıcıydı; ancak çok hatalıydı ve tutarlılıktan yoksundu
  • Netscape 3.0’ın CSS desteği zayıftı ve JavaScript tabanlı bir stillendirme yöntemi olan JavaScript-Based Style Sheets’i (JSSS) CSS’e alternatif hâline getirmeye çalıştı
  • JSSS sonunda yaygınlaşmadı, ancak Netscape’in erken web standartlarından biri olan stil sayfalarını destekleme hızını yavaşlatan bir rol oynadı
  • 1997 ilerledikçe Siegel’in estetik merkezli yaklaşımı ile Nielsen’in semantik yaklaşımı arasındaki uçurum büyüdü

Flash’in yükselişi ve CSS ile karşıtlığı

  • Zeldman daha sonra Flash’ten uzaklaşsa da, 1997’de Flash popülerlik kazanmaya başladığında web multimediasını bir sonraki aşamaya taşıyacak bir animasyon aracı olarak görülüyordu
  • Mayıs 1997’de Macromedia, Flash 2’yi yayımladı ve onu programlama gerekmeden vektör tabanlı, çözünürlükten bağımsız grafikler oluşturup canlandırmaya yarayan bir araç olarak tanıttı
  • Flash’in güçlü yanları, o dönem CSS’in zayıf yanlarıyla karşıtlık oluşturuyordu
    • CSS’ten öğrenmesi daha kolaydı
    • O dönemde CSS’e kıyasla görsel olarak çok daha fazla şey yapabiliyordu
    • Tarayıcı şirketlerinin uygulamalarına bağlı kalmadan tarayıcı eklentisi olarak çalışıyordu
    • Kullanıcılar eklentiyi büyük ölçekte indirdiğinde kullanılabiliyordu
  • Siegel, Eylül 1997’de yayımlanan Creating Killer Web Sites 2. baskısında Flash’i vektör grafikleri web’de ana akıma taşımanın en iyi seçeneği olarak gördü
  • Aynı kitapta CSS bölümünü de yeni olarak ele aldı, ancak Ağustos 1997 itibarıyla tarayıcıların stil sayfalarının vaatlerini doğru düzgün hayata geçiremediğini değerlendirdi
  • Nielsen Flash’i hızla reddetti ve birkaç yıl sonra Flash’in “99% bad” olduğunu, neredeyse her zaman bir “kullanılabilirlik hastalığı” olduğunu yazdı
  • Siegel de Flash’in Macromedia’nın sahip olduğu ve kontrol ettiği tescilli bir araç olmasından endişe duydu
    • Flash yazılımı açık kaynak değildi
    • .fla dosya biçimi tescilli bir formattı
    • Çıktılar web standartlarını izlemiyordu

Üç ismin sonraki yolları

  • Üçü de erken dönem web tasarımı mesleğini ileri taşımaya çalıştı; 1997’de web platformundaki değişimler nedeniyle web tasarımı kaçınılmaz olarak deneysel nitelikteydi
  • Nielsen’in Useit’i süssüz, minimalist tasarımını korudu; Web 2.0 döneminde birçok web tasarımcısına çağın gerisinde kalmış bir site gibi göründü
    • Useit birkaç yıl daha sürdürüldü ve 2012 sonunda NNGroup web sitesine entegre edildi
    • 2025’te Nielsen, Substack’te yapay zeka hakkında yazıyor
  • Siegel, dijital tipografi yüksek lisans derecesi ve Pixar deneyimiyle üçü arasında en profesyonel tasarım geçmişine sahip kişiydi
    • 1996–1997’de Killer Web Sites’ın iki baskısından sonra web tasarımından web işi tarafına geçti
    • Daha sonra Pull: The Power of the Semantic Web to Transform Your Business kitabının tanıtımını yaptı ve blokzincire de ilgi duydu
    • Günümüzde cuttingthroughthenoise.net adlı web sitesi çeşitli iş ve kişisel ilgi alanlarını gösteriyor
  • Zeldman web tasarımcısı olarak kalmaya devam etti
    • 2019’dan beri WordPress, Tumblr ve benzerlerini yapan Automattic’te Executive Creative Director olarak çalışıyor
    • zeldman.com üzerinde web tasarımı konularında blog yazmayı sürdürüyor
    • Şubat 2019’dan bu yana varsayılan WordPress temasını kullanıyordu ve 2025’te siteyi yeniden tasarlamaya hazırlandığını açıkladı
  • Zeldman’ın yaklaşımı web standartları ile tasarım sezgisini birleştiren bir yaklaşımdı; 1997’deki üç guru arasında o dönemdeki web sitesi en ilginç ve egzotik site olarak değerlendirildi

1 yorum

 
GN⁺ 2025-05-30
Hacker News yorumları
  • Bu yazı Nielsen’ı “teknik olarak doğru” tarafta konumlandırıyor ama en azından benim için Nielsen’ın etkisi, deneysel olarak doğru olana güçlü biçimde odaklanmamı sağlamasıydı
    Bu, bilgiyi iletmede neyin etkili olduğunu gerçek insanlar üzerinde test etme yaklaşımıydı ve “güzel görünüm” çoğu zaman feda edilirdi
    Bu yüzden ortaya çıkardıkları “umutsuzca demode” görünebiliyordu ama o mücadelede doğru tarafta olduğunu düşünüyorum

    • O dönemde, nadiren de olsa gerçekten kullanıcının ihtiyaçlarını önemseyen biri gibi geliyordu
      Siteye girmeden önce Flash açılış ekranı göstermenin iyi fikir olduğuna inanan çok sayıda site vardı ve tasarımcılar da sanki sıradan insanların okuyabileceği kadar büyük yazı tiplerinden nefret ediyormuş gibi davranıyordu
    • Nielsen’ın kendisinden çok, onun ait olduğu insan-bilgisayar etkileşimi geleneğine saygı duyardım
      O zamanlar ne tasarımcıların, ne klasik HCI tarafındaki insanların, ne de programcıların web’i gerçekten anladığını düşünüyordum; Nielsen ise en azından web’e odaklanıyordu
      Yine de tamamen yeni bir mecranın ilk kullanıcı beklentilerine takılı kalıp bunun henüz erken aşamada olduğu için kaçınılmaz olarak evrileceğini göremedi
      “Hiperlinkler her zaman mavi ve altı çizili olmalı” gibi şeyler söylüyordu ama bana göre o nokta, böyle katı kuralların uygulanması için web’in fazla erken bir dönemiydi
    • Yıllar boyunca NNG Group’ta, Nielsen ve Tog’un dersleri de dahil olmak üzere çeşitli eğitimler aldım; Don Norman’ın hiç ders verdiğini sanmıyorum
      Bu sayede kullanılabilirliğe büyük saygı duymaya başladım ve tasarımcılar Nielsen’dan hoşlanmazdı
    • Discount Usability Engineering’in işe yaradığına inanmıyordum ama kendim deneyince sonuçlar beni tamamen şaşırttı
      O günden beri her tasarım ve yeniden tasarımda uyguluyorum
      Eski UseIt.com https://web.archive.org/web/19990125092506/http://useit.com/ sanırım zihnimde sonsuza dek ücretsiz bir yer kaplayacak
    • “Bilgi iletiminde neyin etkili olduğunu gerçek insanlarla test etmek” konusunda örnek olarak, neden sadece 5 kişiyle test etmenin yeterli olduğuna dair şu yazı var
      https://www.nngroup.com/articles/why-you-only-need-to-test-w...
  • Zeldman’ın A List Apart’ını severdim ama hepimiz 20’li yaşlarımızın ortasındayken onun aslında o kadar büyük olduğunu bilmiyordum
    Aynı kuşaktan olduğumuzu sanıyordum :D
    Açıkçası Nielsen olmasa da olurdu; milyonlarca insanın daha kolay kullanılabilir siteler kullanmasına yardım etmiş olabilir ama fazla katı ve sıkıcıydı
    Özellikle “ana sayfada şu bağlantılar olmalı” gibi reçeteci yaklaşımı bunaltıcıydı ve sanki Philip Greenspun bir ara ona hak ettiği cevabı vermişti
    İnsanlar cevap ve yön istiyordu, bunun için de büyük paralar ödemeye hazırdı; o da danışman olarak danışmanlık verdiğine göre neden böyle yaptığını anlıyorum
    Hızla değişen bir dünyada cevapların raf ömrü kısadır; belki de bu yüzden kendi rehberliğinin fazla eskidiğini fark edip sitesini uzun zaman önce kapattı
    Yine de keyifli günlerdi, gerçekten güzel bir dönemdi

    • O zamanlar kullanıcılar da farklıydı
      Sorun yalnızca her şeyi tek sayfaya koymak değildi; bugün bakınca şaşırtıcı biçimde pek çok kullanıcı aşağı kaydırmadığı için her şeyi katlama çizgisinin üstüne sığdırma meselesiydi de
      İnsanlar kaydırma yapılabildiğini bilmiyordu ve sonrasında deneylerde kaydırmanın sıradanlaştığı bir dönüm noktası gözlemlendi
      Sitelerin çalışmak zorunda olduğu ortam yalnızca teknik açıdan değil, toplumsal açıdan da tamamen farklıydı; bu ayrıntıların bugün aynen sürmemesi çok normal
    • 2000’lerin başındaki CSS/tasarım blog çevresi gerçekten çok ilginçti
      O zamanlar lise öğrencisiydim ama Dave Shea, Andy Budd, Doug Bowman, Shaun Inman, Mike Davidson ve şimdi unuttuğum daha birçok kişiyi keyifle takip ederdim
    • Hatırladığım kadarıyla Greenspun’ın hedef aldığı kişi Nielsen değil, Siegel’di
      Siegel, “Killer” kitabının bir baskısında sitenin önüne 2-3 adımlı bir “giriş portalı” koymayı önermişti ve Greenspun bunun aptalca olduğunu düşünüyordu
      Nielsen’ın yaklaşımını oldukça değerli buluyorum
      Web yeniden kullanılabilirliğe dönerse çok daha iyi olabilir
      Flash’ın sunduklarının önemli bir kısmını yeniden yaratmak için inanılmaz uğraştık ama gerçekten kaydırırken fotoğrafların ve metin bloklarının etrafta uçuşmasını mı istiyoruz?
      İlk bakışta havalı ama sonra ne oluyor? “Bu sitenin bilgisi harika ama keşke ekranda bir Jack Russell terrier gibi zıplayıp dursa” diyen biri var mı?
    • A List Apart’a birkaç yıl sonra tekrar girdim ve tamamen farklı göründüğünü fark edip şaşırdım
      Üstelik ana ekranda yarın itibarıyla 1 yıllık olacak bir yazının üstünde “new” etiketi var
      Galiba zaman değişmiş
    • Uzun zaman önce bir kullanılabilirlik test hizmeti işletiyordum ve Nielsen hakkında benzer duygularım vardı
      Benim zevklerime ve her gün yürüttüğümüz testlerin gerçekliğine kıyasla fazla katı ve fazla didaktikti
  • Jeffrey Zeldman’ın 1997’nin başında 42 yaşına girdiğini ancak şimdi fark ettim
    2000’lerin başında hep bizden sadece birkaç yaş büyük olduğunu düşünürdüm
    Onların web sitelerinde “View Source” yapmak öğretici açıdan çok iyi harcanmış bir zamandı
    Uyarı: Bazı bölgelerde “View Source” yasa dışı olabilir, bu yüzden takdir yetkinizi kullanın şeklindeki şaka da aklıma geliyor
    Kariyerime 2000’lerin başında başladım ve tasarım ile Flash işlerimin internette olduğu dönemde Zeldman, Siegel ve daha niceleri kahramandı; Nielsen ise kötü karakterdi
    2000’lerin ortalarına doğru hastaneler ve doktorlar için erişilebilirlik, HIPAA uyumluluğu gibi konularla derinlemesine çalışmaya başladım ve o noktada Nielsen gibiler kahraman oldu :-)

    • “View Source” nerede yasa dışı?
    • Ama yine de gerçekten bizden sadece birkaç yaş büyüktü
  • Bir sayfada havalı bir şeyin nasıl çalıştığını sadece View Source ile görebildiğin ilk dönemleri özlüyorum
    Artık havalı şey neredeyse hiç yok; olsa bile denetleyiciyle kurcalayabiliyorsun ama çoğu zaman o kadar derine gömülmüş ve obfuscate edilmiş JavaScript içinde oluyor ki çözememe ihtimalin yüksek

    • Son zamanlarda şu CSS Minecraft'a bakıp bakmadığını merak ediyorum
      Bu, son birkaç yılda yaşadığım en iyi kaynak görüntüleme deneyimlerinden biriydi: https://github.com/BenjaminAster/CSS-Minecraft/tree/main
    • JavaScript makinesi olmayan, yaratıcı biçimde yapılmış bir siteyse HTML ve CSS'yi kurcalamak bugün de keyifli
      Modern CSS inanılmaz derecede zengin
  • Benim için bir diğer önemli kitap da Web Pages That Suck idi
    O kitap aslında Creating Killer Web Sites'ı epey yerden yere vuruyordu ve o zamanlar egosu yüksek çok insan vardı
    O kitaptan epey şey öğrendim; Flanders'ın hâlâ bir sitesi olabilir
    Onun e-posta listesinde vardım ama son 10 yıldır falan hiç haber almadım

    • O siteyi de gerçekten çok seviyordum
      Bugünlerde her şey fazla optimize ve verimli; web sayfalarının bazen dağınık olduğu zamanları özler oldum
      Kullanması zor olsa bile en azından karakteri vardı
      Biraz otomobiller gibi; müzede çok eski bir arabaya bakıp o pedallar ve kollar ne işe yarıyor diye merak etmek güzel ama onu gerçekten kullanmak zorunda olmamana da seviniyorsun
    • O kitap benim için de belirleyiciydi ve bugün bulunduğum yerin başlangıç noktasıydı
      Flanders'ın tam isabet eleştirdiği mystery meat navigation beni çok etkiledi ve kullanılabilirlik sorunlarını düşünürken hâlâ kafamda yankılanıyor
  • Creating Killer Web Sites hâlâ kitaplığımda duruyor
    Sadece aceleyle aldığım bir kitaptı ve klasik olacağını hiç düşünmemiştim
    Yine de kitapta gösterilen tarzda tasarlanmış web sitelerini görmek büyük bir deneyimdi ama bence pratik değildi
    Bana göre daha çok basılı mecranın birebir kopyası gibiydi
    O dönemde ColdFusion ya da Dreamweaver'ın nasıl çalıştığını hatırlıyorsan, QuarkXPress gibi DTP yazılımlarından ödünç alınmış olduğu belli olan yönleri vardı
    O günleri hatırlamak güzel ama sonuçta beni site tasarımı yoluna sokmadı

    • Bu söylediklerim popüler olmayabilir ama ben de benzer şekilde gülüp geçerdim
      REX BBS scriptlerinden bugünün ES6, SVG ve WebGL'ine kadar hayal edebileceğin her türlü teknolojiyle uzun yıllar boyunca web siteleri ve basılı/web tasarımı yaptıktan sonra, bu insanların web'de ne yaptıklarını hiç bilmediklerini rahatlıkla söyleyebilirim
      Muhtemelen basılı tarafta üst düzey tasarımcılardı ve bu övgüyü hak ediyorlar ama web baskı değildir
      Bu yeni mecrayı, ekranı ve bütün bilgiyi aynı sayfaya koymak zorunda olmadığını anlayamadılar
      İnsanlar ancak her şeyin 2010 civarında yeniden düzleşip sadeleşmeye başlamasından sonra mantıklı web tasarımı yapmaya başladı sanırım
      2005'te bile kullanılabilirlik yeni bir kavramdı ve Apple'ın K-12 arayüzü de pek yardımcı olmadı
      Elbette System OS'taki bazı tasarım kararları oldukça anlamlıydı ama o web değildi
      Bu kitapların öğrettiği şeylerin çoğu, Illustrator, CorelDRAW ve Quark tarzı yaklaşımı web sayfasının üstüne nasıl bindireceğindi
      Sayfa, buton gibi zaten verilmiş widget'larla ne kadar az şey gösterip yine de gezilebilir kalınabileceğini deneyen çok az insan vardı
      Aynı şey haritacılık için de geçerli; daha yavaş ilerliyor ve hâlâ 1834'ten kalmış gibi bilgi yüklü haritalar üretiyor
      Bu da pek popüler bir görüş olmayabilir ama bence oyun tasarımcıları ve oyun UI tasarımcıları, o ilk dönemin fazla abartılmış tasarımcılarından çok daha büyük ölçüde web'e ilham verdi
      O ilk tasarımcılar afiş ve basılı işlerde ne kadar iyi olursa olsun
      Bazı oyunlar arayüz sadeliğinde gerçekten öndeydi ve çok güzeldi; bu yüzden dünyanın büyük kısmı, oyuncuların ve demoscene insanlarının yıllar önce ulaştığı yere sonradan geldi denebilir
  • Kariyerime bu insanlardan öğrenerek başladım ve A List Apart gibi siteleri çok severdim
    Bir gün Zeldman, yaptığım bir WordPress eklentisi için iyileştirme isteği içeren bir e-posta gönderdiğinde, sanki bir ünlüyle karşılaşmış gibi heyecanlanmıştım; tam bir daire çizip başladığım yere dönmüşüm gibi hissettirdi

  • Zeldman 2000'lerdeki kahramanlarımdan biriydi
    Bence bu listeye Eric Meyer da eklenebilir: https://en.wikipedia.org/wiki/Eric_A._Meyer

    • Hâlâ Eric's CSS Reset 2.0 kullanıyorum
      Bundan daha sade ve daha nokta atışı bir şey bulamadım
  • Netscape Navigator 4'te iç içe tablo kullanımının en fazla 7 seviye olduğunu kaç yaşında unutabileceğimi hep merak etmişimdir

  • O dönemi çok özlüyorum
    Gerçekten mutlu, pozitif ve saf bir zamandı
    İnsanlar içtenlikle bir şeyler üretiyor, birbirlerine öğretiyor ve eğleniyordu
    Bugünlerde her şey fazla sahte ve gösteriş tarafından yönlendiriliyormuş gibi geliyor
    Bu insanların kitaplarını okuyup Designer's Talk gibi forumları durmadan yenileyerek HTML + CSS öğrendiğimi asla unutmayacağım