मुझे अपने वेब ऐप्स को किस न्यूनतम ब्राउज़र या स्क्रीन रिज़ॉल्यूशन पर लक्षित करना चाहिए?


18

ग्राहक मशीनों पर एक वेब अनुप्रयोग के लिए न्यूनतम आवश्यकताओं पर निर्णय लेते समय:

  1. ब्राउज़र्स - कौन से ब्राउज़र को बहुत कम से कम एक लक्ष्य होना चाहिए
  2. स्क्रीन रिज़ॉल्यूशन - कौन से स्क्रीन रिज़ॉल्यूशन में एक लक्ष्य बहुत कम होना चाहिए

आवेदन की प्रयोज्यता सुनिश्चित करने के लिए समझौता नहीं किया गया है


ऑफ-टॉपिक के रूप में बंद करने के लिए वोट दिया गया: meta.webmasters.stackexchange.com/questions/144/…

1
इसे यूजर इंटरफेस स्टैकएक्सचेंज में ले जाया जा सकता है।
मील्मेव सेप

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

जवाबों:


8

W3Schools (उदाहरण के लिए) में ब्राउज़र डिस्प्ले पर कुछ आँकड़े हैं। जनवरी 2010 तक:

Higher    1024x768    800x600    640x480    Unknown
76%       20%         1%         0%         3%

एक नई तालिका में उच्चतर आंकड़ा लिंक । आंकड़ों से ऐसा लगता है कि 1024x768 प्रभावी न्यूनतम स्क्रीन रिज़ॉल्यूशन है। हालाँकि, आपको यह याद रखना चाहिए कि हर कोई अपने ब्राउज़र को पूर्ण स्क्रीन मोड में नहीं चलाता है।

वहाँ भी एक है ब्राउज़र आँकड़े पेज। ब्राउज़र संस्करण (जैसे फ़ायरफ़ॉक्स ) से टूट गए हैं । फ़ायरफ़ॉक्स और क्रोम जैसे ब्राउज़रों के साथ ऐसा प्रतीत होता है कि अधिकांश नवीनतम (गैर बीटा) संस्करणों का उपयोग कर रहे हैं। मुझे संदेह है कि ऐसा इसलिए है क्योंकि वे ऑटो-अपडेट हैं।

अन्य, अधिक सामान्य, सांख्यिकी साइटें उपलब्ध हैं और आपको संभवतः संपूर्ण रूप से इंटरनेट पर ब्राउज़र उपयोग और स्क्रीन रिज़ॉल्यूशन की बेहतर तस्वीर प्राप्त करने के लिए एक सीमा से परामर्श करना चाहिए।


5
आपको ध्यान देना चाहिए कि w3schools, एक तकनीकी साइट होने के नाते, बड़े पैमाने पर वेब का प्रतिनिधि नहीं है (विशेष रूप से ब्राउज़र आँकड़े)।
असंतुष्टगीत

@DisgruntledGoat - अच्छी बात है। जब मैं मूल रूप से पृष्ठ को पढ़ता हूं तो मुझे उनके डेटा के बारे में कुछ याद नहीं रहता है।
क्रिसएफ

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

समस्या यह है कि ये आँकड़े अक्सर आत्म चयन हैं। W3Schools एक निश्चित चौड़ाई वाली साइट है ~ 1000 पिक्सेल चौड़ी। अगर मेरे पास 800x600 का डिस्प्ले (या 800x480 नेटबुक) होता तो मैं इसे देखने नहीं जाता।
रॉबर्ट

यही कारण है कि उन साइटों को देखना चाहिए जिन पर लोग नहीं जा सकते।
लेसे मेजेस्टे सेप

6

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


5

आंकड़ों का एक अधिक वैश्विक सेट यह दर्शाता है कि 1024x768वास्तव में सबसे लोकप्रिय संकल्प है, हालांकि उपयोगकर्ताओं का वितरण बहुत अलग है। यह भी ध्यान दें कि नेटबुक, वे मान लेते हैं, 800x600हैंग होने में मदद कर रहे हैं ।

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

जॉन हिक्स नाम के एक वेब डिज़ाइनर ने हाल ही में अपनी वेबसाइट का उपयोग करके उन्हें फिर से डिज़ाइन किया, वहां जाकर उन्होंने अपने ब्राउज़र विंडो के आकार को बदलकर देखा कि वे कैसे काम करते हैं। आपकी वर्तमान अधिकतम व्यूपोर्ट चौड़ाई के आधार पर, 1-4 से स्तंभ हैं।

