90 के दशक के वेब डिज़ाइन के गुरु: Zeldman, Siegel, Nielsen

• Flash और CSS के आने के बाद, 1997 के आसपास वेब डिज़ाइन क्षेत्र में तीन प्रमुख दर्शन उभरे
• David Siegel ने “हैकिंग” के ज़रिए विज़ुअल एस्थेटिक्स पर, Jakob Nielsen ने सादगी और accessibility पर, और Jeffrey Zeldman ने डिज़ाइन और usability के संतुलन पर ज़ोर दिया
• उस समय browser compatibility और CSS support की कमी जैसी तकनीकी सीमाएँ गंभीर थीं, और Flash ने एक नए multimedia experience के रूप में ध्यान खींचा
• तीनों गुरुओं ने अपने-अपने तरीके से वेब डिज़ाइन के विकास में योगदान दिया, और समय के साथ standards और aesthetics के सामंजस्य पर ज़ोर देने वाली Zeldman की दिशा का प्रभाव बढ़ा
• वर्तमान में Zeldman Automattic में नेतृत्वकारी भूमिका में हैं और साइट के नए redesign की तैयारी कर रहे हैं

---

अवलोकन

यह लेख 1990 के दशक के उत्तरार्ध में वेब डिज़ाइन क्षेत्र का प्रतिनिधित्व करने वाले तीन गुरुओं — Jeffrey Zeldman, David Siegel, और Jakob Nielsen — के दर्शन और उनके प्रभाव पर चर्चा करता है। यह वह संक्रमणकाल था जब Flash और CSS जैसी नई तकनीकें आ रही थीं और web standards अभी स्थापित नहीं हुए थे; ऐसे में इन लोगों ने किस तरह की डिज़ाइन दिशा प्रस्तुत की और आज वे क्या कर रहे हैं, इस पर रोशनी डाली गई है।

90 के दशक के वेब डिज़ाइन की पृष्ठभूमि और सीमाएँ

• 1997 के आसपास Flash और CSS जैसी नई web technologies उभरकर सामने आईं
• Zeldman मूल रूप से उपन्यासकार, पत्रकार, संगीतकार और विज्ञापनकर्मी जैसे विविध करियरों से होते हुए 1995 में वेब में आए
• उस समय वेब को “consumer playground” माना जाता था, लेकिन तकनीकी सीमाएँ और browser performance constraints बहुत गंभीर थे
  • image usage को न्यूनतम रखना और फ़ाइल आकार छोटा रखना सुझाया जाता था
• Zeldman text editor और Photoshop का उपयोग करके HTML और graphics बनाते थे, और HTML की बुनियादी समझ बनाए रखते हुए दूसरे डिज़ाइनरों के source code को सीधे देखकर सीखने की सलाह देते थे

तीन गुरुओं के डिज़ाइन दर्शन

David Siegel: एस्थेटिक्स और “हैकिंग” का दर्शन

• Siegel ने 1996 की अपनी पुस्तक ‘Creating Killer Web Sites’ में CSS और Flash से पहले के दौर में आकर्षक layout बनाने के लिए HTML hacking techniques अपनाने की वकालत की
  • invisible tables, single-pixel GIF जैसी तकनीकों का layout control के लिए सक्रिय रूप से उपयोग किया गया
• उनका लक्ष्य परफेक्ट typography और visual communication के लिए किसी भी साधन का उपयोग करना था
• वे browser-specific compatibility से अधिक Netscape Navigator जैसे खास browsers के लिए optimized strategy को प्राथमिकता देते थे
• वे स्वयं को “HTML terrorist” कहते थे और web standards की परवाह किए बिना aesthetic completeness को सर्वोच्च मानते थे

Jakob Nielsen: usability और web standards पर ज़ोर

• Nielsen ने “स्टाइल से ज़्यादा उपयोगिता” के दृष्टिकोण वाले usability guru के रूप में व्यापक प्रसिद्धि हासिल की
• उन्होंने सभी प्रमुख browsers में अच्छी accessibility वाले डिज़ाइन पर ज़ोर दिया और structure-presentation separation, यानी semantic encoding और web standards का समर्थन किया
  • HTML की semantic structure के उपयोग पर ज़ोर दिया, और शुरुआती CSS adoption का भी जल्दी समर्थन किया
