सामग्री अनुप्रयोग: पाठक की ओर

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

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

भौतिक बनाम डिजिटल प्रारूप

किताबें पढ़ने के लिए कई एप्लिकेशन वास्तविकता के करीब हैं - यहां आपके पास पुस्तकों के साथ अलमारियां हैं, और मुद्रित पुस्तकों के कवर हैं, और वास्तविक पृष्ठ मोड़ (जिस पर वह एक बार लंबे समय तक संघर्ष करता है) का प्रभाव है। यह कुछ इस तरह दिखता है:





आईपैड और कियोस्क पर iBooks पर खुली किताब

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



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



विंडोज 8 किंडल ऐप

मुझे लगता है कि Pinterest पर प्रामाणिक रूप से डिजिटल डिज़ाइन और अवधारणाओं के उदाहरणों को देखना आपके लिए दिलचस्प होगा।

एक अच्छा उदाहरण फ्लिपबोर्ड एप्लिकेशन है, जो एक तरफ, मुद्रित अखबार की तरह एक सा है, दूसरी ओर, डिजिटल प्रकाशन के सभी तत्व हैं:



फ्लिपबोर्ड ऐप

क्या RSS रीडर लिखना आसान है?

मोबाइल प्लेटफार्मों की क्षमताओं का प्रदर्शन करने वाले कई उदाहरण आरएसएस के पाठकों को लिखने के लिए समर्पित हैं। पहले दिन से, बड़ी संख्या में समाचार क्लाइंट और आरएसएस के पाठक एप्लीकेशन स्टोर भरते हैं। यह माना जाता है कि इस तरह के आवेदन को एक छात्र एक शाम में आसानी से लिख सकता है।

सच्चाई यह है कि आप कुछ लिख सकते हैं, केवल ऐसे ग्राहक का उपयोग करना बिल्कुल असंभव होगा। साथ ही आधे ग्राहक मोबाइल उपकरणों के लिए जारी किए गए।

क्यों? क्योंकि अच्छे पाठकों को कई बारीकियों को ध्यान में रखना चाहिए। उदाहरण के लिए, यह आवश्यक है कि वे:

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

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



उपरोक्त उदाहरण में, मुझे कई समस्याएं दिखाई देती हैं:

1. पाठ "कल, 18:17" बहुत अधिक स्थान लेता है, जबकि इसमें शब्दार्थ भार नहीं होता है;
2. शीर्ष ब्रांडेड पैनल + निचला नियंत्रण पैनल + पाठ "कल 18:17" कार्यस्थल के 25-30% हिस्से पर कब्जा कर लेता है जिसका उपयोग समाचार के पाठ के लिए किया जा सकता है।

हमने इस समस्या को निम्नानुसार हल किया: ब्रांडिंग स्थान की एक न्यूनतम, साथ ही एक ढह गई, लेकिन किसी भी समय सुलभ नियंत्रण कक्ष (सैद्धांतिक रूप से, आप एक पंक्ति पर एक हेडलाइन बना सकते हैं, जो लंबे हेडर के मामले में एक और 10% प्रयोग करने योग्य स्थान जोड़ देगा):



इससे हम यह निष्कर्ष निकाल सकते हैं कि कार्यक्षमता और अतिरिक्त जानकारी को उपयोगकर्ता के मुख्य कार्य में हस्तक्षेप नहीं करना चाहिए - सामग्री को पढ़ना।

आसान नेविगेशन

सामग्री अनुप्रयोगों के अंदर नेविगेशन जितना संभव हो उतना सरल होना चाहिए, और सभी अतिरिक्त फ़ंक्शंस (फ़ंक्शंस जो समाचार पढ़ने से संबंधित नहीं हैं, दुर्लभ अपवादों के साथ, वैकल्पिक हैं) को नियंत्रण कक्ष में छिपाया जाना चाहिए या अतिरिक्त कार्यों का उपयोग करके बुलाया जाना चाहिए।

इस अध्ययन से इसकी पुष्टि होती है, जो कहता है कि इस तरह के अनुप्रयोगों में से एक मुख्य समस्या एक जटिल और सहज ज्ञान युक्त नेविगेशन मॉडल नहीं है।

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



आप इसे बिना किसी योजना के समझ नहीं सकते

