मुखपृष्ठ » यूआई / UX » टैबलेट उपयोगकर्ताओं के लिए बिल्डिंग वेबसाइट में एक नज़र

    टैबलेट उपयोगकर्ताओं के लिए बिल्डिंग वेबसाइट में एक नज़र

    टैबलेट का क्षेत्र, जो कभी Apple के iPad पर पूरी तरह से हावी था, अब हर दिन एक नए प्रवेश के साथ फलफूल रहा है। Google नेक्सस 7, अमेज़ॅन किंडल, माइक्रोसॉफ्ट सरफेस, और अन्य टैबलेट डिवाइसों की एक मेज़बानी जो बाज़ार में प्रवेश कर चुके हैं, मार्केटर्स को पीसी वेबसाइट से परे सोचने और स्टैंड-अलोन टैबलेट रणनीति विकसित करने के लिए प्रेरित कर रहे हैं - या, कम से कम, एक टैबलेट के अनुकूल वेबसाइट.

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

    टेबलेट के लिए बिल्डिंग

    ऑनलाइन पब्लिशर्स एसोसिएशन के एक अध्ययन के अनुसार, सामग्री और जानकारी दुनिया भर में टैबलेट के मालिकों की शीर्ष गतिविधि है। सामग्री की खपत शामिल है वीडियो देखना, उसके बाद समाचार पढ़ना. इसलिए, आपको एक बाज़ारिया या प्रकाशक के रूप में, अपने टैबलेट पाठकों को लुभाने के लिए क्या करना चाहिए?

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

    स्क्रॉल पास है; स्वाइप में है

    अपने लगातार बढ़ते टैबलेट आगंतुकों को संलग्न करने का एकमात्र तरीका पीसी वेबसाइट मानदंडों से परे है, अर्थात् ऊर्ध्वाधर स्क्रॉल प्रारूप और लेआउट, और एक अधिक व्यक्तिगत, इंटरैक्टिव वेबसाइट का निर्माण शुरू करने के लिए। टेबलेट पाठकों को स्वाइप करने और फ्लिक करने जैसे इशारों के लिए उपयोग किया जाता है और इन्हें पुराने साइटों पर "स्क्रॉल और क्लिक" करने के लिए पसंद करते हैं.

    HTML5 और CSS3 का लाभ उठाकर पृष्ठांकित, अच्छी तरह से प्रारूपित सामग्री को प्रदर्शित करने के लिए जो एक मुद्रित पत्रिका का अनुकरण करता है और पाठकों को उनकी पसंदीदा पत्रिकाओं के पृष्ठों को फ़्लिप करने का अनुभव देता है.

    स्पर्श के अनुकूल वेबसाइटें

    आज बाजार का हर टैबलेट एक टच इंटरफेस के साथ काम करता है, जिसने इस विचार को फिर से परिभाषित किया है कि हम व्यक्तिगत कंप्यूटर के साथ कैसे बातचीत करते हैं। टेबलेट पर इष्टतम पढ़ने के अनुभव के लिए, यह 14 पिक्सेल पर न्यूनतम पाठ आकार रखने के समान सरल है। लेकिन उपयोगकर्ता इंटरफेस के बारे में क्या विशेष रूप से जब यह मानव इनपुट की बात आती है?

    यह फिंगर्स में है

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

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

    हम आपको टैबलेट के अनुकूल वेबसाइट का निर्माण करते समय Apple के iOS मानव इंटरफ़ेस दिशानिर्देशों का पालन करने की सलाह देते हैं.

    आकर्षक तत्वों से बचें

    टैबलेट मार्केट में आईपैड के साथ अभी भी पैक का लीडर है, फ्लैश के लिए निर्माण नहीं करना अभी भी सुरक्षित है। हालाँकि, आप HTML5 का उपयोग करके अपने टेबलेट ब्राउज़रों पर अपने पाठकों के लिए एक बेहतर अनुभव बना सकते हैं। अपनी टेबलेट वेबसाइट को सभी टेबलेट उपकरणों पर तेज़ और सुलभ रखने के लिए जावास्क्रिप्ट-आधारित एनिमेशन का कम उपयोग करें.

    ओरिएंटेशन मायने रखता है

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

    और आगे पढ़ने के लिए, एक नज़र डालें:

    • मोबाइल वेब डिज़ाइन: बेहतर उपयोगिता के लिए 10 सुझाव
    • 30 उपयोगी उत्तरदायी वेब डिज़ाइन ट्यूटोरियल
    • डिजाइनरों के लिए 50 उपयोगी उत्तरदायी वेब डिज़ाइन उपकरण

    अंत में, हमेशा उन छवियों का उपयोग करें जो बहुत अधिक रिज़ॉल्यूशन की हैं, या सुनिश्चित करें कि आपकी छवियां विभिन्न झुकावों के लिए आकार बदलती हैं, ताकि उपयोगकर्ताओं को पूरी तस्वीर मिल सके। अधिकांश टैबलेट्स के साथ 16: 9 आस्पेक्ट रेश्यो अच्छी तरह काम करता है.

    लपेटें

    टैबलेट के अनुकूल वेबसाइट बनाते समय, पीसी वेबसाइटों से परे सोचें और व्यक्तिगत बातचीत को एक कदम आगे बढ़ाएं। रेथिंक और अपनी वेबसाइटों को एक ऐसी दुनिया के लिए पुनर्निर्माण करें जहां टैबलेट पहले हैं.

    संपादक की टिप्पणी: इस पोस्ट के द्वारा लिखा गया है लक्ष्मी हरिकुमार Hongkiat.com के लिए.