वेब गिरावट या वेब मानव को पठनीय कैसे बनाया जाए

अस्वीकरण: इस लेख के साथ मैं किसी भी उपयोगकर्ता, डेवलपर्स, वेब पोर्टल, सेवाओं और अन्य को अपमानित या ऊंचा नहीं करना चाहता। लेख में दिए गए स्क्रीनशॉट, साथ ही उन पर टिप्पणियां, लेखक की व्यक्तिपरक राय हैं और किसी को भी उसके साथ विचार करने का आग्रह नहीं करते हैं।

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

शुरू करने के लिए, अवलोकन। इंटरनेट जबरदस्त गति से बढ़ रहा है। नहीं, चलिए मुद्दे पर आते हैं। इंटरनेट पर भारी मात्रा में जानकारी। नहीं, चलो पास हो जाओ।

इंटरनेट पर सामग्री की एक प्रभावशाली राशि को भयानक रूप में प्रस्तुत किया गया है। हां, अब यह एक थीसिस की तरह लगता है।

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

अगर आप मुस्कुराते हैं, तो यह अच्छा है। लेकिन वास्तव में, थोड़ा अच्छा है। आखिरकार, हम पढ़ने के बारे में गए ... प्रतीक्षा करें, लेकिन आम तौर पर हम जो पढ़ना चाहते हैं, उसके बारे में क्या है? ठीक है, चलो कुछ रोमांचक डेस्कटॉप समाचार प्राप्त करें।



अरे हाँ, रूस में टेलीग्राम अवरुद्ध है ... क्या अफ़सोस है, हमने कुछ महीने पहले सोचा था। और यह सच है, यह एक महान दया है कि हम आम तौर पर इस तरह की रोमांचक खबरें नहीं पढ़ सकते हैं।
मुझे यकीन है कि आपने मुझे वही पकड़ा है जो मुझे मिल रहा है बेशक, टेलीग्राम को ब्लॉक करना वास्तव में बुरा है। लेकिन जो वास्तव में बुरा है वह है पॉप-अप / निरर्थक / माध्यमिक सामग्री का प्लेग।

किसी ने एक बार बस होलट्रॉप ने एक बहुत ही मनोरंजक ट्वीट पोस्ट किया, जिसे एक सरल शब्द "ज़ियाज़ा" में वर्णित किया जा सकता है।


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


→ लिंक

---

न केवल मोबाइल इंटरनेट पीड़ित है, उदाहरण के लिए कुख्यात बड़ी साइटों को लें



पहली स्क्रीन पर सामग्री से, केवल शीर्षक, और उसके लिए धन्यवाद।

---

हुर्रे, यहां, शीर्षक के अलावा, हम एक और पाठ, लेखक और यहां तक ​​कि प्रकाशन की तारीख को देखने में सक्षम थे, अभूतपूर्व है!

---

पृष्ठ का केवल तीसरा भाग पठनीय है, अधिक नहीं।

---

लेख का शीर्षक पढ़ें। यह बहुत दुःखद होता अगर यह मज़ेदार होता।

---

यहाँ क्या हो रहा है?

---

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

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


लोग एक अच्छा काम कर रहे हैं, और सच्चाई यह है कि उनके साथ एक पाउंड क्यों नहीं साझा किया जाए? हां, सामग्री का आधा हिस्सा अवरुद्ध है, लेकिन यह कैसे किया जाता है! सुरुचिपूर्ण, सूचनात्मक और बिंदु तक।

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


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

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

पाठकों

पाठक बचाव के लिए आते हैं। ये ऐसी प्रणालियाँ हैं जो आपको एक सुविधाजनक पुस्तक प्रारूप में सामग्री प्रस्तुत करने की अनुमति देती हैं। वे लापरवाह वेबमास्टरों के लिए सुधारे जाते हैं (यहां मेरा मतलब वेबसाइट विकास के सभी चक्रों में प्रतिभागियों से है), उपयोगकर्ता के लिए एक जीवन रेखा फेंकते हुए।

उदाहरण के लिए, सफारी पहले से ही उपयोगकर्ता को पाठक के दृश्य पर स्विच करने और एक अनावश्यक लेआउट के बिना, एक स्वच्छ लेआउट में एक दिलचस्प लेख पढ़ने की पेशकश करती है।

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

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

क्या करें?

मुख्य बात एक आदमी होना है।

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

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

एक्शन आइटम

यदि आप मुझे अनुमति देंगे, तो मैंने कई युक्तियों को संचित किया है जो स्थिति में सुधार करने में आपकी मदद कर सकते हैं।

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

विपणन

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

UX (वेब ​​डिज़ाइन)

UX लोग, विपणन के विपरीत, आमतौर पर इस बारे में सोचते हैं कि उत्पाद अंतिम उपयोगकर्ता के लिए कैसा दिखेगा। लेकिन डिजाइन एकीकरण फिर से डेवलपर्स के हाथों में है , जैसा कि विपणन के मामले में है। यह बहुत अच्छा है जब यूएक्स कुछ घटकों का उपयोग करके अपने दम पर इंटरफेस को इकट्ठा कर सकता है या सिर्फ एक प्रोटोटाइप बना सकता है, लेकिन ऐसा अक्सर नहीं होता है जैसा कि हम सोचते हैं।

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

और फिर, "आप हमें भ्रमित क्यों कर रहे हैं, सामान्य तौर पर यह स्पष्ट नहीं है कि किसे दोष देना है और किसे यह सब ठीक करना चाहिए"?

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

ऐसी स्थिति में जहां आप पहले से ही उत्पादन में "समान समाधान" का उपयोग करते हैं, मैं समाधान के लिए जिम्मेदार व्यक्ति से संपर्क करने और उसके उद्देश्य और उपस्थिति पर चर्चा करने का प्रस्ताव करता हूं। मुझे यकीन है कि इसी समस्या को अधिक हानिरहित तरीके से हल किया जा सकता है।

तकनीकी क्षेत्र में, उपयोगकर्ता के अनुभव को बेहतर बनाने के लिए कई समाधान हैं, लेकिन मैं अपनी राय में केवल सबसे दिलचस्प कुछ ही दूंगा।

Google AMP:

• www.ampproject.org
• ampbyexample.com/components
• ampstart.com

टेलीग्राम से त्वरित दृश्य (यदि ब्लॉग या समाचार पोर्टल आवश्यक है)

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