एडवर्ड टुफेट द्वारा प्रेरित वेब पेज डिजाइन

 

Source- Web Page Design Inspired by Edward Tufte

Author- Larry Gales

 

एडवर्ड टुफेट द्वारा प्रेरित वेब पेज डिजाइन

 

Index

प्रश्न: एडवर्ड टुफटे के कामों से क्या समस्याएं हैं जो किसी वेबसाइट के लिए प्रासंगिक हैं?

प्रश्न: सामग्री, ग्राफिक प्रासंगिकता, सौंदर्यशास्त्र और प्रभावशीलता के संदर्भ में आपकी अनुशंसित वेबसाइटें क्या हैं और क्यों?

प्रश्न: नेट सर्फर के साथ-साथ गहन उपयोगकर्ता के लिए साइट प्रभावी, रोचक और आकर्षक कैसे हो सकती है?

प्रश्न: प्रभावी होने के लिए साइट सुंदर होनी चाहिए?

प्रश्न: वेब पर ग्राफिक्स पर स्क्रीन आकार और रिज़ॉल्यूशन पर क्या प्रभाव पड़ता है, और आप इन बाधाओं के तहत प्रभावी ग्राफिक्स कैसे विकसित करते हैं?

प्रश्न: वेब प्रौद्योगिकी द्वारा डिजाइन करने के लिए कौन सी नई संभावनाएं पेश की जाती हैं?

प्रश्न: वेब डिज़ाइन में सबसे आम त्रुटियां क्या हैं?


(क्यू) एडवर्ड टुफटे के कामों से क्या समस्याएं हैं जो किसी वेबसाइट के लिए प्रासंगिक हैं?

जिन मुद्दों को मैं सबसे प्रासंगिक मानता हूं वे हैं:

आउटपुट मीडिया: हार्डकॉपी लेखकों को उनके लक्षित मीडिया को पता है, लेकिन आकार, संकल्प, और यहां तक कि मीडिया के प्रकार (उच्च अंत वर्कस्टेशन, छोटे लैपटॉप, पीडीए, ब्रेल, बोले गए शब्दों इत्यादि) के संदर्भ में वेब सामग्री को मूल रूप से विभिन्न उपकरणों पर प्रस्तुत किया जा सकता है। )

उपयोगकर्ता अपेक्षाएं: वेब उपयोगकर्ता कागज की तुलना में अलग-अलग जानकारी तक पहुंचते हैं और इसे पढ़ने से अधिक जानकारी स्कैन करने की अधिक संभावना होती है

Ergonomics: वेब ब्राउज़िंग के लिए वर्तमान तकनीक कई तरीकों से हार्डकॉपी से बहुत कम है। डिस्प्ले कम रिज़ॉल्यूशन हैं, देखने की स्थिति तय की गई है, और माउस / कीबोर्ड नियंत्रण पेंसिल और पेपर की तुलना में बहुत अजीब हैं

सामग्री स्थान: मेनू, टूलबार और नेविगेशन नियंत्रणों द्वारा वेब पेज की अधिकांश जगह ले ली जाती है, इस प्रकार सामग्री के लिए स्थान कम हो जाती है

वर्तनी त्रुटियां: इन्हें केवल शर्मिंदगी या भ्रम के विपरीत नेविगेशन और खोज की वास्तविक विफलता का कारण बनता है

हार्डकॉपी में रूपांतरण: यह अक्सर अनुपलब्ध फोंट, ग्राफिक रूपांतरणों के साथ-साथ आकार और पृष्ठ लेआउट समस्याओं के कारण विफल रहता है

चार्ट जंक और डि-सूचना: सीआरटी डिस्प्ले के झटके के साथ मौजूदा डिस्प्ले के कम रिज़ॉल्यूशन का मतलब है कि अव्यवस्था और मोर पैटर्न पेपर की तुलना में डिस्प्ले से और भी घटाते हैं और थकान और भ्रम में योगदान देते हैं।