• उन्होंने CSS के भविष्य को लेकर उम्मीद जताई, लेकिन यह भी कहा कि उस समय support की कमी और अलग-अलग browsers की compatibility problems अभी हल नहीं हुई थीं

Jeffrey Zeldman: एस्थेटिक्स और web standards का संतुलन

• Zeldman ने CSS जैसे web standards को सक्रिय रूप से अपनाया, लेकिन ज़रूरत पड़ने पर Flash या Shockwave जैसे “non-standard” tools का भी उपयोग करने वाला pragmatic रुख बनाए रखा
• वे लगातार इस विचार पर टिके रहे कि “वेब डिज़ाइन में एस्थेटिक्स और web accessibility दोनों महत्वपूर्ण हैं”
• 2002 में भी उन्होंने इस बात पर ज़ोर दिया कि images, table layouts, stylesheets, JavaScript, और server/client technologies वेब accessibility के साथ पूरी तरह संगत हो सकती हैं

Flash बनाम CSS

• Flash सीखना आसान था और उस समय CSS जो विज़ुअल स्वतंत्रता और media features नहीं दे पाता था, वह Flash दे सकता था
• browsers (खासकर Netscape और IE) में CSS standards support कमजोर था, लेकिन Flash में dedicated plugin इंस्टॉल होने पर किसी भी browser में एक जैसा experience दिया जा सकता था
• Siegel ने Flash को जल्दी अपनाया, लेकिन पूर्ण standards की अनुपस्थिति और proprietary file structure जैसी सीमाओं को भी स्वीकार किया
• दूसरी ओर Nielsen ने Flash की non-standard प्रकृति (presentation और content का एकीकरण) की कड़ी आलोचना की और इसे ‘99% bad’, यानी “usability disaster” कहा
• अंततः CSS और Flash दोनों ने वेब की अभिव्यक्ति क्षमता बढ़ाने का रास्ता खोला, लेकिन open web standard CSS ने लंबे समय में मुख्यधारा पर कब्ज़ा किया

तीनों व्यक्तियों की बाद की राह

• Nielsen ने usability principles पर डटे रहते हुए Useit साइट का minimalism बनाए रखा, और 2012 में साइट एकीकरण के बाद भी ICT तथा AI पर शोध जारी रखा
• Siegel वेब डिज़ाइन सिद्धांतकार से आगे बढ़कर digital business, semantic web, blockchain आदि विविध क्षेत्रों में सक्रिय हुए
• Zeldman Automattic (WordPress, Tumblr आदि) में Executive Creative Director के रूप में कार्यरत हैं, और अब भी अपने व्यक्तिगत ब्लॉग पर डिज़ाइन दर्शन साझा करते हुए साइट redesign की तैयारी कर रहे हैं

निष्कर्ष

• 90 के दशक के वेब डिज़ाइन का प्रतिनिधित्व करने वाले इन तीनों लोगों ने अलग-अलग दर्शन के साथ वेब के विकास में योगदान दिया
• तकनीक, standards और aesthetic experimentation से भरे संक्रमणकाल के बाद, अंततः web standards और डिज़ाइन सेंस का मेल आज के वेब की मुख्य धारा बना
• Zeldman का व्यावहारिक और संतुलित दृष्टिकोण वेब डिज़ाइनरों पर लगातार प्रभाव डालता रहा है

[GN⁺]

Hacker News राय

