Para guru desain web era 90-an: Zeldman, Siegel, Nielsen

• Setelah kemunculan Flash dan CSS, sekitar tahun 1997 lahir tiga filosofi utama dalam bidang desain web
• David Siegel menekankan estetika visual lewat “hacking”, Jakob Nielsen menekankan kesederhanaan dan aksesibilitas, dan Jeffrey Zeldman menekankan keseimbangan antara desain dan usability
• Pada masa itu, kendala teknis seperti kompatibilitas browser dan kurangnya dukungan CSS sangat serius, sementara Flash mendapat perhatian sebagai pengalaman multimedia baru
• Ketiga guru tersebut sama-sama berkontribusi pada perkembangan desain web dengan cara yang berbeda, dan seiring waktu pengaruh arah Zeldman yang menekankan harmoni antara standar dan estetika semakin besar
• Saat ini Zeldman aktif sebagai pemimpin di Automattic dan sedang menyiapkan desain ulang baru untuk situsnya

---

Gambaran umum

Tulisan ini membahas filosofi dan pengaruh tiga guru yang mewakili bidang desain web pada akhir 1990-an: Jeffrey Zeldman, David Siegel, dan Jakob Nielsen. Di masa transisi ketika teknologi baru seperti Flash dan CSS mulai diperkenalkan dan standar web belum mapan, artikel ini menyoroti arah desain yang mereka tawarkan serta aktivitas mereka saat ini.

Latar belakang dan keterbatasan desain web era 90-an

• Sekitar tahun 1997, teknologi web baru berupa Flash dan CSS mulai menonjol
• Zeldman awalnya meniti karier yang beragam sebagai novelis, jurnalis, musisi, dan pekerja periklanan sebelum masuk ke web pada 1995
• Saat itu web dianggap sebagai “taman bermain konsumen”, tetapi keterbatasan teknis dan batas performa browser sangat serius
  • Disarankan untuk meminimalkan penggunaan gambar dan menjaga ukuran file tetap kecil
• Zeldman membuat HTML dan grafis menggunakan text editor dan Photoshop, serta menganjurkan untuk tetap memegang dasar-dasar HTML sambil belajar langsung dari source code desainer lain

Filosofi desain tiga guru

David Siegel: filosofi estetika dan “hacking”

• Dalam bukunya tahun 1996, ‘Creating Killer Web Sites’, Siegel mendorong penggunaan teknik hacking HTML untuk menciptakan layout indah pada masa sebelum ada CSS dan Flash
  • Ia aktif memanfaatkan tabel tak terlihat, GIF satu piksel, dan teknik lain untuk mengontrol layout
• Tujuannya adalah mencapai tipografi yang sempurna dan daya penyampaian visual dengan segala cara yang diperlukan
• Alih-alih menekankan kompatibilitas antar-browser, ia mengejar strategi optimasi yang disesuaikan hanya untuk browser tertentu seperti Netscape Navigator
• Ia menyebut dirinya “teroris HTML” dan menempatkan kesempurnaan estetika di atas standar web

Jakob Nielsen: menekankan usability dan standar web

• Nielsen memperoleh ketenaran luas sebagai guru usability dengan sudut pandang “kepraktisan daripada gaya berlebihan”
• Ia menekankan penerapan desain yang aksesibel di semua browser utama, serta mendukung pemisahan struktur dan presentasi, yaitu semantic encoding dan standar web
  • Ia mendorong penggunaan struktur semantik HTML dan sejak awal menilai positif adopsi CSS
• Sambil menaruh harapan pada masa depan CSS, ia juga menunjukkan bahwa saat itu dukungannya masih kurang dan masalah kompatibilitas antar-browser belum terselesaikan

Jeffrey Zeldman: keseimbangan antara estetika dan standar web

• Zeldman secara aktif menerima standar web seperti CSS, tetapi bila perlu juga memanfaatkan alat “non-standar” seperti Flash dan Shockwave, sehingga mempertahankan posisi pragmatis
• Ia secara konsisten memegang pandangan bahwa “desain web harus mementingkan baik estetika maupun aksesibilitas web”
• Bahkan pada 2002, ia menekankan bahwa gambar, layout berbasis tabel, stylesheet, JavaScript, serta teknologi server/client semuanya dapat selaras dengan aksesibilitas web

Flash vs CSS