रंग: डिस्प्ले के कम रिज़ॉल्यूशन और आसानी और रंग की शून्य लागत का मतलब है कि रंगों का उपयोग या तो प्रभावी ढंग से जानकारी देने के लिए किया जा सकता है (उदाहरण के लिए, जब एक ही विषय के सभी तत्व समान रंग साझा करते हैं) या भ्रम को बढ़ाने के लिए दुरुपयोग किया जा सकता है ।

डेटा का दस्तावेज़ीकरण: क्योंकि जर्नल या पत्रिका में आलेख प्रकाशित करने से वेब पेज को फ़्लिप करना कहीं अधिक आसान है, और क्योंकि सर्च इंजन कीवर्ड के आधार पर एक पेज को ड्रेज कर सकते हैं, तो शायद जंक ज्ञान का सामना करने के लिए बहुत अधिक संभावना है वेब। मुझे भविष्य में एक मजबूत आवश्यकता दिखाई देती है ताकि गुणवत्ता की जानकारी बीमा करने के लिए साइटों को प्रमाणित किया जा सके और इस प्रमाणन के लिए खोज इंजन संवेदनशील हो सकें।

सूचना घनत्व: स्क्रीन के कम संकल्प और बड़ी फ़ाइलों के लिए धीमी डाउनलोड के समय वेब पर उच्च घनत्व जानकारी कम वांछनीय बनाते हैं। इसके लिए क्षतिपूर्ति के लिए विभिन्न तकनीकों का उपयोग किया जा सकता है, जैसे फ़ाइल आकार और डाउनलोड समय के दस्तावेज, विभिन्न रिज़ॉल्यूशन ग्राफिक्स के विकल्प, थंबनेल के संग्रह और / या फसल वाली छवियां, जिन्हें थंबनेल के उच्च रिज़ॉल्यूशन संस्करण को प्रदर्शित करने पर क्लिक किया जाता है।

पाठ बनाम ग्राफिक्स: डाउनलोड समय, विभिन्न ब्राउज़र क्षमताओं, और संकल्प के मुद्दों पाठ के प्रति पाठ बनाम ग्राफिक्स बनाम पाठ के संतुलन को इंगित करते हैं।

अनुक्रमिक बनाम जेस्टल्ट समझ: टुफेट बताती है कि पेपर पर उच्च घनत्व ग्राफिक्स आपको जटिल पैटर्न को एकल गेस्टल्ट के रूप में देखने देता है। हालांकि, इंटरैक्टिव वेब डिस्प्ले आपको अनुक्रमिक रूप से नेतृत्व कर सकते हैं, हालांकि चरण जो आपको केवल उस संदर्भ के बारे में बताते हैं, जिसे आपको अपने पिछले विकल्पों के आधार पर जानने के लिए एक दृश्य फोन पेड़ की तरह पता होना चाहिए। कुछ मामलों में यह उच्च घनत्व प्रदर्शन से अधिक प्रभावी है, अन्य मामलों में यह कम है।

संदर्भ बनाए रखना: किसी पुस्तक की तुलना में किसी वेबसाइट पर खो जाना बहुत आसान है क्योंकि आगे बढ़ने के कई रास्ते हैं। इसलिए, हार्डकॉपी की तुलना में वेब पर प्रभावी नेविगेशन टूल अधिक महत्वपूर्ण हैं।


(क्यू) सामग्री, ग्राफिक प्रासंगिकता, सौंदर्यशास्त्र और प्रभावशीलता के संदर्भ में आपकी अनुशंसित वेबसाइटें क्या हैं और क्यों?

उन साइटों में से जो मुझे सबसे अच्छी पसंद हैं:

नासा स्काईवॉच साइट पर: http://spaceflight.nasa.gov/realdata/sightings/index.html।

यह कक्षा में कई बड़े उपग्रहों के बारे में जानकारी प्रदान करता है। प्रारंभिक पृष्ठ टेक्स्ट और स्ट्रीमिंग मीडिया प्रारूप दोनों में उद्देश्य बताता है, डाउनलोड समय और फ़ाइल आकार के संदर्भ में आवश्यक संसाधनों पर चर्चा करता है, और इसमें एक अच्छा दो-स्तरीय नेविगेशन नियंत्रण होता है जो आपको नासा साइट के किसी भी हिस्से में निर्देशित करता है।

