एक अच्छा मोबाइल प्रोजेक्ट - यह क्या है?

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





1. सूचना को सही ढंग से प्रदर्शित करें।

उपयोगकर्ता के दृष्टिकोण से, साइट के पृष्ठ की संपूर्ण सामग्री को तीन समूहों में विभाजित किया जा सकता है:

1. सामग्री - वह जानकारी जिसके लिए उपयोगकर्ता पृष्ठ पर गया (सामान्य रूप से साइट पर गया) - पाठ, छवि, वीडियो या अन्य संसाधनों के लिंक, आदि।

2. नेविगेशन - साइट के नियंत्रण तत्व - साइट के अन्य पृष्ठों, फ़ील्ड्स और प्रपत्रों के बटन के लिए लिंक।

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

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

• पृष्ठ पर हेडर की ऊँचाई कम (उचित सीमा के भीतर), बेहतर है। वांछित सामग्री के बजाय स्क्रीन के एक तिहाई में एक ही छवि को देखने से हर बार पृष्ठ लोड होने पर भयानक होता है। सबसे अच्छे विकल्पों में से एक है हेडर के लिए दो विकल्प बनाना - मुख्य पृष्ठ के लिए पूर्ण आकार और बाकी सभी के लिए जितना संभव हो (15-25px) संकीर्ण।

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

• जानकारी को संक्षिप्त रखें। लाइनों और वस्तुओं के बीच बड़े फोंट और अतिरिक्त ऊर्ध्वाधर अंतराल की प्रचुरता से बचें।

• संक्षिप्त नाम और लिंक देने की कोशिश करें। यदि वे एक पंक्ति में फिट होते हैं - यह एक अच्छी उपस्थिति के लिए एक अतिरिक्त स्पर्श है।

• अनावश्यक ग्राफिक्स और माध्यमिक तत्वों के साथ डिजाइन को अधिभार न डालें।

2. उपयोगकर्ता क्रियाओं को छोटा करें।

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

• उपयोगकर्ता इनपुट को सहेजें और इसे अगली बार डिफ़ॉल्ट रूप से प्रतिस्थापित करें।

उदाहरण: प्राधिकरण रूप में अंतिम उपयोगकर्ता के लॉगिन का विकल्प, खोज सेटिंग्स संग्रहीत करना, आदि।

• पंजीकरण को यथासंभव सरल बनाएं। इसकी केवल वही माँग करें जहाँ इसकी वास्तव में आवश्यकता है।

• सक्रिय रूप से एक्सेसकी का उपयोग करें। समान ऐक्सेसरीज़ को समान क्रियाओं में असाइन करें - उदाहरण के लिए, मुख्य पृष्ठ के लिंक से हर जगह लिंक होने दें। [4] और [6] और पेजों के माध्यम से पेजिंग के लिए जिम्मेदार हैं।

• एक कार्रवाई को पूरा करने के लिए आवश्यक क्लिक की संख्या को कम करने की कोशिश करें।

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

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

3. यातायात कम से कम करें

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

• आपके द्वारा अपलोड की गई छवियों के आकार का अनुकूलन करना सुनिश्चित करें। आदर्श रूप में, उपयोगकर्ता के स्क्रीन आकार के अनुसार एक छवि विकल्प चुनें।

• साइट का एक लाइट संस्करण बनाएं - माध्यमिक छवियों के बिना (उदाहरण के लिए, अवतार) और अधिकतम कम किए गए हेडर (या बिल्कुल भी हेडर नहीं)।

• html कोड डालें, अनावश्यक स्थान, टिप्पणियां हटाएं, लंबी आईडी, नाम और वर्ग के नाम से बचें।

4. वैधता की जाँच करें

अधिकांश मानक मोबाइल ब्राउज़रों को प्राप्त संसाधनों की शुद्धता पर बेहद मांग है। इसका मतलब निम्न है:

• प्रोजेक्ट पेजों को XHTML मोबाइल विनिर्देशों का पालन करना चाहिए ( valid.org.org का उपयोग सत्यापन के लिए किया जा सकता है)

सीएसएस वैध होना चाहिए (http://jư.w3.org/css-validator/)

• लेआउट यथासंभव सरल होना चाहिए (साथ ही "स्ट्रेचिंग", सिंगल-कॉलम, क्रॉस-ब्राउज़र और डिव का उपयोग करना)।

• कुछ उपकरणों द्वारा लगाए गए प्रतिबंधों को ध्यान से देखें।

उदाहरण: कुछ पुराने फ़ोन वॉल्यूम में 40-50kb से बड़े पृष्ठों के साथ अच्छी तरह से काम नहीं करते हैं, या एक पृष्ठ को अधिक संख्या में वर्णों के साथ प्रदर्शित करते समय "धीमा" करते हैं।

उदाहरण: अधिकांश मोटोरोला फोन टैग को सही ढंग से संभाल नहीं पाते हैं - बोल्ड अक्षरों को अपठनीय वर्गों द्वारा बदल दिया जाता है)।