• Flash mudah dipelajari dan mendukung kebebasan visual serta fitur media yang saat itu belum dapat disediakan CSS
• Browser (terutama Netscape dan IE) belum mendukung standar CSS dengan baik, tetapi Flash dapat memberikan pengalaman yang sama di browser mana pun selama plug-in khusus terpasang
• Siegel cepat menerima Flash, tetapi mengakui keterbatasannya seperti tidak adanya standar yang utuh dan struktur file yang proprietari
• Sebaliknya, Nielsen mengkritik keras sifat non-standar Flash (menggabungkan presentasi dan konten) dan menilainya sebagai ‘99% bad’, yakni “bencana usability”
• Pada akhirnya, baik CSS maupun Flash sama-sama membuka jalan bagi perluasan daya ekspresi web, tetapi CSS sebagai standar web terbuka pada akhirnya menjadi arus utama dalam jangka panjang

Langkah mereka setelahnya

• Nielsen tetap berpegang pada prinsip usability, mempertahankan minimalisme situs Useit, dan bahkan setelah integrasi situs pada 2012 tetap melanjutkan riset tentang ICT dan AI
• Siegel beralih dari teoritikus desain web ke berbagai bidang seperti bisnis digital, semantic web, dan blockchain, sehingga memperluas area aktivitasnya
• Zeldman saat ini menjabat sebagai Executive Creative Director di Automattic (WordPress, Tumblr, dll.) dan masih aktif membagikan filosofi desain di blog pribadinya sambil menyiapkan redesign situsnya

Kesimpulan

• Tiga tokoh yang mewakili desain web era 90-an berkontribusi pada perkembangan web melalui filosofi yang berbeda-beda
• Setelah melewati masa transisi ketika teknologi, standar, dan eksperimen estetika bercampur, pada akhirnya perpaduan antara standar web dan sensibilitas desain menjadi arus utama web saat ini
• Pendekatan Zeldman yang pragmatis namun seimbang terus memberi pengaruh pada para desainer web

[GN⁺]

Komentar Hacker News

• Tulisan ini memperlakukan Nielsen seolah hanya benar secara "teknis", tetapi setidaknya bagiku penting untuk menekankan bahwa dia adalah sosok yang membuatku fokus pada apakah sesuatu itu "benar secara empiris". Pengaruh terbesar datang dari riset yang menguji pengguna nyata untuk menemukan cara paling efektif dalam menyampaikan informasi. Jadi meskipun hasil akhirnya terlihat cukup kuno, aku percaya arahnya pada dasarnya benar
  • Aku lebih menghormati garis keturunan human-computer interaction (HCI) tempat Nielsen berada daripada Nielsen sebagai pribadi. Saat itu adalah masa ketika baik desainer, pakar HCI tradisional, maupun developer sama-sama belum benar-benar memahami web. Nielsen setidaknya berfokus pada web, tetapi masalahnya adalah dia terlalu terpaku pada ekspektasi pengguna yang sudah ada terhadap medium baru ini. Menurutku latar belakang pernyataan seperti "hyperlink harus selalu berwarna biru dan bergaris bawah" adalah kegagalan melihat bahwa pada titik itu web masih berada di tahap awal evolusinya, bukan karena pengguna menginginkan stabilitas seperti itu. Terlihat seperti upaya menerapkan aturan yang terlalu kaku terlalu cepat
  • Pada masa itu, rasanya Nielsen adalah salah satu dari sedikit orang yang benar-benar fokus pada kebutuhan pengguna. Banyak situs menganggap layar intro berbasis Flash sebagai ide bagus, dan para desainer umumnya tidak menyukai ukuran huruf yang mudah dibaca
  • Selama bertahun-tahun aku mengikuti berbagai kursus dari NNG Group. Aku belajar dari Nielsen dan Tog, dan (setahuku Don Norman tidak mengajar kelas) itu menjadi momen yang membuatku sangat menghargai usability. Para desainer benar-benar membenci Nielsen
  • Aku tidak menyangka Discount Usability Engineering akan berguna, tetapi ketika benar-benar mencobanya aku sangat terkejut dengan hasilnya, dan sejak itu terus memakainya di setiap desain/redesain. Aku ingin berterima kasih kepada Mr. Nielsen. Tautan UseIt.com lama (arsip) selalu tertinggal di kepalaku
  • Penilaiannya bisa berbeda tergantung bagaimana kita mendefinisikan "pertarungan". Pada masa Nielsen, ada dua hal yang sedang terjadi. 1) tindakan artistik membuat sudut kecil yang menyenangkan dan aneh untuk diri sendiri yang tidak akan dilihat siapa pun, 2) para entrepreneur yang membuat webapp sungguhan untuk klien. Prinsip Nielsen sangat bagus untuk yang kedua, tetapi bencana untuk yang pertama. Karena web modern kehilangan semua pesonanya demi pendapatan dan efisiensi, sejarah pada akhirnya mencatat Nielsen dengan lebih ramah