जावा ऐप्पल उपग्रहों और कक्षीय स्थितियों पर जानकारी प्रदान करता है जो तकनीकी इंजीनियर और जनता दोनों को टेबल के माध्यम से और किसी दिए गए स्थान के लिए पहचाने गए और उल्लिखित नक्षत्रों के खिलाफ एनोटेटेड कक्षीय पटरियों का एक रंग मानचित्र प्रदान करता है। इसका उपयोग करना आसान, आकर्षक और अत्यधिक जानकारीपूर्ण है।

एक और अच्छी साइट है: http://www.nsf.gov इसका प्रारंभिक पृष्ठ आकर्षक, कॉम्पैक्ट, कुछ ग्राफिक्स का उपयोग करता है, और जल्दी से डाउनलोड करता है। इसमें एक अच्छा दो-स्तरीय नेविगेशन नियंत्रण, संपर्क, गोपनीयता, सहायता, और अनुकूलन जानकारी, एक खोज उपकरण, दर्शक (छात्रों, शिक्षकों, सिद्धांत जांचकर्ताओं) की श्रेणी के लिए विकल्प भी शामिल हैं, और बाद के कई पृष्ठ कई विकल्पों की पेशकश करते हैं डेटा देखना, जैसे एचटीएमएल, सादा पाठ, और पीडीएफ प्रारूप। कई, लेकिन सभी नहीं, पृष्ठ होम पेज के समान दिखने और महसूस करने और नेविगेशन नियंत्रण बनाए रखते हैं।

कुछ असाधारण रूप से सूचनात्मक ग्राफिक्स “मार्केट ऑफ़ मैप” पर क्लिक करके पाए जा सकते हैं: http://www.smartmoney.com/maps/

हालांकि शुरुआत में यह पूरी तरह से बेकार और कष्टप्रद विज्ञापन के साथ खुलता है जो लंबे समय तक स्क्रीन पर रहता है और आपको निम्नानुसार कोई संकेत नहीं देता है, जिसके परिणामस्वरूप प्रदर्शन इसके लायक है। इसमें क्षेत्र द्वारा समूहीकृत कई स्टॉक का प्रतिनिधित्व होता है, और रंगीन क्षेत्रों द्वारा कोडित किया जाता है जिसका आकार उनके बाजार हिस्से को दर्शाता है, और जिसका रंग और तीव्रता उनके स्टॉक प्रदर्शन को दिखाती है: उज्ज्वल लाल अर्थ खड़ी गिरावट, काले अर्थ का कोई परिवर्तन नहीं, और चमकदार हरा मजबूत लाभ दर्शाता है बीच में मध्यवर्ती रंगों के साथ। आज की स्क्रीन पर नजर रखते हुए, मैं देख सकता हूं कि टेक्नोलॉजी स्टॉक कम हो रहे हैं, उपभोक्ता स्टेपल के रूप में ऊर्जा के शेयर ऊपर हैं। मैं एक क्षेत्र को अधिक विस्तार से देख सकता हूं, विशिष्ट स्टॉक की पहचान करने और कुछ प्रदर्शन जानकारी प्राप्त करने के लिए किसी क्षेत्र पर माउस कर सकता हूं, और विस्तृत जानकारी प्राप्त करने के लिए स्टॉक पर क्लिक कर सकता हूं। इसमें एक पैनल भी शामिल है जो आपको मानचित्र को कस्टमाइज़ करने देता है। यह बहु-कार्यशील ग्राफिक्स का एक अच्छा उदाहरण है जो आपको कई अलग-अलग तरीकों से जानकारी देखने देता है।


(क्यू) नेट सर्फर के साथ-साथ गहन उपयोगकर्ता के लिए साइट प्रभावी, रोचक और आकर्षक कैसे हो सकती है?

एक अच्छी वेबसाइट में निम्नलिखित शामिल हैं:

यह एक उपयोगकर्ता केंद्रित (कॉर्पोरेट, संरचनात्मक, या किसी अन्य दृष्टिकोण के विपरीत), उपयोगकर्ता परीक्षण डिजाइन पर आधारित है

इसके शुरुआती पृष्ठ में सरल लो-टेक एचटीएमएल है जो जल्दी से लोड होता है, प्लगइन की आवश्यकता नहीं होती है, लगभग सभी ब्राउज़रों पर काम करता है, शीर्ष के पास सबसे महत्वपूर्ण जानकारी रखता है, और लोगों को तुरंत बताता है:

इसमें कौन से विषय शामिल हैं या यह किस मुद्दे को संबोधित करता है

अगर उनके पास वह जानकारी है जो वे चाहते हैं

अगर जानकारी चालू है (उदाहरण के लिए, दिनांक-अंतिम-संशोधित)

क्या प्रमाण है कि जानकारी सटीक है

प्रारंभिक पृष्ठ में एक पहचान लोगो है और इसमें लिंक हैं या इसमें लिंक हैं:

एक साइट मानचित्र

संपर्क जानकारी

जिम्मेदार संगठन के बारे में जानकारी

एक चर्चा समूह के लिए साइट फीडबैक फॉर्म या पॉइंटर्स

सुरक्षा और गोपनीयता के रूप में आश्वासन

संबंधित साइटों

साइट पर आने वाले पृष्ठों को देखने के लिए आवश्यक तकनीक पर जानकारी (उदा।, ब्राउज़र संस्करण, आवश्यक डाउनलोड, फ़ाइल आकार या स्वयं के समय)

साइट के बाद के पृष्ठों में प्रारंभिक पृष्ठ के कई गुण हैं, लेकिन यह भी:

लोगो की उपस्थिति और स्थान और साइट की अनन्य रूप से पहचान करने वाली अन्य जानकारी के संदर्भ में होम पेज के रूप में एक ही रूप का उपयोग करें और महसूस करें (बाहरी स्टाइल शीट इसके लिए उपयोगी हैं)

लगातार नेविगेशन नियंत्रण प्रदान करते हैं जो समान दिखते हैं और उसी स्थान पर होते हैं, जैसे कि “अगला”, “पिछला”, और “होम” बटन (विशेष रूप से उन पृष्ठों से बचें जहां “बैक” बटन काम नहीं करता है)

संदर्भ और स्थान प्रदर्शित करें: जटिल साइटों में यह जानना बहुत महत्वपूर्ण है कि आप कहां हैं, और आप कहां गए हैं। जबकि फ्रेम प्रमुख उपयोगिता समस्याओं को उत्पन्न करते हैं, उन्हें कभी-कभी सामग्री की एक सारणी प्रदान करने के लिए उपयोग किया जाता है जो पूरे साइट पर निरंतर बना रहता है। केवल सरल शब्दों वाले और बिना प्रतीकों वाले यूआरएल साइट में स्थान की पहचान करने में मदद कर सकते हैं, साथ ही पेड़ आरेख जो उपयोगकर्ता के वर्तमान स्थान को हाइलाइट करते हैं

खिड़कियों को सही ढंग से नियंत्रित करें: खिड़कियों का प्रसार जो आसपास रहता है, अव्यवस्था और भ्रम के कारण होता है (साथ ही यदि उपयोगकर्ता सर्फिंग से अधिक कर रहा है तो सुरक्षा जोखिम) लेकिन विंडोज़ स्वचालित रूप से बंद हो जाती हैं जो उपयोगकर्ता को चौंकाने और भ्रमित कर सकती हैं: वेब डिज़ाइनर को इन्हें वजन करना होगा लागू होने वाली परिस्थितियों के आधार पर मुद्दे

सभी पेज उपयोग करते हैं:

एक म्यूट पृष्ठभूमि जो ओवरलेइंग जानकारी में हस्तक्षेप नहीं करती है

पृष्ठभूमि और पाठ या नियंत्रण के बीच अच्छा अंतर

महत्वपूर्ण सामग्री को हाइलाइट करने के लिए उज्ज्वल रंगों को कम से कम

