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