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