एक ही श्रेणी से संबंधित सभी वस्तुओं के लिए एक ही रंग

पाठ जब तक ग्राफिक्स एक वास्तविक लाभ प्रदान नहीं करते हैं

लंबे पैराग्राफ के स्थान पर शीर्षक, उप-शीर्षक, और बुलेट सूचियों जैसे दृश्यमान संरचनात्मक जानकारी

प्राथमिक स्थान के रूप में सफेद स्थान

हार्डकॉपी की तुलना में काफी कम पाठ

यह जांचने के लिए वर्तनी जांच कि नेविगेशन और खोज फ़ंक्शन काम करते हैं


(क्यू) प्रभावी होने के लिए साइट सुंदर होनी चाहिए?

कुछ हद तक सुंदरता दर्शक की आंखों में है कि एक उपयोगकर्ता को कुछ पैटर्न की व्याख्या करने के लिए प्रशिक्षित किया गया है, उस साइट पर सौंदर्य देख सकता है जो उन्हें समझ में आता है, लेकिन बिना किसी पृष्ठभूमि के बदसूरत और असंगठित दिखाई देता है (अक्सर हम देखते हैं कि हम क्या अपेक्षा करते हैं वहां की तुलना में, एक मेंढक की तरह जो कि छोटे, अंधेरे, और झटके से चलने वाली किसी चीज के लिए काफी हद तक अंधा है – एक फ्लाई)।

हालांकि, उन साइटों के लिए जिन्हें विशेष ज्ञान की आवश्यकता नहीं है, मेरा मानना है कि सौंदर्यशास्त्र को एक स्पष्ट डिजाइन के माध्यम से हासिल किया जा सकता है जो प्रयोज्यता पर जोर देता है, विशेष रूप से यदि सौंदर्य जोड़ों को केवल तब जोड़ा जाता है जब वे जानबूझकर उनकी उपयोगिता के संदर्भ में उचित होते हैं

वेब पर ग्राफिक्स पर स्क्रीन आकार और रिज़ॉल्यूशन पर क्या प्रभाव पड़ता है, और आप इन बाधाओं के तहत प्रभावी ग्राफिक्स कैसे विकसित करते हैं?

यह एक बड़ा और महत्वपूर्ण विषय है और शायद वेब बनाम पेपर पर डिज़ाइन के बीच प्रमुख अंतरों का कारण है:

आकार में मतभेद: यदि हम अपनी परंपरा को “पारंपरिक” कंप्यूटर और डिस्प्ले पर सीमित रखते हैं, तो स्क्रीन आकार में अंतर (संकल्प के विपरीत) ग्राफिक्स की समझ को बहुत प्रभावित नहीं करता है क्योंकि बड़ी 19 इंच स्क्रीनों में छोटे से केवल 2.5 गुना क्षेत्र होता है 12 इंच स्क्रीनें। हालांकि, अब हम पीडीए, सेल फोन और यहां तक कि wristwatches जैसे उपकरणों की बढ़ती संख्या देखते हैं, जो वेब सर्फ करते हैं और जिनकी स्क्रीन 100 गुना छोटी होती है। विशिष्ट वेब पेज बस ऐसे उपकरणों पर फिट नहीं होंगे, और पेज डिज़ाइन विशेष रूप से उनके लिए लक्षित किए जाने चाहिए, हालांकि एक्सएमएल / एक्सएसएल का उपयोग अक्सर बड़े दस्तावेज़ों को फिर से उद्देश्य के लिए करने के लिए किया जा सकता है।

बड़ी संख्या में मानचित्र या पृष्ठों की तुलना में, जो आंखों को बड़े क्षेत्रों में आसानी से स्वीप करने की अनुमति देते हैं, वेब व्यूअर कई पृष्ठों के लिंक पर निर्भर करता है जिनमें दृश्य के भाग होते हैं, और इसलिए समग्र संदर्भ खो जाता है – कोई भी पुस्तक प्रकार मानचित्र का उपयोग कर रहा है जानता है कि विभिन्न पृष्ठों को पार करने वाले मार्ग का पालन करना कितना मुश्किल है; इसी प्रकार, एक बड़े वैज्ञानिक चार्ट में तुलना करना बहुत कठिन होता है जब दर्शक इसे एक साथ देख नहीं सकता है।

