राय: शरीर पाठ 16px पर

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

Naikom वेब डिज़ाइन ब्लॉग द्वारा अनुवादित

मुख्य पाठ के लिए, 16 से कम कुछ भी भयानक गलती है

मुझे पता है कि अब आप क्या सोच रहे हैं: “उसने सिर्फ 16 पिक्सेल कहा? मुख्य पाठ के लिए? बहुत खूब! 12 पिक्सेल अधिकांश वेबसाइटों के लिए एकदम सही हैं। ”
मैं आपको इसके विपरीत समझाना चाहूंगा।

" 100% आसान-2-मानक पढ़ें " लेख में प्रयोज्य विशेषज्ञ ओलिवर रीचेंस्टीन ने कहा:
“16 पिक्सेल बहुत नहीं है। यह ब्राउजर में डिफॉल्ट टेक्स्ट साइज है। ब्राउज़रों को इस आकार को दिखाने का इरादा था ... पहली नज़र में यह थोड़ा ज्यादा लगता है, लेकिन जैसे ही आप कोशिश करते हैं, आप तुरंत समझ जाएंगे कि सभी ब्राउज़र डेवलपर्स ने डिफ़ॉल्ट रूप से इस पाठ का आकार क्यों चुना है। "

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

आप देखते हैं, ज्यादातर मामलों में, यदि आप 10 और 15 पिक्सेल के बीच फ़ॉन्ट आकार के साथ एक वेबसाइट बनाते हैं, तो आप ग्राहक के पैसे बर्बाद कर रहे हैं। और यहाँ क्यों है।

पाठक राजस्व हैं

यदि आप किसी के लिए एक वेबसाइट बना रहे हैं - यहां तक ​​कि खुद के लिए भी - सबसे अधिक संभावना है कि आपका लक्ष्य पैसा बनाना है।

हो सकता है कि उत्पाद को सीधे बेचें, या सेवा प्रदान करें, या केवल क्लिक के लिए। किसी भी मामले में, यह एक व्यावसायिक संपत्ति है, और अंततः इसे आपके निवेश को वापस करना चाहिए। वह लाभदायक होना चाहिए।
इस प्रकार, प्रत्येक तत्व को इस लक्ष्य को प्राप्त करने के लिए डिज़ाइन किया जाना चाहिए। पाठ सहित। विशेष रूप से पाठ - क्योंकि पाठ आगंतुकों को आश्वस्त करता है कि आप क्या चाहते हैं।
इसके बारे में सोचो। यदि आप यह नहीं समझाते हैं कि लोगों को क्या करना चाहिए, और उन्हें क्यों करना चाहिए, तो निश्चित रूप से वे ऐसा नहीं करेंगे। और उन्हें बताने का एकमात्र तरीका पाठ के माध्यम से है। और पाठ का तात्पर्य है पढ़ना।

महत्वपूर्ण पढ़ने के तथ्य

कुछ तथ्य हैं जो पाठकों, पढ़ने और समझने जैसे मुद्दों के लिए महत्वपूर्ण हैं , और यह सब पाठ के बारे में है। यदि लोग इसे नहीं पढ़ेंगे, या यदि वे इसे पढ़ या समझ नहीं सकते हैं, तो इसमें क्या बात है, है ना?

1. 40 में, केवल आधी दुनिया 20 साल के विपरीत, रेटिना में गुजरती है। 60-वर्षीय बच्चों के लिए - केवल 20%।
   
2. सभी अमेरिकियों में से लगभग 9% ने कम दृष्टि की शिकायत की (मुझे आश्चर्य नहीं है कि यह संकेतक रूस में बदतर है), अर्थात, उनकी दृष्टि को लेंस के साथ पूरी तरह से ठीक नहीं किया जा सकता है।
   
3. पात्रों की पठनीयता उस दूरी पर निर्भर करती है जिस पर हम पात्रों को पढ़ सकते हैं। जितनी अधिक दूरी, उतनी ही अधिक समझ। सबसे महत्वपूर्ण कारक जो यह निर्धारित करता है कि यह दूरी कितनी दूर तक बढ़ सकती है, फ़ॉन्ट आकार है। उदाहरण के लिए, होर्डिंग को याद रखें।
   
4. ज्यादातर लोग कंप्यूटर स्क्रीन से लगभग 50 सेंटीमीटर दूर होते हैं। वास्तव में, अनुशंसित दूरी 60 सेंटीमीटर है , क्योंकि इस दूरी पर आप आंखों के तनाव से बच सकते हैं। यह उस दूरी से बहुत अधिक है जिस पर हम मुद्रित पाठ पढ़ते हैं - ज्यादातर लोग पत्रिका को हाथ की लंबाई पर नहीं रखते हैं!
   
5. स्क्रीन पर 16-पिक्सेल का टेक्स्ट लगभग उसी आकार का होता है जैसा कि किसी पुस्तक या पत्रिका में छपे पाठ का होता है। चूंकि हम प्रिंट को काफी बारीकी से पढ़ते हैं - अक्सर बस कुछ दसियों सेंटीमीटर अलग - वहां, एक नियम के रूप में, फ़ॉन्ट लगभग 10 अंक पर सेट होता है। यदि आप हाथ की लंबाई पर पढ़ते हैं, तो यह सभी स्क्रीन पर 16 पिक्सेल के समान आकार का होगा:
   
   
   एक 24 'मॉनिटर पर 16px टेक्स्ट और एक किताब में 12pt टेक्स्ट
   
   
   एक 15.4 'मॉनिटर पर 16px टेक्स्ट और एक किताब में 12pt टेक्स्ट
   
   
