भाषा चुनें

वेबसाइट डिज़ाइन: समझने, निर्णय और काम पूरा करने में मदद

असली ग्राहक यात्रा के साथ सामग्री, नेविगेशन, सुगम्यता और प्रदर्शन जोड़ें।

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

डेस्कटॉप पृष्ठ और उससे मेल खाती मोबाइल स्क्रीन काम पूरा करने का स्पष्ट और सुलभ रास्ता दिखाते हैं।

सीखने के उद्देश्य

  • ग्राहक काम को साफ पृष्ठ व नेविगेशन बनाएँ।
  • उपकरणों पर सुगम्यता व पूरी क्रिया जाँचें।

पृष्ठ के निर्णय को तय करें

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

समझने योग्य रास्ता

संगत नेविगेशन व गंतव्य बताने वाले लिंक लें। मौजूदा स्थान व वापसी दिखाएँ। मुख्य क्रिया केवल रंग से न अलग करें। फॉर्म में दिखते लेबल, जरूरी जानकारी और फील्ड पास सुधार योग्य त्रुटि हो। सफल भेजने के बाद क्या होगा स्पष्ट करें।

अलग क्षमता व स्थिति में डिज़ाइन

लोग कीबोर्ड, सहायक तकनीक, बड़ा आकार या तेज रोशनी में छोटा पर्दा इस्तेमाल करते हैं। कंट्रास्ट, तार्किक फोकस व उद्देश्य के वैकल्पिक पाठ देखें। कम जगह व बड़े अक्षर में फिर व्यवस्थित हो। स्वचालित जाँच कुछ समस्या पाती, असली व्यक्ति काम कर सके यह सिद्ध नहीं।

प्रदर्शन व रखरखाव भी डिज़ाइन

सही चित्र आकार, स्थिर जगह व जरूरी क्रिया लें। छिपाती या अप्रत्याशित नेविगेशन बनाती सजावट न लें। कीमत, दायरा व संपर्क अपडेट जिम्मेदारी दें। असली लंबाई, भाषा दिशा व त्रुटि जाँचें। वास्तविक सामग्री में भी डिज़ाइन चले।

काम आधारित डिज़ाइन चक्र

अलग स्क्रीन नहीं, पूरी यात्रा देखें।

  1. समझें

    काम व जरूरी सूचना पहचानें।

  2. व्यवस्थित करें

    स्पष्ट सामग्री व नेविगेशन बनाएँ।

  3. बनाएँ

    सुगम, अनुकूल क्रियाएँ लागू करें।

  4. जाँचें

    पूर्णता देखें, बाधा हटाएँ, सटीकता रखें।

तुलना तालिका

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

संपर्क फॉर्म जो पूरा लगा

काल्पनिक कंपनी का सुंदर पृष्ठ गलती सिर्फ लाल किनारे में दिखाता है।

  1. कीबोर्ड समीक्षा बताती है गायब जानकारी नहीं पहचानी जा रही।
  2. टीम लेबल, स्पष्ट त्रुटि व फोकस रास्ता जोड़ती है।
  3. छोटे-बड़े पर्दे पर सुधार, पुष्टि व वादा किया अनुवर्तन जाँचती है।

सुधार काम पूरा व समझने योग्य प्रतिक्रिया है, नया रंग नहीं। पूरी सुगम्यता समीक्षा में और जाँच लग सकती है।

कार्रवाई की सूची

  • काम व अगला कदम बताएँ।
  • अर्थपूर्ण शीर्षक व लिंक लें।
  • कीबोर्ड व त्रुटि सुधार देखें।
  • संकीर्ण जगह व बड़ा पाठ जाँचें।
  • सामग्री व रखरखाव जिम्मेदार दें।

आम गलतियाँ

खाली प्रारूप मंजूर करना

छोटे डेमो में चलता लेआउट असली अनुवाद व चित्र में बिगड़ सकता है।

स्वचालित अंक को पूरा अनुभव मानना

ऊँचे अंक हर व्यक्ति के नेविगेशन, शब्द या कठिन क्रिया की सफलता सिद्ध नहीं करते।

सवाल और जवाब

अनुकूल डिज़ाइन डेस्कटॉप छोटा करना है?

नहीं। मुख्य सूचना व उपयोगी पढ़ने-फोकस क्रम रखते हुए लेआउट व क्रिया बदलना है।

सुगम्यता सिर्फ अंत में जोड़ी जा सकती है?

बाद का सुधार संभव, लेकिन सामग्री, संरचना व क्रिया पूरे काम में आसान सँभलती हैं।

स्रोत और आगे का अध्ययन

  1. सुगम्यता सिद्धांतW3C Web Accessibility Initiative

    प्राथमिक अंतरराष्ट्रीय मार्गदर्शन जरूरत व संबंधित मानक समझाता है।

  2. व्यावहारिक डिज़ाइन व विकास सुझावW3C Web Accessibility Initiative

    W3C लेखक, डिज़ाइनर व डेवलपर को परिचय देता है; छोटी सूची पूरा अनुपालन ऑडिट नहीं।

इस पाठ की अवधारणाएँ

ब्लॉग पर लौटें