इसके अलावा, मौजूदा एलसीडी स्क्रीन सीमित स्क्रीन देखने वाले कोण प्रदान करती हैं, भले ही वे बड़े या उच्च रिज़ॉल्यूशन थे, फिर भी वे बड़े क्षेत्रों पर समझ को समझेंगे।

संकल्प में मतभेद: ये आकार से भी अधिक महत्वपूर्ण हैं। 20 इंच के डिस्प्ले के लिए डिज़ाइन किया गया एक सैद्धांतिक रूप से एक पृष्ठ भी एक कलाई घड़ी पर फिट होगा यदि संकल्प समान था, लेकिन कम रिज़ॉल्यूशन स्क्रीन न केवल उपयोगकर्ता को क्षैतिज स्क्रॉलिंग में मजबूर करती है, लेकिन इसके प्रमुख भाग प्रस्तुत करने में विफल हो सकती है।

कागज के मुकाबले, आम उपयोग में प्रदर्शित होने वाले आज पांच से 10 गुना कम संकल्प होता है। नतीजतन, विवरण मोटा है, छोटा पाठ बेहोशी और अस्पष्ट है, और देखना थकाऊ है, खासकर जब स्क्रीन झिलमिलाहट मौजूद है। साथ ही, समग्र संदर्भ खो गया है, जिससे उपयोगकर्ता को पिछली स्क्रीन से जानकारी याद रखने और कनेक्ट करने के लिए मजबूर किया जा रहा है, जिसके लिए मानव मन खराब रूप से उपयुक्त है।

दूसरी तरफ, वेब ऐसे टूल प्रदान करता है जो आंशिक रूप से इसके लिए क्षतिपूर्ति करते हैं:

कुछ उपयोगिता दोषों के बावजूद, विशेष रूप से नेविगेशन के संबंध में, एक क्लिक करने योग्य छवि मानचित्र के रूप में एक फ्रेम में एक दृश्य के समग्र दृश्य को प्रदर्शित करने के लिए फ्रेम का उपयोग कर सकते हैं: जब उपयोगकर्ता ओवरव्यू मानचित्र में किसी क्षेत्र पर क्लिक करता है, तो एक उच्च रिज़ॉल्यूशन दूसरी फ्रेम में छवि के एक हिस्से का दृश्य दिखाई देता है। यह विशेष रूप से प्रभावी है यदि पहले फ्रेम में छवि उस क्षेत्र को हाइलाइट करती है जिस पर क्लिक किया गया था, मानचित्र के सापेक्ष वर्तमान माउस स्थिति प्रदर्शित करता है, और यदि छवि मानचित्र में बड़ी मात्रा में ओवरलैप के साथ-साथ ज़ूम की भिन्न डिग्री शामिल होती है, तो बेहतर वांछित सभी संदर्भ प्रदर्शित करने का मौका।

कभी-कभी एनीमेशन का प्रभावी ढंग से “छोटे गुणक” के स्थान पर उपयोग किया जा सकता है: एक चिकनी और तेज़ी से बदलती छवि, खासकर जब यह पूर्ण उपयोगकर्ता नियंत्रण में होती है, अक्सर एक स्थिर उच्च रिज़ॉल्यूशन पेज से बेहतर जानकारी व्यक्त कर सकती है हालांकि, ध्यान दें कि 5-10 वर्षों में डिस्प्ले पर पेपर के आकार और रिज़ॉल्यूशन फायदे गायब हो जाएंगे: लैपटॉप कंप्यूटर पर पहले से ही दो मेगापिक्सेल एलसीडी स्क्रीन बाजार पर हैं; आईबीएम ने हाल ही में एक अद्भुत 9 मेगापिक्सल के साथ एक 22 इंच एलसीडी का अनावरण किया जो मुद्रित पृष्ठ को पूरी तरह से प्रतिद्वंद्वी बनाता है (वर्तमान में यह बहुत महंगा है लेकिन निश्चित रूप से कीमत में गिरावट आएगा), और Miscosoft’s ClearType (TM) उप-पिक्सेल तकनीक टेक्स्ट के प्रभावी समाधान को काफी बढ़ाती है और काले / सफेद छवियों, कभी-कभी 300%