• यह लेख Nielsen को सिर्फ़ 'तकनीकी रूप से' सही व्यक्ति की तरह पेश करता है, लेकिन मैं कम-से-कम यह ज़रूर कहना चाहूँगा कि मेरे लिए वह ऐसे व्यक्ति थे जिन्होंने मुझे इस बात पर ध्यान देना सिखाया कि क्या कुछ 'अनुभवजन्य रूप से सही' है। असली users पर test करके यह शोध करना कि जानकारी पहुँचाने का सबसे असरदार तरीका क्या है, उनका बड़ा प्रभाव था। इसलिए भले ही नतीजे दिखने में काफ़ी भद्दे लगते थे, मुझे विश्वास है कि मूल रूप से दिशा सही थी
  • मैं Nielsen व्यक्ति से ज़्यादा उस human-computer interaction (HCI) परंपरा का सम्मान करता हूँ जिससे वह जुड़े थे। उस समय ऐसा दौर था जब न designers, न पारंपरिक HCI experts, न developers—कोई भी web को ठीक से नहीं समझता था। Nielsen कम-से-कम web पर केंद्रित थे, लेकिन समस्या यह थी कि नए medium के बारे में भी वे users की पुरानी अपेक्षाओं से चिपके रहे। "hyperlink हमेशा नीला और रेखांकित होना चाहिए" जैसी बातों के पीछे, मेरे हिसाब से, यह अनदेखी थी कि उस समय users स्थिरता नहीं माँग रहे थे, बल्कि web खुद अपने शुरुआती विकास-चरण में था। उन्होंने बहुत सख़्त नियम बहुत जल्दी लागू करने की कोशिश की
  • मुझे लगता है उस समय Nielsen उन गिने-चुने लोगों में थे जो सच में user needs पर ध्यान दे रहे थे। वह दौर था जब बहुत-सी sites यह मानती थीं कि Flash से बना intro screen पहले दिखाना एक अच्छा idea है, और designers आम तौर पर आसानी से पढ़े जा सकने वाले font size को पसंद नहीं करते थे
  • मैंने वर्षों में NNG Group के कई courses किए हैं। Nielsen और Tog से सीखा, और (जहाँ तक मुझे पता है Don Norman पढ़ाते नहीं थे) इसी से usability के लिए मेरे भीतर गहरा सम्मान पैदा हुआ। Designers सच में Nielsen से नफ़रत करते थे
  • मुझे नहीं लगा था कि Discount Usability Engineering मददगार होगी, लेकिन जब सच में करके देखा तो नतीजों ने चौंका दिया, और उसके बाद से मैं हर design/redesign में इसे इस्तेमाल कर रहा हूँ। Mr. Nielsen को धन्यवाद कहना चाहता हूँ। पुराना UseIt.com लिंक(archive) आज भी मेरे दिमाग़ में बसा है
  • 'लड़ाई' को आप कैसे परिभाषित करते हैं, इस पर आकलन बदल सकता है। Nielsen के दौर में दो चीज़ें साथ-साथ चल रही थीं। 1) ऐसा कलात्मक काम जिसमें लोग अपना निजी, आनंददायक और अजीब-सा कोना बनाते थे जिसे शायद ही कोई देखे, 2) entrepreneurs जो clients के लिए गंभीर webapp बना रहे थे। Nielsen के सिद्धांत दूसरे मामले में शानदार थे, लेकिन पहले के लिए आपदा। जैसे-जैसे आधुनिक web ने revenue और efficiency के लिए अपना सारा आकर्षण खो दिया, इतिहास ने अंततः Nielsen को अनुकूल रूप में दर्ज किया है