6. 2005 में, वेब डिज़ाइन की समस्याओं के बारे में एक सर्वेक्षण किया गया था, और एक खराब फ़ॉन्ट को लगभग दो बार प्राप्त हुआ था अन्य समस्याओं के रूप में, दो-तिहाई उत्तरदाताओं ने छोटे फ़ॉन्ट आकार के बारे में शिकायत की थी। अगर आपको लगता है कि तब से स्थिति में सुधार हुआ है, फिर से सोचें। मैंने कुछ SiteInspire डिज़ाइनों को अनियमित रूप से चुना और पाया कि मुख्य पाठ के लिए औसत फ़ॉन्ट आकार एक दयनीय 12 पिक्सेल है। कुछ परियोजनाएँ और भी कम इस्तेमाल हुईं - 10 पिक्सेल। फोंट में से कोई भी 14 पिक्सेल से अधिक नहीं है। इसी तरह, यदि आप आज सुरुचिपूर्ण थीम्स और ThemeForest से यादृच्छिक नमूने बनाते हैं, तो आप पाएंगे कि प्रत्येक नमूने का पाठ आकार में 12 या 13 पिक्सेल होगा।
   
   
   
   

तथ्य: अधिकांश उपयोगकर्ता "नियमित" फ़ॉन्ट आकार से नफरत करते हैं।

मुझे पूछने दो: 40 से अधिक लोगों को आपके कितने प्रतिशत पाठक हैं? पाठ को पढ़ने के लिए, उनकी आँखों को 20 साल की उम्र में आँखों से दोगुना काम करना चाहिए। यदि उनकी उम्र 60 के करीब है, तो आंखों को चार गुना ज्यादा काम करना चाहिए।
आपके पाठकों में से 10 में से लगभग 1 को आंखों की समस्या है। और यहां तक ​​कि जिन लोगों को कोई समस्या नहीं है, उन्हें अभी भी 16 पिक्सेल से छोटे पाठ पढ़ने के लिए तनाव करना होगा, भले ही वे यह नोटिस न करें कि वे ऐसा कर रहे हैं। (आप कितनी बार नोटिस करते हैं कि आपने स्क्रीन तक cuddled है?) और अगर उन्हें झुकना पड़ता है, तो सबसे अधिक संभावना है कि वे अजीब और असुविधाजनक होंगे। कंप्यूटर के सामने एक प्राकृतिक मुद्रा - कम से कम स्क्रीन से हाथ की लंबाई पर!
संक्षेप में, औसत उपयोगकर्ता पढ़ना कष्टप्रद है।
अपने पाठ को पढ़ने में जितना मुश्किल होगा, उतना कम अर्थ समझ में आएगा। 10 पिक्सल बेकार हो जाएंगे। अधिकांश पाठकों के लिए 12 पिक्सेल अभी भी बहुत छोटा है। यहां तक ​​कि 14 पिक्सेल भी आगंतुकों को डरा सकते हैं जो अन्यथा रहेंगे।
इस प्रकार, हम यह निष्कर्ष निकाल सकते हैं कि यदि आप पाठकों की अधिकतम संख्या प्राप्त करना चाहते हैं, तो आपको इसके न्यूनतम आकार को 16 पिक्सेल पर सेट करने की आवश्यकता है।

"लेकिन उपयोगकर्ता पाठ को बड़ा कर सकते हैं"

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

वेब डिजाइन न केवल डिजाइनरों को क्या पसंद है। यह इस बारे में है कि उपयोगकर्ता क्या चाहते हैं और हमारे ग्राहकों के लक्ष्यों को प्राप्त करने में आपकी मदद करेंगे।

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

16 पिक्सल ज्यादा नहीं है

हमारे डिजाइन स्वाद और सौंदर्य संबंधी प्राथमिकताएं हमारे विचार से अधिक लचीली हैं। हमें जो पसंद है वह काफी हद तक उस चीज का परिणाम है जो हमने पहले ही अन्य डिजाइनरों के साथ देखा है और हम क्या उम्मीद करते हैं।
दुर्भाग्य से, अधिकांश वेबसाइटों पर, पाठ छोटे होते हैं, क्योंकि स्क्रीन एक बार छोटे थे, और डिजाइनरों ने इस आदत को नहीं छोड़ा है।
इस लेख का मूल 19px फ़ॉन्ट में लिखा गया है। इस आकार को चुना गया था, क्योंकि यहां तक ​​कि 16-18 पिक्सेल बहुत छोटा लग रहा था: यदि आपको कुर्सी से आराम मिलता है, तो स्क्रीन से 70 सेमी की दूरी पर, आप पाएंगे कि आपको पाठ देखने के लिए भटकना होगा। अगर मैंने जॉर्जिया या वर्दाना फ़ॉन्ट का उपयोग किया, तो 16 पिक्सेल ठीक हो सकते हैं: ये फोंट एक बड़े अक्षर ऊंचाई के साथ डिजाइन किए गए थे और इसलिए स्क्रीन पर बड़े दिखते हैं।

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