90 के दशक के वेब डिज़ाइन के गुरु: Zeldman, Siegel, Nielsen
(cybercultural.com)- 1997 में वेब डिज़ाइन Flash और CSS के उभार के साथ ऐसा दौर था, जब विज़ुअल प्रयोग, standards और usability आपस में टकरा रहे थे, और Zeldman·Siegel·Nielsen इन अलग-अलग समाधानों का प्रतिनिधित्व करते थे
- David Siegel ने CSS और Flash से पहले की अभिव्यक्ति-सीमाओं से आगे बढ़ने के लिए HTML hacking का सक्रिय रूप से इस्तेमाल किया, और invisible tables, 1-pixel GIF, तथा specific browser optimization जैसी चीज़ें भी स्वीकार कीं
- Jakob Nielsen का मानना था कि अगर वेबसाइटें “गंभीर business tool” बननी हैं, तो semantic HTML और सभी browsers में accessibility ज़रूरी है, और उन्होंने CSS को content और presentation को अलग करने के समाधान के रूप में स्वीकार किया
- Jeffrey Zeldman ने CSS का समर्थन करते हुए भी Shockwave·Flash जैसे tools का उपयोग करने वाला व्यावहारिक समझौता चुना, ताकि सौंदर्यपूर्ण अभिव्यक्ति और standards compliance दोनों साथ चल सकें
- बाद में इन तीनों के रास्ते अलग हो गए, लेकिन 1997 की बहस यह दिखाती है कि वेब डिज़ाइन को सजावट, compatibility और usability के बीच किस तरह संतुलन बनाना चाहिए
1997 में वेब डिज़ाइन को बाँटने वाली तीन धाराएँ
- 1997 वेब डिज़ाइन के लिए तेज़ बदलाव का समय था, जब Flash और CSS साथ-साथ उभर रहे थे
- David Siegel ने विज़ुअल परिपूर्णता के लिए HTML का परोक्ष इस्तेमाल करने वाले तरीके का समर्थन किया
- Jakob Nielsen ने सादगी, accessibility और semantic structure को वेब के मूल सिद्धांत माना
- Jeffrey Zeldman विज़ुअल संवेदना और usability दोनों को साथ लेकर चलना चाहते थे, और इन दो धाराओं के बीच खड़े थे
Jeffrey Zeldman: ग्राफ़िक्स और standards के बीच व्यावहारिकता
- 1997 की शुरुआत में Zeldman 42 वर्ष के थे, और उपन्यासकार बनने की इच्छा, पत्रकारिता, touring musician और advertising के बाद वे वेब डिज़ाइन में आए
- उनका मानना था कि advertising में सीखी गई “तुरंत संदेश पहुँचाने” की ट्रेनिंग वेब में काम आई, और उन्होंने 1995 में अपनी पहली वेबसाइट बनाई
- 1996 के अंत में अपनी निजी वेबसाइट पर उन्होंने लिखा, “hyperlink text ने वेब बनाया, और graphics ने उसे consumer playground बना दिया”
- उस समय वेब पर file size और image usage की पाबंदियाँ बहुत थीं, और Zeldman सलाह देते थे कि images यथासंभव कम इस्तेमाल करें और file size घटाएँ
- वेबपेज Macintosh के सामान्य text editor में HTML लिखकर और Photoshop में graphics बनाकर तैयार किए जाते थे
- HTML की बुनियाद को महत्व देते हुए भी, वे यह सलाह देते थे कि दूसरे designers का काम सीखने के लिए
File: View Sourceका उपयोग करें
David Siegel: “HTML terrorist” और विज़ुअल नियंत्रण
- शुरुआती वेब डिज़ाइनर दिनों में Zeldman पर David Siegel की Creating Killer Web Sites: The Art of Third-Generation Site Design का गहरा प्रभाव पड़ा
- इस किताब का 1996 संस्करण CSS या Flash के व्यापक होने से पहले का था, इसलिए अधिक आकर्षक वेबसाइटें बनाने के लिए HTML hacking का समर्थन करता था
- invisible tables और 1-pixel GIF से layout नियंत्रित करना इसकी मुख्य तकनीक थी
- 1996 संस्करण में “A PDF Primer” अध्याय था, लेकिन CSS का उल्लेख नहीं था
- 1997 के दूसरे संस्करण में PDF अध्याय हट गया और “A CSS Primer” नया जोड़ा गया
- 1997 की शुरुआत में Siegel लगभग 37 वर्ष के थे, और उनका background digital typography में था
- उन्होंने कहा कि वेब पर अच्छी typography और स्पष्ट communication लाने के लिए वे हर ज़रूरी साधन इस्तेमाल करेंगे, और उनका ध्यान Netscape Navigator पर था
- उनका कहना था, “मैं सभी browsers के लिए optimized page नहीं बनाऊँगा,” और यह रुख उस प्रवृत्ति से जुड़ा था जिसमें वेबसाइटें सिर्फ़ कुछ खास browsers में ही सही दिखती थीं
Jakob Nielsen: usability और semantic web structure
- Jakob Nielsen 1997 में 39 वर्ष के थे, और खुद को “usability guru” कहते थे
- उनका लक्ष्य वेब से सतही चमक-दमक हटाकर वेबसाइटों को गंभीर business tool बनाना था
- उन्होंने सभी प्रमुख browsers में accessible design का ज़ोरदार समर्थन किया, और content तथा presentation को अलग करने के लिए semantic encoding की सिफारिश की
- शुरुआती दौर में उनका ध्यान HTML specification में परिभाषित structure का पालन करने पर था
- उदाहरण के लिए, header के लिए “18-pixel bold Garamond” जैसे presentation-based तरीके की जगह H1, H2 जैसी structural markup का उपयोग
- उनका मत था कि हर browser यह तय करे कि header उपयोगकर्ता को कैसे दिखेगा
- बाद में उन्होंने CSS का समर्थन किया, और 1996 के अंत में, भले CSS अभी व्यापक न हुआ हो, वे इसे browser और display device की बढ़ती विविधता में बेहतर presentation का एकमात्र समाधान मानते थे
CSS समर्थन की सीमाएँ और browser war
- 1997 की शुरुआत में दो प्रमुख browsers का CSS support अधूरा था
- Internet Explorer 3.0 W3C CSS standard support के सबसे क़रीब था, लेकिन उसमें bugs बहुत थे और consistency कम थी
- Netscape 3.0 का CSS support कमज़ोर था, और उसने JavaScript-Based Style Sheets (JSSS) नाम की JavaScript आधारित styling पद्धति को CSS के विकल्प के रूप में आगे बढ़ाने की कोशिश की
- JSSS अंततः व्यापक नहीं हुआ, लेकिन उसने Netscape की शुरुआती web standard stylesheet support को धीमा करने में भूमिका निभाई
- 1997 आगे बढ़ने के साथ Siegel की aesthetics-केंद्रित approach और Nielsen की semantic approach के बीच की दूरी और बढ़ गई
Flash का उभार और CSS से उसका अंतर
- Zeldman बाद में Flash से दूर हो गए, लेकिन 1997 में जब Flash लोकप्रिय होना शुरू हुआ, तब उसे वेब multimedia को अगले चरण में ले जाने वाले animation tool के रूप में देखा गया
- मई 1997 में Macromedia ने Flash 2 जारी किया, और इसे बिना programming के vector-based resolution-independent graphics बनाने और animate करने वाले tool के रूप में पेश किया
- Flash की ताकतें उस समय CSS की कमज़ोरियों के उलट थीं
- CSS की तुलना में इसे सीखना आसान था
- उस समय के CSS की तुलना में यह विज़ुअली बहुत अधिक काम कर सकता था
- यह browser companies के implementation पर निर्भर नहीं था, बल्कि browser plugin के रूप में चलता था
- अगर उपयोगकर्ता बड़े पैमाने पर plugin download कर लें, तो इसका उपयोग संभव था
- सितंबर 1997 में प्रकाशित Creating Killer Web Sites के दूसरे संस्करण में Siegel ने Flash को वेब पर vector graphics को mainstream में लाने का सबसे अच्छा विकल्प माना
- उसी किताब में CSS पर नया अध्याय भी जोड़ा गया, लेकिन अगस्त 1997 की स्थिति पर उन्होंने आकलन किया कि browsers अभी stylesheet के वादे को ठीक से लागू नहीं कर रहे थे
- Nielsen ने Flash को जल्दी ही अस्वीकार कर दिया, और कुछ वर्षों बाद लिखा कि Flash “99% bad” है और लगभग हमेशा “usability disease” है
- Siegel को भी यह चिंता थी कि Flash Macromedia के स्वामित्व और नियंत्रण वाला proprietary tool है
- Flash software open source नहीं था
.flafile format proprietary था- इसके output web standards का पालन नहीं करते थे
तीनों की आगे की राह
- तीनों ही शुरुआती वेब डिज़ाइन को एक पेशे के रूप में आगे बढ़ाना चाहते थे, और 1997 में web platform में हो रहे बदलावों के कारण वेब डिज़ाइन स्वाभाविक रूप से प्रयोगधर्मी था
- Nielsen की Useit ने बिना सजावट वाला minimal design बनाए रखा, और Web 2.0 के दौर में वह कई वेब डिज़ाइन पेशेवरों को समय से पीछे छूटी साइट लगती थी
- Useit कुछ और वर्षों तक चला, फिर 2012 के अंत में NNGroup वेबसाइट में समाहित हो गया
- 2025 में Nielsen Substack पर AI के बारे में लिख रहे हैं
- Siegel के पास digital typography में master’s degree और Pixar का अनुभव था, इसलिए तीनों में उनका design background सबसे पेशेवर माना गया
- 1996~1997 में Killer Web Sites के दो संस्करणों के बाद वे web design से web business की ओर बढ़ गए
- बाद में उन्होंने Pull: The Power of the Semantic Web to Transform Your Business का प्रचार किया और blockchain में भी रुचि ली
- उनकी मौजूदा वेबसाइट cuttingthroughthenoise.net उनके कई business और personal interests दिखाती है
- Zeldman वेब डिज़ाइनर के रूप में लगातार सक्रिय रहे
- 2019 से वे WordPress, Tumblr आदि बनाने वाली Automattic में Executive Creative Director हैं
- zeldman.com पर वे वेब डिज़ाइन विषयों पर लगातार ब्लॉग लिखते हैं
- फरवरी 2019 से वे default WordPress theme का उपयोग कर रहे हैं, और उन्होंने बताया है कि 2025 में साइट redesign की तैयारी कर रहे हैं
- Zeldman का approach web standards और design sensibility को जोड़ने वाला था, और 1997 के इन तीन गुरुओं में उस समय उनकी वेबसाइट को सबसे दिलचस्प और अनोखी साइट माना गया
1 टिप्पणियां
Hacker News की राय
यह लेख Nielsen को “तकनीकी रूप से सही” पक्ष में रखता है, लेकिन कम-से-कम मेरे लिए Nielsen का असर इस बात पर बहुत ज़ोर दिलाने में था कि अनुभवजन्य रूप से क्या सही है
जानकारी पहुँचाने में क्या असरदार है, इसे असली लोगों पर टेस्ट करने का तरीका था, और “अच्छा दिखना” अक्सर कुर्बान कर दिया जाता था
इसलिए उनका आउटपुट “बेहद पुराना” जैसा दिखता था, लेकिन मुझे लगता है उस लड़ाई में वे सही पक्ष में थे
कई साइटें मानती थीं कि साइट में घुसने से पहले Flash splash screen दिखाना अच्छा आइडिया है, और डिजाइनर ऐसे बर्ताव करते थे मानो आम आदमी के पढ़ने लायक बड़े अक्षरों से उनकी कोई दुश्मनी हो
उस समय लगता था कि डिजाइनर, क्लासिक HCI वाले लोग और प्रोग्रामर—कोई भी वेब को ठीक से नहीं समझता था, और Nielsen कम-से-कम वेब पर फोकस तो कर रहे थे
हालांकि वे एक बिल्कुल नए माध्यम के शुरुआती यूज़र expectations से चिपके रहे, और यह नहीं देख पाए कि चूँकि यह अभी शुरुआती दौर में था, इसलिए इसका विकसित होना तय था
वे कहते थे “hyperlink हमेशा नीले रंग में underline होना चाहिए”, लेकिन उस समय वेब का प्रसार इतना शुरुआती था कि ऐसे कठोर नियम लागू करना सही नहीं था, ऐसा मुझे लगता है
इससे usability के लिए बहुत सम्मान पैदा हुआ, और डिजाइनर Nielsen को पसंद नहीं करते थे
उसके बाद से हर design और redesign में इसे लगातार लागू कर रहा हूँ
पुराना UseIt.com https://web.archive.org/web/19990125092506/http://useit.com/ शायद मेरे दिमाग में हमेशा के लिए मुफ्त में बसा रहेगा
https://www.nngroup.com/articles/why-you-only-need-to-test-w...
मुझे Zeldman का A List Apart पसंद था, लेकिन जब हम सब mid-20s में थे तब मुझे पता नहीं था कि वे उम्र में इतने बड़े थे
मैं उन्हें अपनी ही पीढ़ी का समझता था :D
Nielsen के बिना भी काम चल जाता, ईमानदारी से कहूँ तो उन्होंने शायद करोड़ों लोगों को ज्यादा आसानी से इस्तेमाल होने वाली sites दिलाने में मदद की होगी, लेकिन वे बहुत rigid और boring थे
खासकर “homepage में इस तरह के links होने चाहिए” जैसी prescriptive approach खीझ पैदा करती थी, और लगता है Philip Greenspun ने कभी उन्हें अच्छी तरह चुभोया था
लोग जवाब और दिशा चाहते थे और उसके लिए बड़ी रकम देने को तैयार थे, और वे consultant के तौर पर consulting कर रहे थे, इसलिए समझ आता है कि उन्होंने ऐसा क्यों किया
तेजी से बदलती दुनिया में जवाबों की shelf life छोटी होती है, इसलिए शायद उन्हें पता था कि उनकी guide बहुत पुरानी पड़ती जा रही है और इसी वजह से उन्होंने काफी पहले site हटा दी होगी
फिर भी वह मजेदार समय था, सचमुच अच्छा दौर था
मसला सिर्फ सब कुछ एक page में डालने का नहीं था, बल्कि आज देखकर हैरानी होती है कि कई users नीचे scroll नहीं करते थे, इसलिए सब कुछ fold के ऊपर रखने का भी था
लोगों को पता नहीं था कि वे scroll कर सकते हैं, और बाद के experiments में वह turning point देखा गया जब scroll करना सामान्य हो गया
जिन परिस्थितियों में site को काम करना था वे सिर्फ तकनीकी रूप से नहीं बल्कि सामाजिक रूप से भी पूरी तरह अलग थीं, और यह स्वाभाविक है कि वे details आज तक वैसी की वैसी नहीं चलीं
उस समय मैं high school में था, लेकिन Dave Shea, Andy Budd, Doug Bowman, Shaun Inman, Mike Davidson, और अब जिन कई लोगों के नाम भूल गया हूँ, उन्हें शौक से follow करता था
Siegel ने “Killer” किताब के एक edition में sites पर 2–3 level वाला “entry portal” रखने की बात कही थी, और Greenspun को वह बेवकूफी लगी थी
Nielsen की approach को मैं काफी ऊँचा मानता हूँ
अगर वेब फिर से usability की ओर लौटे तो यह काफी बेहतर हो सकता है
हमने Flash जो देता था, उसका बड़ा हिस्सा फिर से बनाने की बहुत कोशिश की, लेकिन क्या हम सच में चाहते हैं कि scroll करते समय photos और text blocks उड़ते फिरें?
पहली बार देखने में अच्छा लगता है, लेकिन उसके बाद क्या? क्या कोई कहेगा, “इस site की information शानदार है, काश यह Jack Russell terrier की तरह screen पर उछलती-कूदती”
ऊपर से home screen पर एक article पर “new” tag लगा है जो कल 1 साल पुराना हो जाएगा
लगता है समय बदल गया है
मेरे taste और रोज़ चलाए जाने वाले tests की reality की तुलना में वे बहुत rigid और nitpicky थे
अब जाकर एहसास हुआ कि Jeffrey Zeldman 1997 की शुरुआत में 42 साल के हो गए थे
2000s की शुरुआत में मैं हमेशा सोचता था कि वे हमसे बस कुछ साल बड़े हैं
उनकी websites पर “View Source” देखना सीखने में लगाया गया अच्छा समय था
यह मजाक भी याद आता है: चेतावनी—कुछ क्षेत्रों में “View Source” अवैध हो सकता है, इसलिए अपने विवेक से इस्तेमाल करें
2000s की शुरुआत में career शुरू किया, और जब मेरे design और Flash वाले काम इंटरनेट पर थे, तब Zeldman, Siegel और कई लोग hero थे और Nielsen villain थे
2000s के मध्य तक मैंने hospitals और doctors के लिए accessibility, HIPAA compliance आदि पर गहराई से काम किया, और तब तक Nielsen जैसे लोग hero बन गए थे :-)
शुरुआती दिनों की याद आती है जब किसी पेज पर कोई शानदार चीज़ कैसे काम करती है, यह बस View Source से देखा जा सकता था
अब तो शानदार चीज़ें लगभग हैं ही नहीं, और अगर हों भी, तो inspector से खंगाला जा सकता है, लेकिन आमतौर पर वे obfuscated JavaScript की गहराइयों में दबी होती हैं, जिन्हें समझ पाने की संभावना कम होती है
कई सालों में मिले सबसे अच्छे source-view अनुभवों में से एक था: https://github.com/BenjaminAster/CSS-Minecraft/tree/main
आधुनिक CSS अविश्वसनीय रूप से समृद्ध है
मेरे लिए एक और अहम किताब Web Pages That Suck थी
उस किताब ने सच में Creating Killer Web Sites की काफी आलोचना की थी, और उस समय आत्मसम्मान से भरे लोग बहुत थे
मैंने उस किताब से काफी कुछ सीखा, और शायद Flanders के पास अभी भी साइट हो
मैं उसकी mailing list में था/थी, लेकिन पिछले लगभग 10 साल से कोई खबर नहीं सुनी
आजकल सब कुछ इतना optimized और efficient है कि वे दिन याद आते हैं जब web pages कभी-कभी अस्त-व्यस्त हुआ करते थे
इस्तेमाल में मुश्किल हों, फिर भी कम-से-कम उनमें अपनी शख्सियत तो होती थी
यह कारों जैसा है: museum में बहुत पुरानी कार देखकर यह सोचना अच्छा लगता है कि वे pedals और levers क्या करते होंगे, लेकिन अच्छा है कि उन्हें खुद चलाना नहीं पड़ता
Flanders ने जिस mystery meat navigation की सटीक आलोचना की थी, उसका मुझ पर जबरदस्त असर पड़ा, और usability समस्याओं के बारे में सोचते समय वह आज भी मेरे दिमाग में गूंजती है
मेरी bookshelf में अभी भी Creating Killer Web Sites है
बस जल्दी खरीद ली गई किताब थी, और बिल्कुल नहीं सोचा था कि यह classic बन जाएगी
फिर भी किताब में दिखाए गए तरीके से design की गई websites देखना गजब का अनुभव था, लेकिन मुझे नहीं लगता कि वह व्यावहारिक था
मेरी नजर में वह print media की हूबहू नकल के ज्यादा करीब था
अगर आपको याद है कि उस समय ColdFusion या Dreamweaver कैसे काम करते थे, तो कुछ हिस्से साफ तौर पर QuarkXPress जैसे DTP software से उधार लिए गए लगते हैं
उस दौर को याद करना अच्छा है, लेकिन आखिरकार मैं site design की राह पर नहीं गया/गई
REX BBS scripts से लेकर आज के ES6, SVG, WebGL तक, कल्पना की जा सकने वाली हर तरह की technology से websites और print/web design पर काफी लंबे समय तक काम करने के बाद, मैं बेझिझक कह सकता/सकती हूँ कि ये लोग वेब पर क्या कर रहे थे, यह बिल्कुल नहीं जानते थे
शायद वे print के बेहतरीन designers थे, और यह तारीफ के लायक बात है, लेकिन web print नहीं है
उन्होंने इस नए medium, screen, और इस तथ्य को नहीं समझा कि सारी जानकारी एक ही page पर डालने की जरूरत नहीं होती
शायद 2010 के आसपास जब चीजें फिर से flat और simple होने लगीं, तभी लोगों ने व्यावहारिक web design करना शुरू किया
2005 में भी usability एक नई अवधारणा थी, और Apple का K-12 interface भी बहुत मददगार नहीं था
बेशक System OS के कुछ design decisions काफी तर्कसंगत हैं, लेकिन वह web नहीं था
इन किताबों ने ज्यादातर यही सिखाया कि Illustrator, CorelDRAW, Quark वाला approach web pages पर कैसे चढ़ाया जाए
pages, buttons जैसे पहले से दिए गए widgets से जितना कम दिखाकर भी navigation संभव बनाया जा सकता है, इस पर प्रयोग करने वाले बहुत कम थे
cartography में भी यही हाल है; वह और धीमी चलती है और अब भी 1834 जैसी information-overloaded maps बनाती है
यह बहुत अलोकप्रिय बात हो सकती है, लेकिन मेरे ख्याल से game designers और game UI designers ने शुरुआती overhyped designers की तुलना में web को कहीं ज्यादा प्रेरणा दी
भले ही वे शुरुआती designers posters और print में शानदार रहे हों
कुछ games interface की simplicity में सचमुच आगे थे और खूबसूरत भी थे, इसलिए कहा जा सकता है कि दुनिया का ज्यादातर हिस्सा उन जगहों पर देर से पहुँचा जहाँ gamers और demoscene वाले लोग कई साल पहले ही पहुँच चुके थे
इन्हीं लोगों से सीखते हुए मैंने career शुरू किया, और A List Apart जैसी sites मुझे पसंद थीं
एक दिन जब Zeldman ने मेरे बनाए WordPress plugin में सुधार का अनुरोध करते हुए mail भेजा, तो मुझे किसी celebrity से मिलने जैसा उत्साह हुआ, और लगा जैसे पूरा चक्र घूमकर फिर वहीं आ गया
Zeldman 2000s में मेरे heroes में से एक थे
मुझे लगता है कि list में Eric Meyer को भी शामिल किया जा सकता है: https://en.wikipedia.org/wiki/Eric_A._Meyer
इतना simple और मुद्दे पर सटीक कुछ और नहीं मिला
मैं हमेशा सोचता/सोचती हूँ कि Netscape Navigator 4 में table nesting सिर्फ 7 levels तक ही संभव थी, यह बात भूलने के लिए कितनी उम्र चाहिए होगी
उस दौर की बहुत याद आती है
वह सचमुच खुशहाल, सकारात्मक और मासूम था
लोग दिल से कुछ बना रहे थे, एक-दूसरे को सिखा रहे थे और मज़े कर रहे थे
आजकल सब कुछ बहुत fake और vanity-driven लगता है
इन लोगों की किताबें पढ़कर और Designer's Talk जैसे forums को बार-बार refresh करते हुए HTML + CSS सीखना मैं कभी नहीं भूलूंगा/भूलूंगी