Para Guru Desain Web Era 90-an: Zeldman, Siegel, Nielsen
(cybercultural.com)- Pada 1997, desain web berada di masa ketika eksperimen visual, standar, dan kegunaan saling berbenturan seiring naiknya Flash dan CSS; Zeldman, Siegel, dan Nielsen masing-masing mewakili solusi yang berbeda
- David Siegel aktif memanfaatkan peretasan HTML untuk melampaui keterbatasan ekspresi sebelum CSS dan Flash, termasuk tabel tak terlihat, GIF 1 piksel, dan optimasi untuk browser tertentu
- Jakob Nielsen melihat bahwa agar situs web menjadi “alat bisnis yang serius”, diperlukan HTML semantik dan aksesibilitas di berbagai browser; ia menerima CSS sebagai solusi untuk memisahkan konten dan presentasi
- Jeffrey Zeldman mendukung CSS, tetapi memilih kompromi praktis dengan memanfaatkan alat seperti Shockwave dan Flash, mengejar ekspresi estetis sekaligus kepatuhan pada standar
- Meski jalan ketiganya kemudian berpisah, perdebatan pada 1997 menunjukkan keseimbangan seperti apa yang perlu dicari desain web di antara dekorasi, kompatibilitas, dan kegunaan
Tiga Arus yang Membelah Desain Web pada 1997
- Tahun 1997 adalah masa ketika desain web berubah cepat seiring naiknya Flash dan CSS secara bersamaan
- David Siegel membela cara menggunakan HTML secara tidak langsung demi tingkat penyelesaian visual yang tinggi
- Jakob Nielsen melihat kesederhanaan, aksesibilitas, dan struktur semantik sebagai prinsip inti web
- Jeffrey Zeldman berada di antara dua arus itu, mengejar kepekaan visual sekaligus kegunaan
Jeffrey Zeldman: Pragmatisme di Antara Grafis dan Standar
- Pada awal 1997, Zeldman berusia 42 tahun; ia beralih ke desain web setelah sebelumnya menjadi calon novelis, jurnalis, musisi tur, dan bekerja di periklanan
- Ia menilai latihan “menyampaikan pesan secara instan” yang ia pelajari dari periklanan berguna untuk web, dan membuat situs web pertamanya pada 1995
- Pada akhir 1996, di situs web pribadinya ia menulis bahwa “teks hyperlink menciptakan web, dan grafis mengubahnya menjadi taman bermain konsumen”
- Saat itu web sangat dibatasi oleh ukuran file dan jumlah penggunaan gambar, dan Zeldman menyarankan agar gambar digunakan sesedikit mungkin serta ukuran file diperkecil
- Halaman web dibuat dengan menulis HTML di editor teks biasa pada Macintosh dan membuat grafis dengan Photoshop
- Meski menekankan dasar-dasar HTML, ia juga menganjurkan penggunaan
File: View Sourceuntuk mempelajari karya desainer lain
David Siegel: “HTML terrorist” dan Kendali Visual
- Pada masa awalnya sebagai desainer web, Zeldman sangat dipengaruhi oleh Creating Killer Web Sites: The Art of Third-Generation Site Design karya David Siegel
- Edisi 1996 buku ini terbit sebelum CSS atau Flash benar-benar berkembang, sehingga membela peretasan HTML untuk membuat situs web yang lebih menarik
- Teknik intinya adalah mengendalikan tata letak dengan tabel tak terlihat dan GIF 1 piksel
- Edisi 1996 memiliki bab “A PDF Primer”, tetapi tidak menyebut CSS
- Pada edisi kedua tahun 1997, bab PDF dihapus dan “A CSS Primer” baru dimasukkan
- Pada awal 1997, Siegel berusia sekitar 37 tahun dan merupakan desainer berlatar tipografi digital
- Ia mengatakan akan menggunakan segala cara yang diperlukan untuk mewujudkan tipografi yang baik dan komunikasi yang jelas di web, dan berfokus pada Netscape Navigator
- Ia berkata “tidak akan membuat halaman yang dioptimalkan untuk semua browser”, dan sikap ini sejalan dengan tren situs web yang hanya tampil benar pada browser tertentu
Jakob Nielsen: Kegunaan dan Struktur Web Semantik
- Pada 1997, Jakob Nielsen berusia 39 tahun dan menyebut dirinya “usability guru”
- Ia menetapkan tujuan untuk menyingkirkan gaya permukaan yang dangkal dari web dan menjadikan situs web sebagai alat bisnis yang serius
- Ia dengan kuat membela desain yang dapat diakses di semua browser utama, dan menganjurkan pengodean semantik untuk memisahkan konten dan presentasi
- Pada awalnya, ia berfokus pada kepatuhan terhadap struktur yang didefinisikan dalam spesifikasi HTML
- Misalnya, untuk header digunakan struktur seperti H1 dan H2, bukan cara presentasi seperti “Garamond tebal 18 piksel”
- Posisinya adalah tiap browser harus menentukan bagaimana header ditampilkan kepada pengguna
- Ia segera mendukung CSS, dan pada akhir 1996, meski CSS belum banyak digunakan, ia melihatnya sebagai satu-satunya solusi untuk mewujudkan presentasi yang baik di tengah bertambahnya browser dan perangkat tampilan
Keterbatasan Dukungan CSS dan Perang Browser
- Pada awal 1997, dukungan CSS di dua browser utama masih belum lengkap
- Internet Explorer 3.0 paling mendekati dukungan terhadap standar CSS W3C, tetapi memiliki banyak bug dan kurang konsisten
- Netscape 3.0 memiliki dukungan CSS yang lemah, dan berusaha menjadikan JavaScript-Based Style Sheets (JSSS), metode styling berbasis JavaScript, sebagai alternatif CSS
- JSSS pada akhirnya tidak menyebar luas, tetapi berperan memperlambat dukungan Netscape terhadap stylesheet sebagai standar web awal
- Seiring berjalannya 1997, jurang antara pendekatan Siegel yang berpusat pada estetika dan pendekatan semantik Nielsen makin melebar
Kebangkitan Flash dan Kontrasnya dengan CSS
- Zeldman kemudian berbalik dari Flash, tetapi ketika Flash mulai populer pada 1997, ia dipandang sebagai alat animasi yang akan membawa multimedia web ke tahap berikutnya
- Pada Mei 1997, Macromedia merilis Flash 2, memperkenalkannya sebagai alat untuk membuat dan menganimasikan grafis berbasis vektor yang independen dari resolusi tanpa pemrograman
- Kekuatan Flash berkontras dengan kelemahan CSS pada saat itu
- Lebih mudah dipelajari daripada CSS
- Secara visual dapat melakukan jauh lebih banyak hal daripada CSS saat itu
- Berjalan sebagai plugin browser tanpa bergantung pada implementasi perusahaan browser
- Dapat dimanfaatkan jika pengguna mengunduh plugin secara massal
- Dalam edisi kedua Creating Killer Web Sites yang terbit pada September 1997, Siegel melihat Flash sebagai pilihan terbaik untuk membawa grafis vektor ke arus utama web
- Dalam buku yang sama ia juga baru membahas bab CSS, tetapi menilai bahwa pada Agustus 1997 browser belum mampu mewujudkan janji stylesheet dengan baik
- Nielsen dengan cepat menolak Flash, dan beberapa tahun kemudian menulis bahwa Flash “99% bad” dan hampir selalu merupakan “penyakit kegunaan”
- Siegel juga mengkhawatirkan fakta bahwa Flash adalah alat proprietari yang dimiliki dan dikendalikan Macromedia
- Perangkat lunak Flash bukan open source
- Format file
.flaadalah format proprietari - Hasil akhirnya tidak mengikuti standar web
Perjalanan Ketiga Tokoh Setelahnya
- Ketiganya sama-sama berusaha mendorong profesi desain web awal ke depan, dan karena perubahan platform web pada 1997, desain web mau tidak mau bersifat eksperimental
- Useit milik Nielsen mempertahankan desain minimal tanpa dekorasi, dan pada era Web 2.0 terlihat sebagai situs yang ketinggalan zaman bagi banyak praktisi desain web
- Useit dipertahankan beberapa tahun lagi sebelum digabungkan ke situs web NNGroup pada akhir 2012
- Pada 2025, Nielsen menulis tentang AI di Substack
- Siegel memiliki latar belakang desain paling profesional di antara ketiganya, dengan gelar master dalam tipografi digital dan pengalaman di Pixar
- Setelah dua edisi Killer Web Sites pada 1996–1997, ia bergeser dari desain web ke bisnis web
- Ia kemudian mempromosikan Pull: The Power of the Semantic Web to Transform Your Business, dan juga tertarik pada blockchain
- Situs webnya saat ini, cuttingthroughthenoise.net, menunjukkan berbagai bisnis dan minat pribadinya
- Zeldman tetap menjadi desainer web
- Sejak 2019, ia bekerja sebagai Executive Creative Director di Automattic, pembuat WordPress, Tumblr, dan lainnya
- Ia terus menulis blog tentang desain web di zeldman.com
- Sejak Februari 2019 ia menggunakan tema WordPress bawaan, dan pada 2025 menyatakan sedang menyiapkan desain ulang situs
- Pendekatan Zeldman adalah menggabungkan standar web dan kepekaan desain, dan di antara situs web ketiga guru pada 1997, situsnya saat itu dinilai paling menarik dan eksotis
1 komentar
Komentar Hacker News
Tulisan ini menempatkan Nielsen di sisi yang “secara teknis benar”, tetapi setidaknya bagi saya, pengaruh Nielsen adalah membuat saya sangat berfokus pada hal-hal yang benar secara empiris
Caranya adalah menguji pada orang sungguhan apa yang efektif untuk menyampaikan informasi, dan “tampilan bagus” sering kali dikorbankan
Jadi hasil karyanya tampak “sangat ketinggalan zaman”, tetapi menurut saya dalam pertarungan itu ia berada di pihak yang benar
Ada banyak situs yang percaya bahwa menampilkan layar splash Flash sebelum masuk ke situs adalah ide bagus, dan para desainer seolah-olah punya dendam terhadap teks yang cukup besar untuk dibaca orang biasa
Saat itu saya merasa baik desainer, orang HCI klasik, maupun programmer tidak benar-benar memahami web, dan Nielsen setidaknya memang berfokus pada web
Namun ia terpaku pada ekspektasi pengguna awal terhadap medium yang sepenuhnya baru, tanpa melihat bahwa karena masih sangat awal, medium itu pasti akan berevolusi
Ia mengatakan hal-hal seperti “hyperlink harus selalu bergaris bawah biru”, tetapi menurut saya pada saat itu adopsi web masih terlalu awal untuk menerapkan aturan kaku seperti itu
Berkat itu saya jadi sangat menghargai usability, dan para desainer membenci Nielsen
Sejak itu saya terus menerapkannya pada semua desain dan redesign
UseIt.com lama https://web.archive.org/web/19990125092506/http://useit.com/ sepertinya akan selamanya menempati ruang gratis di kepala saya
https://www.nngroup.com/articles/why-you-only-need-to-test-w...
Saya menyukai A List Apart milik Zeldman, tetapi saat kami semua masih pertengahan 20-an, saya tidak tahu ia setua itu
Saya kira kami segenerasi :D
Nielsen, terus terang, bisa saja tidak ada; mungkin ia membantu jutaan orang memakai situs yang lebih mudah digunakan, tetapi ia terlalu kaku dan membosankan
Pendekatan preskriptif seperti “homepage harus punya tautan seperti ini” terasa menjengkelkan, dan seingat saya Philip Greenspun pernah menusuknya dengan tepat
Orang menginginkan jawaban dan arahan, serta siap membayar mahal untuk itu, dan ia sebagai konsultan memang melakukan konsultasi, jadi saya paham mengapa ia begitu
Di dunia yang berubah cepat, jawaban punya masa kedaluwarsa yang pendek, jadi mungkin ia sudah tahu bahwa panduannya makin usang dan karena itu sudah lama menurunkan situsnya
Meski begitu, itu masa yang menyenangkan, sungguh era yang bagus
Bukan hanya soal memasukkan semuanya dalam satu halaman, tetapi juga soal menaruh semuanya di atas garis lipatan, karena jika dilihat sekarang, secara mengejutkan banyak pengguna saat itu tidak menggulir ke bawah
Orang tidak tahu bahwa mereka bisa scroll, dan eksperimen kemudian mengamati titik peralihan ketika scroll menjadi hal biasa
Lingkungan tempat situs harus bekerja benar-benar berbeda, bukan hanya secara teknis tetapi juga secara sosial, jadi wajar jika detail-detail seperti itu tidak terbawa begitu saja hingga hari ini
Saat itu saya masih SMA, tetapi saya senang mengikuti Dave Shea, Andy Budd, Doug Bowman, Shaun Inman, Mike Davidson, dan banyak orang lain yang kini sudah saya lupakan
Dalam salah satu edisi buku “Killer”, Siegel mengusulkan agar situs punya “portal masuk” 2–3 tahap, dan Greenspun menganggap itu bodoh
Saya cukup menghargai pendekatan Nielsen
Jika web kembali ke usability, hasilnya bisa jauh lebih baik
Kita sudah berusaha keras menciptakan kembali banyak hal yang dulu diberikan Flash, tetapi apakah kita benar-benar ingin foto dan blok teks beterbangan saat scroll?
Pertama kali terlihat keren, tetapi setelah itu bagaimana? Apakah ada orang yang berkata, “Informasi situs ini bagus, tapi saya berharap ia melompat-lompat di layar seperti Jack Russell terrier”
Selain itu, di layar beranda ada artikel yang besok genap berusia 1 tahun tetapi diberi tag “new”
Sepertinya zaman sudah berubah
Dibanding selera saya dan realitas pengujian yang saya jalankan setiap hari, ia terlalu kaku dan terlalu rewel
Saya baru sadar bahwa Jeffrey Zeldman berusia 42 tahun pada awal 1997
Pada awal 2000-an, saya selalu mengira ia hanya beberapa tahun lebih tua dari kami
Melihat “View Source” di situs web mereka adalah waktu belajar yang digunakan dengan baik
Saya juga teringat lelucon peringatan: di beberapa wilayah, “View Source” mungkin ilegal, jadi gunakan dengan pertimbangan sendiri
Saya memulai karier pada awal 2000-an, dan pada masa ketika desain serta karya Flash saya ada di internet, Zeldman, Siegel, dan banyak orang lain adalah pahlawan, sementara Nielsen adalah penjahat
Sekitar pertengahan 2000-an, saya banyak mengerjakan aksesibilitas, kepatuhan HIPAA, dan hal-hal semacamnya secara mendalam untuk rumah sakit dan dokter, dan pada saat itu orang-orang seperti Nielsen menjadi pahlawan :-)
Saya merindukan masa-masa awal ketika kita bisa melihat bagaimana sesuatu yang keren di sebuah halaman bekerja hanya dengan View Source
Sekarang hampir tidak ada lagi yang keren, dan kalaupun ada, kita memang bisa menguliknya lewat inspector, tetapi biasanya terkubur jauh di dalam JavaScript yang sudah diobfuscate sehingga besar kemungkinan tidak bisa diuraikan
Itu salah satu pengalaman melihat source terbaik yang saya alami dalam beberapa tahun terakhir: https://github.com/BenjaminAster/CSS-Minecraft/tree/main
CSS modern luar biasa kaya
Buku lain yang penting bagi saya adalah Web Pages That Suck
Buku itu sebenarnya cukup banyak mengkritik Creating Killer Web Sites, dan waktu itu ada banyak orang yang tinggi gengsinya
Saya belajar cukup banyak dari buku itu, dan Flanders mungkin masih punya situs sampai sekarang
Saya dulu ada di mailing list-nya, tetapi kira-kira 10 tahun terakhir tidak mendengar kabar apa pun
Sekarang semuanya terlalu teroptimasi dan efisien, jadi saya jadi merindukan masa ketika halaman web kadang berantakan
Walau sulit dipakai, setidaknya ada kepribadiannya
Mirip dengan mobil: menyenangkan melihat mobil yang sangat tua di museum sambil bertanya-tanya apa fungsi pedal dan tuas itu, tetapi juga merasa lega karena tidak perlu mengendarainya sendiri
mystery meat navigation yang dikritik Flanders dengan tepat punya pengaruh sangat besar pada saya, dan masih terngiang di kepala ketika memikirkan masalah usability
Saya masih punya Creating Killer Web Sites di rak buku
Itu hanya buku yang saya beli cepat-cepat, dan sama sekali tidak terpikir akan menjadi klasik
Meski begitu, melihat situs web yang didesain dengan cara yang ditunjukkan buku itu memang pengalaman hebat, tetapi menurut saya tidak praktis
Di mata saya, itu lebih mirip mereplikasi media cetak apa adanya
Kalau Anda ingat bagaimana ColdFusion atau Dreamweaver bekerja saat itu, ada bagian-bagian yang jelas dipinjam dari perangkat lunak DTP seperti QuarkXPress
Menyenangkan mengenang masa itu, tetapi pada akhirnya saya tidak mengambil jalur desain situs
Setelah cukup lama mengerjakan situs web serta desain cetak dan web dengan segala macam teknologi yang bisa dibayangkan, dari skrip REX BBS sampai ES6, SVG, dan WebGL masa kini, saya berani mengatakan bahwa orang-orang ini sama sekali tidak tahu apa yang mereka lakukan di web
Mereka mungkin desainer terbaik di ranah cetak, dan itu patut dipuji, tetapi web bukan barang cetakan
Mereka tidak memahami medium baru ini, layar, dan fakta bahwa semua informasi tidak perlu dimasukkan ke halaman yang sama
Mungkin baru sekitar 2010, setelah semuanya mulai kembali datar dan sederhana, orang mulai membuat desain web yang masuk akal
Pada 2005 pun usability masih konsep baru, dan antarmuka K-12 Apple juga tidak banyak membantu
Tentu saja beberapa keputusan desain di System OS cukup masuk akal, tetapi itu bukan web
Sebagian besar yang diajarkan buku-buku seperti ini adalah cara menempelkan pendekatan ala Illustrator, CorelDRAW, dan Quark ke atas halaman web
Terlalu sedikit orang yang bereksperimen dengan seberapa sedikit hal yang bisa ditampilkan dengan widget yang sudah tersedia seperti halaman dan tombol, sambil tetap membuatnya bisa dinavigasi
Ini juga berlaku untuk kartografi, yang bergerak lebih lambat dan masih membuat peta yang kelebihan informasi seperti tahun 1834
Ini mungkin pernyataan yang sangat tidak populer, tetapi menurut saya desainer game dan desainer UI game memberi inspirasi yang jauh lebih besar bagi web daripada para desainer awal yang terlalu dipuja itu
Sekalipun para desainer awal itu hebat dalam poster dan materi cetak
Beberapa game benar-benar lebih maju dalam kesederhanaan antarmuka dan indah, sehingga bisa dibilang sebagian besar dunia baru belakangan tiba di tempat yang sudah dicapai para gamer dan orang-orang demoscene beberapa tahun sebelumnya
Saya memulai karier dengan belajar dari orang-orang ini, dan menyukai situs seperti A List Apart
Suatu hari ketika Zeldman mengirimi saya email berisi permintaan perbaikan untuk plugin WordPress yang saya buat, saya merasa seperti bertemu selebritas, dan rasanya seperti lingkaran yang kembali ke titik awal
Zeldman adalah salah satu pahlawan saya di era 2000-an
Menurut saya Eric Meyer juga bisa masuk daftar: https://en.wikipedia.org/wiki/Eric_A._Meyer
Saya belum menemukan yang sesederhana dan setepat sasaran itu
Saya selalu bertanya-tanya, kira-kira pada usia berapa saya bisa melupakan bahwa di Netscape Navigator 4, table nesting hanya bisa sampai 7 tingkat
Saya sangat merindukan era itu
Benar-benar masa yang bahagia, positif, dan murni
Orang-orang dengan tulus membuat sesuatu, saling mengajari, dan bersenang-senang
Sekarang semuanya terasa terlalu palsu dan digerakkan oleh kesombongan
Saya tidak akan pernah melupakan bagaimana saya belajar HTML + CSS dengan membaca buku-buku orang-orang ini dan terus me-refresh forum seperti Designer's Talk