इसके अलावा, नए एलसीडी के पास व्यापक क्षेत्र का दृश्य है, और वे झिलमिलाहट नहीं करते हैं। निकट भविष्य में, स्टाइलस इनपुट वाले टैबलेट पीसी को एक पत्रिका की तरह बहुत अधिक रखा जा सकता है और छेड़छाड़ की जा सकती है, चूहों और कीबोर्ड की तुलना में पॉइंटिंग, ड्राइंग और लेखन के लिए बेहतर है, और आवाज और ऑडियो इनपुट / आउटपुट द्वारा बढ़ाया जाएगा। पहनने योग्य कंप्यूटरों के लिए रेटिना डिस्प्ले के साथ-साथ पहनने योग्य कंप्यूटरों के लिए रेटिना डिस्प्ले बहुत ही बड़े स्क्रीन डिस्प्ले हैं जो 6 फीट चौड़े होने वाले पहनने वाले को दिखाई देते हैं।


(क्यू) वेब प्रौद्योगिकी द्वारा डिजाइन करने के लिए कौन सी नई क्षमताएं पेश की जाती हैं?

वेब पेपर पर स्थैतिक पृष्ठों के साथ संभवतः एक समृद्ध सूचना वातावरण प्रदान कर सकता है, जैसे कि:

अद्यतित जानकारी: वेब जानकारी न केवल हार्डकॉपी से अधिक वर्तमान हो सकती है, लेकिन ट्रैफिक वेब कैम, टिकट आरक्षण, स्टॉक रिपोर्ट, जीपीएस रीडआउट आदि के मामले में तात्कालिक हो सकती है।

उपयोगकर्ता नियंत्रित एनीमेशन: छोटे गुणक आमतौर पर कागज पर एनीमेशन अनुकरण करने के लिए उपयोग किए जाते हैं, लेकिन वेब बहुत अधिक संभावनाएं प्रदान करता है, जैसे कि

वास्तविक समय गति

गति और दिशा के उपयोगकर्ता नियंत्रण (आगे और पीछे)

उपयोगकर्ता द्वारा चुने गए सबसेट की एनीमेशन ताकि अलग-अलग गति और दिशाओं पर विशेष संक्रमण देखा जा सके

फ्रीज फ्रेम जो एनिमेशन में एक या अधिक फ्रेम कैप्चर करते हैं

उपयोगकर्ता या बाहरी स्रोतों से आपूर्ति की गई इनपुट के लिए वास्तविक समय प्रतिक्रिया

3 डी ग्राफिक्स: कागज पर जटिल 3 डी दृश्यों के लिए सही दृष्टिकोण ढूंढना अक्सर मुश्किल होता है, क्योंकि किसी भी एकल दृश्य, या यहां तक कि विचारों का एक सेट, महत्वपूर्ण जानकारी को छुपा या विकृत कर सकता है। लेकिन वेब पर 3 डी डेटा विज़ुअलाइज़ेशन, जैसा कि वीआरएमएल या अन्य प्रोग्राम द्वारा प्रदान किया गया है, उपयोगकर्ता को किसी भी कोण से डेटा देखने की अनुमति देता है। कई साल पहले मैंने जेडब्ल्यू तुके द्वारा एक अंतर्दृष्टिपूर्ण प्रदर्शन देखा जो बहु-आयामी (10-12 आयाम) डेटा इंटरैक्टिव रूप से खोजता था। प्रारंभ में जो कुछ दिखाई दिया वह यादृच्छिक अर्थहीन बिंदुओं के सेट थे, लेकिन जैसे ही उन्होंने कुछ आयामों और लागू घूर्णन के साथ डेटा को ध्वस्त कर दिया, मजबूत और सरल वक्र उभरे जो कि महत्वपूर्ण रिश्तों को दर्शाते हैं।