• Aku sangat menyukai A List Apart milik Zeldman. Saat itu kami semua masih berusia pertengahan 20-an dan aku tidak tahu usianya, jadi kukira dia seumuran :D. Nielsen jujur saja tidak terlalu mengena bagiku. Tentu dia membantu jutaan orang agar bisa menggunakan sesuatu dengan lebih mudah, tetapi pendekatannya terlalu kaku dan membosankan. Aku terutama tidak suka sikapnya yang terlalu preskriptif, seperti harus ada tautan tertentu di homepage. Aku juga ingat Philip Greenspun pernah mengkritiknya. Semua orang menginginkan jawaban yang jelas, dan siap membayar untuk itu, jadi sepertinya itulah yang membuat konsultasinya berhasil. Di dunia yang berubah cepat, jawaban seperti itu juga cepat kedaluwarsa. Mungkin karena itu pula dia menurunkan situsnya sejak lama. Sepertinya dia sadar bahwa peta itu sudah usang dan tidak lagi cocok dengan zamannya. Meski begitu, itu benar-benar masa yang keren
  • Pengguna pada masa itu juga berbeda dengan sekarang. Alasan semua konten ditaruh di satu halaman, bahkan pada area "above the fold", adalah karena banyak pengguna tidak tahu cara scroll. Baru setelah itu scroll menjadi standar. Lingkungan situsnya sendiri secara teknis dan sosial benar-benar berbeda. Sangat wajar kalau detail-detail seperti itu tidak bertahan sampai hari ini
  • Dunia blog CSS/desain pada awal 2000-an benar-benar tempat yang menarik. Waktu masih SMA, menyenangkan sekali mengikuti Dave Shea, Andy Budd, Doug Bowman, Shaun Inman, Mike Davidson, dan banyak orang lain
  • Dahulu aku menjalankan layanan usability testing, dan aku juga punya kesan yang sama tentang Nielsen: terlalu kaku dan terobsesi pada detail-detail kecil. Rasanya jauh dari realitas pengujian nyata yang aku jalankan setiap hari
  • Seingatku Greenspun lebih menyindir Siegel. Dalam buku 'Killer'-nya, Siegel menekankan portal masuk 2-3 tahap, dan Greenspun menganggap itu konyol. Aku menilai pendekatan Nielsen cukup positif. Menurutku tidak ada salahnya jika web kembali ke masa ketika "usability" lebih dihargai. Sekarang kita menghabiskan upaya luar biasa untuk meniru lagi fitur-fitur era Flash, tetapi aku ragu orang benar-benar ingin teks dan foto memantul-mantul di layar saat scroll. Awalnya memang terasa keren, tetapi setelah itu justru mengganggu. Sepertinya tidak ada orang yang berkata, "Informasi di situs ini benar-benar luar biasa, andai saja tampilannya lebih melompat-lompat di layar seperti anak anjing"
  • Aku baru berkunjung lagi ke A List Apart setelah lama, dan tampilannya benar-benar berbeda. Dan ada postingan setahun lalu yang masih ditandai sebagai 'New' di homepage. Zaman tampaknya benar-benar telah berubah
• Baru sekarang kusadari fakta "Jeffrey Zeldman — 42 tahun pada awal 1997". Pada awal 2000-an aku mengira dia cuma beberapa tahun lebih tua dari kami. Menurutku melihat "View Source" pada homepage mereka benar-benar waktu belajar yang sesungguhnya. Sebagai catatan, di beberapa negara tindakan "View Source" mungkin ilegal, jadi hati-hati masing-masing. Aku memulai karier pada awal 2000-an dan juga banyak memajang karya Flash-ku, dan Zeldman serta Siegel adalah pahlawanku. Nielsen adalah musuhku. Namun sekitar pertengahan 2000-an, saat aku mengerjakan proyek rumah sakit atau klinik dan berurusan dengan aksesibilitas, HIPAA, dan isu-isu semacam itu, Nielsen akhirnya juga menjadi pahlawanku :-)
  • Sebenarnya saat itu pun dia memang hanya beberapa tahun lebih tua dari kita
  • Jadi penasaran, di mana "View Source" itu ilegal?
• Aku rindu masa ketika kita bisa dengan mudah mengecek bagaimana efek keren dibuat hanya dengan "View Source". Sekarang hampir tidak ada lagi yang menonjol, dan kalaupun ada, kita harus mengorek dengan inspector lalu menemukannya tersembunyi di dalam JS terobfusikasi berlapis-lapis sehingga nyaris mustahil dianalisis
  • Penasaran apakah kamu pernah membedah proyek Minecraft berbasis CSS ini. (CSS-Minecraft GitHub) Itu benar-benar pengalaman "View Source" terbaik yang pernah kurasakan setelah sekian lama
  • Menjelajahi HTML/CSS dari situs yang dibuat secara kreatif, bukan mesin JS, tetap menyenangkan. CSS modern benar-benar kaya