• मुझे Zeldman का A List Apart बहुत पसंद था। तब सब लोग लगभग mid-20s में थे, और मुझे उसकी उम्र नहीं पता थी—मैं उसे अपना हमउम्र समझता था :D. Nielsen सच कहूँ तो उतना connect नहीं कर पाए। हाँ, उन्होंने लाखों लोगों के लिए चीज़ें इस्तेमाल करना आसान बनाया, लेकिन उनका approach बहुत rigid और boring था। ख़ासकर homepage पर कौन-से links ज़रूर होने चाहिए, इस तरह की उनकी prescriptive attitude मुझे बिल्कुल पसंद नहीं थी। याद है Philip Greenspun ने भी उनकी आलोचना की थी। लगता है सब लोग साफ़ जवाब चाहते थे और उसके लिए पैसे देने को तैयार भी थे, इसलिए वह consulting में सफल हुए। लेकिन इतनी तेज़ी से बदलती दुनिया में उन जवाबों की expiry date भी जल्दी आ जाती है। शायद इसलिए उन्होंने बहुत पहले अपनी site हटा दी। लगता है उन्हें समझ आ गया था कि वह roadmap समय के हिसाब से पुरानी पड़ चुकी है। फिर भी, वह सच में शानदार दौर था
  • उस समय users भी आज जैसे नहीं थे। हर चीज़ को एक ही page पर, वह भी 'above the fold' में ठूँसने का कारण यह था कि बहुत-से users को scroll करना नहीं आता था। बाद में जाकर scroll standard बना। तकनीकी और सामाजिक दोनों स्तरों पर site का माहौल पूरी तरह अलग था। यह बिल्कुल स्वाभाविक है कि वे बारीकियाँ आज तक जस की तस नहीं टिकतीं
  • 2000s की शुरुआत का CSS/design blog जगत सच में बेहद दिलचस्प जगह था। high school के दिनों में Dave Shea, Andy Budd, Doug Bowman, Shaun Inman, Mike Davidson जैसे लोगों को follow करना बहुत मज़ेदार था
  • बहुत पहले मैं usability testing service चलाता था, और Nielsen के बारे में मेरी भी यही धारणा थी कि वह बहुत rigid थे और बारीकियों पर ज़रूरत से ज़्यादा अटके रहते थे। यह उस वास्तविक testing reality से काफ़ी दूर था जिससे मैं रोज़ जूझता था
  • मेरी याद में Greenspun ने Siegel का ज़्यादा मज़ाक उड़ाया था। Siegel ने अपनी 'Killer' किताब में 2-3 स्तर के entry portal पर ज़ोर दिया था, और Greenspun को वह बेहूदा लगा। मैं Nielsen के approach को काफ़ी सकारात्मक मानता हूँ। अगर web फिर से 'usability' को अहमियत देने लगे तो इसमें बुरा कुछ नहीं। आजकल हम Flash era की features को दोबारा बनाने में बहुत मेहनत लगाते हैं, लेकिन क्या सच में कोई चाहता है कि scroll करते समय text और images स्क्रीन पर उछलते-कूदते रहें? पहली बार में वह नया लगता है, उसके बाद उल्टा परेशान करता है। शायद ही कोई कहेगा, "इस site की जानकारी तो शानदार है, बस काश यह स्क्रीन पर थोड़ा और पिल्ले की तरह उछलती"
  • बहुत समय बाद A List Apart पर गया तो वह पूरी तरह अलग दिखा। और homepage पर एक साल पुरानी post पर 'New' लिखा हुआ था। लगता है समय बहुत बदल गया है
• "Jeffrey Zeldman — 1997 की शुरुआत में 42 वर्ष"—यह बात अब जाकर समझ आई। 2000s की शुरुआत में लगता था कि वह हमसे बस कुछ साल बड़े होंगे। उनकी homepages पर "View Source" देखना ही असली सीखने का समय था। वैसे, कुछ देशों में "View Source" करना ग़ैरक़ानूनी हो सकता है, तो सब सावधान रहें। मैंने 2000s की शुरुआत में career शुरू किया, अपने Flash काम भी बहुत डाले, और Zeldman, Siegel वगैरह मेरे heroes थे। Nielsen दुश्मन थे। लेकिन mid 2000s के आसपास जब अस्पतालों और clinics के projects में accessibility और HIPAA जैसी चीज़ों से काम पड़ा, तो Nielsen भी आख़िरकार मेरे hero बन गए :-)
  • असल में वह तब भी हमसे बस कुछ ही साल बड़े थे
  • जिज्ञासा है, "View Source" कहाँ ग़ैरक़ानूनी है?
• मुझे वह दौर याद आता है जब सिर्फ़ "View Source" करके आसानी से देख लेते थे कि कोई cool effect कैसे बना है। आजकल या तो ध्यान खींचने लायक कुछ होता ही नहीं, और अगर होता भी है तो inspector में खोदने पर वह दर्जनों परतों में छिपे obfuscated JS के भीतर मिलता है, इसलिए उसका विश्लेषण लगभग असंभव हो जाता है
  • क्या आपने हाल का CSS से बना Minecraft project देखा है? (CSS-Minecraft GitHub) बहुत समय बाद यह सबसे बेहतरीन "View Source" अनुभव था
  • JS machine नहीं बल्कि रचनात्मक ढंग से बनाई गई sites के HTML/CSS को खँगालना आज भी आनंद देता है। आधुनिक CSS सच में बहुत समृद्ध है