मीडिया क्वेरी आपको "मेरी साइट आईफ़ोन और आईपैड का समर्थन करेगी?" या "मैं प्रयोज्यता बनाए रखने के लिए एक्स डिवाइस के स्क्रीन आकार को कैसे लक्षित कर सकता हूं?"। आप बस उतने ही स्क्रीन साइज़ के लिए डिज़ाइन बनाते हैं जितने को आप सपोर्ट करना चाहते हैं और मीडिया क्वैरीज़ बाकी का ध्यान रखेंगे, यह यूजर के ब्राउजर पर निर्भर करता है कि वे कब वहाँ पहुँचते हैं।


2

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


1

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

फिर आपको यह ध्यान रखना होगा कि बहुत से लोग मोबाइल उपकरणों पर वेबसाइटों का उपयोग करते हैं - स्मार्टफोन, नेटबुक, टैबलेट और इस तरह। इनमें 'अजीब' संकल्प हो सकते हैं या इनमें सफ़ारी, क्रोम और ओपेरा मोबाइल जैसे ब्राउज़रों के उपयोगकर्ताओं का प्रतिशत अधिक होता है। उनके पास अलग-अलग एक्सेसिबिलिटी की आवश्यकताएं भी हो सकती हैं या अलग-अलग स्टाइल-शीट की आवश्यकता हो सकती है।

अपने वास्तविक दर्शकों को निर्धारित करने के लिए Google Analytics (शायद किसी मौजूदा साइट से) का उपयोग करने का सबसे अच्छा तरीका है । इसके बाद आप वास्तविक आंकड़ों के ब्राउज़र ब्रेकडाउन और संकल्प ब्रेकडाउन आप तय करते हैं क्या के लिए सही है में मदद मिलेगी देखने के लिए प्राप्त कर सकते हैं आप


1

दुनिया भर के ब्राउज़र मार्केट शेयर के आँकड़ों की जाँच करें

यह प्रश्न दुनिया भर के ब्राउज़र बाज़ार में हिस्सेदारी देखने के लिए स्रोतों की एक व्यापक सूची प्रदान करता है।

यहां स्टेटऑवल के लिए शीर्ष 3 2010 औसत हैं :

1024x768    26.75%
1280x800    18.69%
1280x1024   11.57%

यहाँ नेट अनुप्रयोग के लिए शीर्ष 3 2010 औसत हैं :

1024x768    24.27%
1280x800    17.98%
1280x1024   10.83% 

आंकड़ों के अनुसार, आपका रिज़ॉल्यूशन न्यूनतम 1024x768 होना चाहिए, लेकिन यह आपके जनसांख्यिकीय पर भी निर्भर करता है।

यदि आपकी साइट 800x600 से अधिक कॉरपोरेट ऑडियंस स्टिक से जुड़ी हुई है। बहुत सारे कॉर्पोरेट नेटवर्क अभी भी विंडोज 2000 के साथ वास्तव में पुराने हार्डवेयर चला रहे हैं। यदि वह उपयोगकर्ता आधार है जिसे आप लक्षित कर रहे हैं, तो स्क्रीन रिज़ॉल्यूशन के 'वर्तमान मानदंड' का उपयोग करना आपके दर्शकों को अलग कर सकता है।


मुझे लगता है कि आपका मतलब 1024x768 है?
मील्मीव

@ मीलेस्मीओ उफ़, इसे ठीक कर दिया
इवान

0

http://isie6dead.com/ यद्यपि यह लिंक एक सप्ताह या उससे अधिक पहले गतिशील था, फिर भी इसका अस्तित्व अंतर्निहित बिंदु अभी भी मान्य है: वहाँ बहुत सारे IE6 ब्राउज़र हैं और संभवत: अगले दशक तक बने रहेंगे ।

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

इस सवाल का एक निर्दिष्ट दर्शकों के बिना सटीक रूप से उत्तर नहीं दिया जा सकता है और पूरी तरह से iPhony उपकरणों की बढ़ती भीड़ को अनदेखा करता है।


0

जैसा कि एक पुराने पोस्ट में उल्लेख किया गया है , ब्राउज़र मार्केट शेयर पर विकिपीडिया लेख 6 प्रमुख स्रोतों से जानकारी को समेकित करता है और यह आँकड़े संभवतः निर्णय लेने में सबसे प्रभावी हैं जो लक्ष्य करने के लिए महत्वपूर्ण ब्राउज़र हैं।


0

यह भी ध्यान रखने योग्य है कि आपकी साइट की सामग्री है। यदि आप वीडियो कार्ड या मॉनिटर से परेशान लोगों के लिए एक तकनीकी सहायता मंच प्रदान कर रहे हैं, उदाहरण के लिए, आप शायद इसे 640x480 पर उपयोग करना चाहते हैं।

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

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.