आगामी iOS7 के लिए तीन वेब डिज़ाइन प्रथाओं

एक हफ्ते में, Apple दुनिया के लिए iOS7 खोल देगा।

ऑपरेटिंग सिस्टम के नए संस्करण में 56.5% विश्व सर्फिंग उत्पन्न होती है (नोट अनुवादक: मोबिक्विक के आंकड़ों के अनुसार) में नई सुविधाएँ और अद्भुत डिज़ाइन सुधार शामिल हैं।

आईओएस में सबसे दिलचस्प बदलाव सफारी निर्मित ब्राउज़र में पाए जा सकते हैं। ये परिवर्तन ब्राउज़र और साइटों के साथ काम करते समय सीधे ब्राउज़र के संचालन और परिचित उपयोगकर्ता अनुभव को प्रभावित करते हैं।

इस लेख में मैं iOS7 पर सफारी में तीन मुख्य यूएक्स / यूआई परिवर्तनों के बारे में बात करना चाहता हूं जो आपको Apple उपकरणों के लिए साइटों का अनुकूलन करते समय ध्यान में रखना चाहिए।

1. स्क्रीन के किनारे से स्वाइप करना मृत है

(नोट अनुवादक: स्वाइप - किसी एक पक्ष में स्क्रीन पर एक उंगली की गति, जिसे स्वाइपिंग भी कहा जाता है)
सफारी के पिछले संस्करणों में, उपयोगकर्ता स्क्रीन के ऊपरी किनारे से नीचे की ओर स्वाइप करके अधिसूचना केंद्र को कॉल कर सकता है, हालांकि iOS7 सफारी में डिवाइस के स्क्रीन के सभी 4 किनारों का उपयोग किया जा सकता है।

जेस्चर शामिल थे जो आपको ब्राउज़िंग इतिहास के माध्यम से वापस जाने के लिए बाएं से दाएं स्वाइप का उपयोग करने की अनुमति देते हैं, साथ ही आगे जाने के लिए दाएं से बाएं भी। कंट्रोल सेंटर (नियंत्रण केंद्र) तक पहुंचने के लिए नीचे से ऊपर की ओर एक स्वाइप भी है।

यह साइटों को कैसे प्रभावित करता है

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

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



लेफ्ट: iOS6 पर स्किनी टाईज़ - हिंडोला उम्मीद के मुताबिक काम करता है।
सही: iOS7 पर स्किनी टाई - हिंडोला स्क्रॉल करना अब ब्राउज़र इतिहास के माध्यम से पीछे की ओर बढ़ने के इशारे को सक्रिय करता है।

2. अच्छा नेविगेशन अब बहुत अधिक महत्वपूर्ण है।

नई सफ़ारी में आपको एक और चीज़ नज़र आएगी, जब आप पृष्ठ को स्क्रॉल करते हैं तो इंटरफ़ेस तत्व कम से कम हो जाते हैं।

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

यह साइटों को कैसे प्रभावित करता है

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

इसलिए आपको यह सुनिश्चित करने की आवश्यकता है कि आपकी साइट का नेविगेशन सरल, सहज और प्रबंधन करने में आसान है।

3. ब्राउज़र तत्व सूचना के प्रदर्शन में हस्तक्षेप कर सकते हैं।

जैसा कि ऊपर उल्लेख किया गया है, iOS7 में सफारी पृष्ठों को देखते समय इंटरफ़ेस तत्वों को कम करता है, या उन्हें पूरी तरह से हटा देता है।

इसका मतलब यह भी है कि इंटरफ़ेस ऊंचाई बदल सकता है, जो कुछ साइटों के लिए महत्वपूर्ण हो सकता है।

उदाहरण के लिए, नीचे दिया गया स्क्रीनशॉट दिखाता है कि हमारी साइट पर ग्राहक iOS7 में केवल आधे दिखाई दे रहे हैं (iOS6 के विपरीत)।



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

यह साइटों को कैसे प्रभावित करता है

सीधे शब्दों में कहें, आपके पास परीक्षण करने के लिए एक और कारक है। यदि आपकी साइट के लिए कार्य क्षेत्र की ऊंचाई बदलना महत्वपूर्ण है, तो आपको यह सुनिश्चित करना चाहिए कि आपकी साइट iOS7 पर अच्छी दिखती है।

निष्कर्ष

हम Mobify में नए iOS और मोबाइल सफारी के नए संस्करण को लेकर बहुत उत्साहित हैं। यह देखना दिलचस्प होगा कि जॉनी Ive टीम द्वारा चुनी गई नई डिज़ाइन दिशा निकट भविष्य में अनुप्रयोगों, साइटों और इंटरफ़ेस डिज़ाइन को कैसे प्रभावित करेगी।

एक ही समय में, वेब डिजाइनर और डेवलपर्स सबसे अच्छी बात यह कर सकते हैं कि उनके हाथों में iOS7 डिवाइस हैं, या Xcode5 (अब डेवलपर पूर्वावलोकन के रूप में पेश किया गया) डाउनलोड करें और सुनिश्चित करें कि उनकी साइटें ठीक काम करेंगी और इस ऑपरेटिंग सिस्टम को देखेंगी।