उपयोगकर्ता इस तरह की योजना को पसंद नहीं करते हैं, क्योंकि वे "निकट" (जो हमारी सदी में निर्देश पढ़ते हैं?) महसूस नहीं करना चाहते हैं।

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

एक और उदाहरण iPad के लिए Kinopoisk ऐप है। ईमानदारी से, विंडोज फोन के लिए एक बहुत ही सुविधाजनक और विचारशील ग्राहक के बाद, मुझे आईपैड के लिए एक समान रूप से सुविधाजनक क्लाइंट देखने की उम्मीद थी (मुझे इस क्रम में एप्लिकेशन पता चला)।

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

यह इस तरह दिखता है:



Kinopoisk आवेदन

निष्कर्ष यह है: आपको उपयोगकर्ता इंटरैक्शन मॉडल पर अधिक ध्यान देने की आवश्यकता है, साथ ही एप्लिकेशन के भीतर नेविगेशन करने के लिए भी।

सामग्री प्रदर्शन टेम्पलेट

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

1. Pinterest- शैली:



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

2. Pinterest- शैली के विपरीत, विंडोज-शैली यह मानती है कि रेखा के साथ पंक्तिबद्ध वर्ग भी हैं।



अतिरिक्त इंडेंटेशन और ऑब्जेक्ट्स को समूहीकृत करना एप्लिकेशन में नेविगेट करना आसान बनाता है।



एक: बाईं ओर और शीर्ष पर संकेत पूरे आवेदन में समान हैं;
बी: एक ही प्रकार के तत्वों के समूहों के बीच अतिरिक्त इंडेंटेशन;
सी: एक ही समूह में एक ही प्रकार के तत्वों के बीच एक छोटी दूरी;
डी: हेडर ग्रिड पर संरेखित किए जाते हैं।

वैसे, यहां एक गाइड निहित है जो बताता है कि मौजूदा साइट के आधार पर विंडोज 8 एप्लिकेशन को कैसे डिज़ाइन किया जाए।

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



3. फेसबुक और इंस्टाग्राम शैली।

आप मोबाइल एप्लिकेशन में ऐसा डिज़ाइन शायद ही कभी देखते हैं, लेकिन यह शायद बेहतर भी है।

एक विशिष्ट मंच के लिए डिजाइन

बहुत से लोग इस बारे में भूल जाते हैं और वेब उपयोगकर्ताओं के लिए परिचित उपयोगकर्ता अनुभव को मोबाइल प्लेटफार्मों पर स्थानांतरित करने का प्रयास करते हैं। ऐसी स्थिति भी होती है जब एक मोबाइल एप्लिकेशन, उदाहरण के लिए, आईओएस के लिए, एक नए प्लेटफॉर्म - एंड्रॉइड या विंडोज फोन पर एक से एक को स्थानांतरित करने की कोशिश कर रहा है।

यह मौलिक रूप से सच नहीं है, क्योंकि आपको इसकी सभी विशेषताओं को ध्यान में रखते हुए एक विशिष्ट मंच के लिए डिज़ाइन करने की आवश्यकता है।

यहाँ वर्णित स्थिति का एक उदाहरण है:



एप्लिकेशन सभी प्लेटफार्मों के लिए लगभग समान दिखते हैं। कंपनियां अक्सर इसे पहचानने और मुद्दों की ब्रांडिंग के लिए पेश करती हैं। हालांकि, अभ्यास से पता चलता है कि उपयोगकर्ता शायद ही कभी दो या तीन फोन का उपयोग विभिन्न ऑपरेटिंग सिस्टम के साथ करते हैं, इसलिए, मान्यता को क्रॉस-प्लेटफॉर्म तरीके से काम नहीं करना चाहिए। इसके अलावा, लेखक कम से कम दो मोबाइल प्लेटफार्मों के दिशानिर्देशों का उल्लंघन करते हैं।

निष्कर्ष के बजाय

मुझे उम्मीद है कि सामग्री अनुप्रयोगों और डिजाइनों की दुनिया में एक छोटा भ्रमण सफल रहा, और यह आपके लिए और अधिक स्पष्ट हो गया कि क्यों सामग्री अनुप्रयोगों को लिखना उतना सरल नहीं है जितना पहली नज़र में लग सकता है।

आपकी पसंदीदा सामग्री ऐप्स क्या हैं?