• Bagiku buku <i>Web Pages That Suck</i> juga bermakna besar. Buku ini juga menyindir <i>Creating Killer Web Sites</i>. Saat itu ada pertarungan ego yang besar. Mungkin Flanders masih menjalankan situsnya sampai sekarang. Aku juga pernah berlangganan mailing list-nya, tetapi sudah lebih dari 10 tahun tidak ada kabar
  • Aku juga sangat menyukai situs itu. Sekarang semuanya terlalu dioptimalkan, jadi kadang justru merindukan halaman web lama yang kasar. Meski usability-nya buruk, tiap situs jelas punya karakter yang berbeda. Rasanya mirip kesenangan melihat mobil klasik tua di museum dan membayangkan tuas-tuas rapat serta pedal-pedal itu sebenarnya untuk apa. Aku tidak ingin benar-benar mengendarainya, tetapi melihatnya itu menyenangkan
  • Buku itu juga sangat berarti bagiku, dan menjadi titik awal karierku sekarang. 'mystery meat navigation' yang dikritik Flanders (bentuk menu yang tidak jelas fungsinya) sangat memengaruhiku, dan sampai sekarang aku masih memikirkannya setiap kali memikirkan masalah usability
• Aku sangat merindukan era ini. Itu benar-benar masa yang bahagia, positif, dan polos. Semua orang sungguh-sungguh membuat sesuatu dan saling mengajari. Sekarang semuanya terasa artifisial dan penuh kesia-siaan. Aku tidak akan pernah melupakan masa saat belajar HTML+CSS, membaca buku-buku mereka, dan terus me-refresh forum seperti Designer's Talk
• Situs web sekarang terlalu banyak yang meminta langganan atau feedback lewat segala macam popup, dan isinya meloncat-loncat naik turun setiap kali JavaScript dan iklan dimuat, sehingga susah dibaca. Rasanya web telah mengalami kemunduran besar dalam beberapa tahun terakhir. Sekarang bahkan sepertinya tidak ada lagi orang yang membahasnya secara kritis
• Di rak bukuku masih ada "Creating Killer Websites". Itu buku yang kubeli cepat-cepat, tetapi aku tidak menyangka akan menjadi klasik. Pengalaman melihat situs sungguhan dengan desain seperti yang ada di buku itu sangat berkesan. Namun menurutku itu tidak praktis. Pada akhirnya terasa seperti salinan media cetak. Dulu alat seperti Coldfusion atau Dreamweaver hampir terasa seperti QuarkXpress (software DTP). Aku memang merindukan masa itu, tetapi pada akhirnya aku tidak masuk ke jalur desain situs
  • Mungkin ini unpopular opinion, tetapi aku juga bisa menertawakannya dengan cara yang mirip. Dari sudut pandang seseorang yang sudah mengalami hampir semua spektrum desain web/cetak, dari script BBS sampai ES6, SVG, dan WebGL, menurutku tokoh-tokoh utama saat itu sebenarnya tidak tahu apa yang mereka lakukan di web. Mereka hebat di dunia cetak, tetapi web berbeda dari cetak. Pada medium baru berupa layar, tidak perlu menaruh semua informasi di halaman yang sama. Rasanya baru sekitar 2010 desain web yang masuk akal mulai muncul lagi. Bahkan pada 2005 usability masih merupakan konsep baru, dan UI K-12 Apple juga tidak banyak membantu. Hal yang diajarkan buku-buku itu lebih dekat ke cara menempelkan desain poster cetak ke web, dan kurang bereksperimen dengan interaksi khas web seperti widget atau tombol. Kartografi juga lambat berevolusi. Secara pribadi, menurutku para desainer game dan UI game sudah menampilkan antarmuka yang jauh lebih inovatif dan modern sejak awal. Dalam banyak kasus, game atau demoscene justru lebih maju dari zamannya
• Pada 2000-an, Zeldman adalah pahlawanku. Menurutku Eric Meyer(Wikipedia) juga seharusnya ada dalam daftar ini
  • Aku masih memakai CSS Reset 2.0 milik Eric sampai sekarang. Aku belum pernah melihat sesuatu yang sesingkat dan seintuitif itu
• Aku penasaran apakah nanti akan datang usia saat aku akhirnya bisa melupakan fakta bahwa di Netscape Navigator 4, tabel hanya bisa dinest hingga 7 tingkat