हालांकि यह सच है कि 3 डी ऑब्जेक्ट्स का नियंत्रण आज कुछ मुश्किल है, क्योंकि हम आमतौर पर 2 डी सतह पर माउस के माध्यम से ऐसा करते हैं, निकट भविष्य में आकर्षक और हल्के हेडसेट के माध्यम से यह आसान होगा जो स्टीरियो कैमरों के साथ मिलकर सच्चे स्टीरियोस्कोपिक दृष्टि प्रदान करता है 3 डी में ट्रैक हैंड पोजिशन, हमें 3 डी छवियों को आसानी से “हड़पने” और छेड़छाड़ करने की इजाजत देता है क्योंकि हम असली दुनिया की वस्तुओं को करते हैं।

उच्च घनत्व ग्राफिक्स: हालांकि हार्डकॉपी वर्तमान डिस्प्ले की तुलना में उच्च रिज़ॉल्यूशन प्रदान करता है, कुछ वेब तकनीकें आपको पेपर पर जितना संभव हो उतना विस्तार से डेटा सेट देखने के लिए ज़ूम इन करने देती हैं।

अन्वेषक डेटा विश्लेषण: वेब न केवल देखने के लिए अनुमति देता है बल्कि पेपर पर कभी भी देखे जा सकने वाले रिश्तों को उजागर करने के लिए डेटा में परिवर्तनों को कुशलतापूर्वक लागू नहीं करता है

सार्वभौमिक सूचना उपकरण: वेब, विशेष रूप से वायरलेस एक्सेस के माध्यम से, कई प्रकार के सूचनाओं को एक साथ जोड़ सकता है जो आज कई अलग-अलग उपकरणों द्वारा प्रदान किए जाते हैं: घड़ियों, अलार्म घड़ियों, रेडियो, टीवी, समाचार पत्र, पत्रिकाएं, किताबें, सीडी, कंप्यूटर, वीडियो गेम, कानूनी, वित्तीय, और चिकित्सा रिकॉर्ड, लाइसेंस, परमिट, कक्षाएं, सिनेमाघरों, इत्यादि।


(क्यू) वेब डिज़ाइन में सबसे आम त्रुटियां क्या हैं?

अधिक परेशान डिजाइन दोषों में से मैं अक्सर देखता हूं:

तिथि / समय की जानकारी की कमी: अधिकांश जानकारी कुछ डिग्री के लिए अस्थिर है। अधिकांश साइटों के लिए “दिनांक-अंतिम-संशोधित” आवश्यक है, और किसी पृष्ठ पर किसी भी समय-निर्भर डेटा को समय दस्तावेज़ों की आवश्यकता होती है

भ्रमित नेविगेशन, नेविगेशन को अक्षम करने वाली विंडो, या बहुत अधिक पॉप-अप विंडो

प्रारंभिक पृष्ठ जो बहुत धीरे-धीरे लोड होते हैं या प्लगइन या असाधारण संसाधनों की आवश्यकता होती है, या स्क्रिप्ट जो ब्राउज़र अक्षम करते हैं

साइट की जानकारी की कमी, जैसे साइट मानचित्र और संपर्क जानकारी

एक भ्रमित लेआउट, लंबे पैराग्राफ, ग्राफिक्स को विचलित करने, गंदी पृष्ठभूमि, रंग का असंगत उपयोग (एक ही विषय के भीतर अलग-अलग रंग या विभिन्न विषयों के लिए एक ही रंग) के मामले में अव्यवस्था, मोर पैटर्न

तकनीकी या उपयोगकर्ता सीमाओं के प्रति संवेदनशीलता: वेब पृष्ठों को सीमित ब्राउज़र, कंप्यूटर या भौतिक सीमाओं वाले लोगों के लिए वैकल्पिक देखने संसाधन प्रदान करना चाहिए।


Leave a Comment

Your email address will not be published. Required fields are marked *