• मेरे लिए भी <i>Web Pages That Suck</i> किताब बहुत मायने रखती थी। यह किताब <i>Creating Killer Web Sites</i> की भी खिंचाई करती थी। उस समय यह बड़ा ego battle था। शायद Flanders आज भी site चलाते हों। मैं भी mailing list में था, लेकिन 10 साल से ज़्यादा समय से कोई ख़बर नहीं मिली
  • मुझे भी वह site बहुत पसंद थी। आजकल सब कुछ इतना optimized है कि कभी-कभी पुरानी भोंडी web pages की याद आती है। usability अच्छी न भी हो, फिर भी हर page की अपनी अलग शख्सियत होती थी। यह कुछ वैसा है जैसे museum में पुरानी classic cars देखकर सोचना कि इतने घने levers और pedals क्या करते होंगे। असल में उन्हें चलाना न चाहो, लेकिन देखना मज़ेदार लगे
  • वह किताब भी मेरे लिए बहुत मायने रखती थी, और वही मेरे career की शुरुआत बनी। Flanders ने जिस 'mystery meat navigation' (ऐसा navigation जिसमें समझ ही न आए कौन-सा menu क्या है) की आलोचना की थी, उसका मुझ पर बहुत गहरा असर हुआ, और आज भी जब usability issues के बारे में सोचता हूँ तो वह याद आता है
• मुझे यह दौर बहुत याद आता है। वह सच में ख़ुश, सकारात्मक और मासूम समय था। सब लोग ईमानदारी से कुछ बना रहे थे और एक-दूसरे को सिखा रहे थे। आजकल सब कुछ बनावटी और दिखावटी लगता है। HTML+CSS सीखते हुए इन लोगों की किताबें पढ़ना और Designer's Talk जैसे forums को refresh करते रहना—वह समय मैं कभी नहीं भूलूँगा
• आजकल websites हर तरह के popup से subscription या feedback माँगती हैं, और JavaScript व ads लोड होते ही content ऊपर-नीचे उछलता रहता है, इसलिए पढ़ना मुश्किल हो जाता है। लगता है पिछले कुछ वर्षों में web ने ज़बरदस्त गिरावट देखी है। अब तो शायद कोई इसकी आलोचनात्मक चर्चा भी नहीं करता
• मेरी bookshelf में अब भी "Creating Killer Websites" रखी है। मैंने वह जल्दी खरीद ली थी, लेकिन यह classic बन जाएगी, यह नहीं सोचा था। किताब में दिखाए गए designs जैसे sites को सच में देख पाना प्रभावशाली अनुभव था। लेकिन मेरे हिसाब से वह व्यावहारिक नहीं था। आख़िरकार वह print media की नकल जैसा लगा। पुराने Coldfusion या Dreamweaver जैसे tools लगभग QuarkXpress (DTP software) जैसे महसूस होते थे। उस दौर की याद तो आती है, लेकिन आख़िरकार मैं site design की दिशा में नहीं गया
  • यह शायद unpopular opinion हो, लेकिन मैं भी इसी बात पर हँसकर सहमत हो सकता हूँ। BBS scripts से लेकर ES6, SVG, WebGL तक web/print design का ज़्यादातर अनुभव रखने के नाते, मुझे लगता है उस समय के बड़े नामों को web में क्या करना है, यह ठीक से पता नहीं था। print में वे बेहतरीन थे, लेकिन web, print नहीं है। screen जैसे नए medium में एक ही page पर सारी जानकारी ठूँसने की ज़रूरत नहीं होती। मुझे तो लगता है कि 2010 के आसपास जाकर फिर से sensible web design शुरू हुआ। 2005 में भी usability एक नया concept था, और Apple का K-12 UI भी बहुत मददगार नहीं था। वे किताबें असल में यह सिखाती थीं कि print posters का design web पर कैसे चढ़ाया जाए; widgets, buttons जैसी web-विशिष्ट interactions पर प्रयोग कम थे। cartography भी कुछ ऐसा ही है, उसका विकास धीमा होता है। निजी तौर पर मुझे लगता है कि games और game UI designers ने शुरुआती दौर से ही कहीं ज़्यादा innovative और modern interfaces दिखाए। कई बार games या demoscene ही अपने समय से आगे थे
• 2000s में Zeldman मेरे hero थे। मुझे लगता है इस सूची में Eric Meyer(Wikipedia) भी होना चाहिए
  • मैं आज भी Eric का CSS Reset 2.0 इस्तेमाल करता हूँ। इससे ज़्यादा concise और intuitive चीज़ मैंने अभी तक नहीं देखी
• मुझे सोचकर हैरानी होती है कि क्या कभी ऐसी उम्र आएगी जब मैं यह भूल जाऊँगा कि Netscape Navigator 4 में tables को सिर्फ़ 7 स्तर तक ही nest किया जा सकता था