2008-09-30 6 views
11

640 x 480 और 800 x 600 डिस्प्ले पर वेबसाइट लेआउट फिट करना कितना महत्वपूर्ण है? मैं कम से कम 1024 x 768 की धारणा के साथ डिजाइन करने की है कुछ समय के लिए, लेकिन मैं इसे पेशेवर नहीं कर रहे हैं (सिर्फ अपनी साइट है जो सिर्फ एक ब्लॉग है कि केवल 10-15 मित्रों को पढ़ा है पर)। क्या वास्तविक वेब उपयोगकर्ताओं से स्क्रीन संकल्पों के वितरण के बारे में किसी के पास कोई गैर-आकस्मिक आंकड़े हैं?आपकी वेबसाइट लेआउट कम-रेज डिस्प्ले पर फिट करना कितना महत्वपूर्ण है?

नोट 1: "गैर-वास्तविक" का अर्थ है कृपया की तरह या "मैं 640x480 का उपयोग कर बहुत से लोग जानते हैं कि" उत्तर देना नहीं है "मेरी माँ 800x600 में चलाता है, तो यह वास्तव में आम होना चाहिए।" मेरे पास वास्तविक डेटा (या वास्तविक डेटा के लिंक) होंगे, खासकर यदि यह सामान्य उपयोगकर्ताओं (geeks के बजाए) के बारे में डेटा है।

नोट 2: मैं पीडीए और सेल फोन (कम से कम इस समय नहीं) के गीतों जैसे अत्यंत छोटे प्रदर्शित करता है के साथ संबंध नहीं कर रहा हूँ। मैं सिर्फ डेस्कटॉप/लैपटॉप मॉनीटर के बारे में बात कर रहा हूं।

उत्तर

9

मुझे लगता है कि आम धारणा है कि इन दिनों 1024x768 स्वीकार्य है, निश्चित रूप से मार्ग मैं ले thats। BBC जैसी बड़ी साइटों को देखने के लिए एक अच्छा बेंचमार्क है, उन्होंने हाल ही में 1024x768 डिज़ाइन पर स्विच किया है। यह नहीं कहना है कि प्रत्येक साइट को यह होना चाहिए कि छोटी साइटों के लिए मैं अक्सर 800x600 तक चिपक जाता हूं, इसलिए सामग्री दयनीय नहीं दिखती है: o)

यहां स्रोत है जिसका उपयोग मैं अक्सर अपने वेब पृष्ठों के लिए august 2008 stats 800x600 दिखा रहा हूं 7 बजे%।

1

यहाँ एक interesting blog post है कि इस विशेष नेटवर्क की साइटों के लिए इस साल फरवरी के दौरान 6 करोड़ हिट के आधार पर विशिष्ट आंकड़े प्रदान करता है।

शीर्ष दो: 47% 1024x768, और 30% 1280x1024

16

W3Schools प्रदर्शन रिज़ॉल्यूशन सहित ब्राउज़र सांख्यिकी, की एक किस्म ट्रैक करता है। आप प्रदर्शन रिज़ॉल्यूशन यहाँ पा सकते हैं: http://www.w3schools.com/browsers/browsers_display.asp

बेशक

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

+0

w3schools W3C नहीं है, इसकी एक स्वतंत्र वेबसाइट है। लेकिन यह इंगित करने के लिए अच्छी तरह से किया गया है कि इसके अधिकांश आगंतुक डेवलपर्स हैं, मैं हमेशा लोगों को बता रहा हूं! – roryf

1

वाल्व कि उनसे जुड़ने मशीनों की क्षमताओं पर भाप के माध्यम से डेटा एकत्र, आप यहाँ परिणाम देख सकते हैं: ध्यान में

http://steampowered.com/status/survey.html

भालू इन गेमर के सिस्टम होते हैं और इसलिए अधिक से अधिक शक्तिशाली हो जाते हैं सड़क में औसत पीसी, जैसा कि आप देख सकते हैं कि 1024 * 768

6

से नीचे कई सिस्टम नहीं हैं I मैंने मॉनिटर किए गए सभी डोमेन के लिए Google Analytics डेटा की जांच की है। कम से कम 800x600 के लिए स्क्रीन रिज़ॉल्यूशन शून्य है और 800x600 के लिए यह 3-6% है

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

9
आप अपने वेब ब्राउज़र में चला रहे हैं

। यदि आप 1024x768 का उपयोग कर रहे हैं तो भी आप कितने निश्चित हैं कि मेरा ब्राउज़र पूर्ण-स्क्रीन है?

+0

मैं इस बिंदु बनाने के लिए जा रहा था। मेरे ब्राउज़र कभी पूर्ण स्क्रीन नहीं होते हैं जब तक कि कुछ porrly- डिज़ाइन की गई साइट उन्हें मजबूर नहीं करती। क्या किसी को ऐसी साइट पता है जिसमें स्क्रीन आकार आंकड़ों के बजाय ब्राउज़र विंडो आकार आंकड़े हैं? –

+0

काश मैं दुनिया में हर वेब डिजाइनर पर इस चिल्लाओ सकता है। मुझे वेबसाइटों पर क्षैतिज स्क्रॉल बार से छुटकारा पाने के लिए अपने ब्राउज़र को अधिकतम करने की आवश्यकता से नफरत है। –

+0

जब आप किसी उत्पाद डेमो के दौरान महसूस करते हैं तो यह वास्तव में मजेदार है कि बड़े फ़ील्ड पर अजीब रिज़ॉल्यूशन के कारण कुछ फ़ील्ड स्क्रीन से बाहर हैं ... और कोई स्क्रोलबार नहीं है क्योंकि वे खराब दिखते हैं! – tloach

3

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

इसके अलावा, इस तरह के रूप में Asus EEE "नेटबुक" बहुत मामूली प्रस्तावों (जैसे 800x480 या 1024x600) के साथ लोकप्रियता प्राप्त कर रहे हैं और वे आम तौर पर छोटे (9-10 "स्क्रीन) की है।

1

जबकि मैं मानता हूँ कि 1024x768 आम तौर पर है एक अच्छा न्यूनतम डेस्कटॉप रिज़ॉल्यूशन, मैंने छोटे पैनलों - विशेष रूप से विंडोज मोबाइल डिवाइस, आईफोन, और कभी-कभी 800 x 480 पर एक ईपैक के माध्यम से वेबसाइटों पर देर से peering के समय में वृद्धि की है।

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

-1

देखो, मॉनीटर बड़े हो रहे हैं और लोग अधिक से अधिक चाहते हैं। बड़े मॉनीटर की तरह लोग। छोटे मॉनीटर वाले एकमात्र लोग एक साझा कंप्यूटर केंद्र या कुछ वृद्ध वृद्ध लोग होंगे।

@ सभी, हमें डेवलपर्स के रूप में एक साथ जुड़ने की आवश्यकता है और केवल 1024x768 पर ऐप्स बनाने की आवश्यकता है। यदि हम सभी एक साथ शामिल हो जाते हैं, तो हम इसे मानक बना देंगे।

पूछें कि मॉनिटर आपके लिए क्या कर सकता है, पूछें कि आप मॉनीटर के साथ क्या कर सकते हैं!

+0

मुझे अपने बड़े मॉनीटर से प्यार है क्योंकि यह मुझे दो खिड़कियों की ओर से जाने देता है। मैं ऐसा नहीं कर सकता अगर आपके जैसे लोग वेब साइट बनाते हैं तो मुझे उन्हें देखने के लिए मेरी विंडो का आकार बदलना होगा –

1

Jakob Nielsen's Alertbox के अनुसार, जुलाई 2006 के रूप में, पर नज़र रखता है के 60% 1024x768 में स्थापित किए गए थे, तो अपनी साइट को अनुकूलित है कि समाधान के लिए उनकी सिफारिश है।

निचले संकल्पों के लिए अपनी साइट को स्टाइल करना कितना महत्वपूर्ण है? मुझे लगता है कि इसका उत्तर इस बात पर निर्भर करता है कि आपकी साइट 800x600 (और नीचे) कैसे दिखती है ... यदि यह अपठनीय है, तो यह आपकी साइट पर दर्शकों के महत्व का सवाल है। यदि आपको प्रत्येक दर्शक की आवश्यकता है, तो उनके संकल्प से कोई फर्क नहीं पड़ता, तो आपको शैलियों पर काम करना चाहिए जो कभी-कभी 640x480 व्यक्ति के लिए एक सहनशील अनुभव उत्पन्न करेगा। यदि नहीं, तो आप इसे स्टाइल करने की कोशिश कर सकते हैं जैसा कि आप रहे हैं, और वैकल्पिक शैलियों पर ही काम करते हैं जब आपके पास ऐसा करने का व्यवसाय मामला होता है।

0

अपनी साइट, अपने नि: शुल्क करने के लिए Google Analytics जोड़ें डेटा केवल अपने दर्शकों

0

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

और इस तरह बताया गया है, सिर्फ इसलिए कि एक व्यक्ति 1280x1024 से चलता है इसका मतलब यह नहीं है कि उनके वेब ब्राउज़र को बड़ा किया जाएगा - कुछ लोगों को एक गैर विस्तृत विंडो में सब कुछ चल रहा है पर जोर देते हैं (मुझे लगता है कि मैक लागू करने के लिए इस्तेमाल किया इस)। और यह उन लोगों के बारे में कुछ नहीं कहना है जिनके पास दस टूलबार हैं और केवल 800x600 पर चलते हैं क्योंकि ओएस उन्हें 640x480 पर जाने नहीं देगा (और फिर वे सोचते हैं कि एलसीडी स्क्रीन पर सबकुछ "अस्पष्ट" क्यों दिखता है और उनकी आंखें क्यों हैं गंदगी के लिए)

पाठ्यक्रम अपनी साइट डिज़ाइन के

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

0

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

2

एक वास्तविक जवाब में यह है, लेकिन यह कुछ के बारे में पता होना करने के लिए ...

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

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

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

2

एक अच्छा अभ्यास है, लगभग 750 पिक्सल के भीतर साइट के मूल डिजाइन करने के लिए इतना है कि 5% -15 अभी भी 800px पर नज़र रखता है, जो हमारे दर्शकों का% स्क्रॉल किए बिना इसे पढ़ सकते हैं। इसके बाद आप अतिरिक्त 250px कॉलम में कम महत्वपूर्ण जानकारी (विज्ञापन, गैर-मिशन-महत्वपूर्ण सुविधाएं) डाल सकते हैं जो कि 1024px या उससे अधिक के विज़िटर के लिए दृश्यमान होगा।

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

0

मेरे पास 1920 x 1200 स्क्रीन आकार है, इसलिए मैं एक साथ कई खिड़कियां खोल सकता हूं और उन्हें सब देख सकता हूं। अगर किसी साइट ने लालची से उस जगह का उपयोग करने के लिए लालसा की कोशिश की, तो मैं उस साइट पर जाना बंद कर दूंगा।

2

व्यक्तिगत रूप से, मैं वेबसाइटों को डिज़ाइन करता हूं ताकि वे दिखाई दे सकें क्योंकि मैं उन्हें 1024 x 768 मॉनीटर पर कल्पना करता हूं। मुझे पता है कि ऐसे लोग हैं जो अपने ब्राउज़र को खिड़की देंगे, और जिन लोगों के पास बड़े मॉनीटर होंगे और इसे पूर्ण स्क्रीन चलाना होगा।

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

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

0

यहाँ दो कारणों से 700-800 पिक्सल चौड़ा पर साइटों का निर्माण करना है।

  1. कॉलम बहुत व्यापक नहीं होने पर पाठ पढ़ने के लिए आसान है। आप 400-500 पिक्सल चौड़ा पाठ का उपयोग करते हैं, तो आप एक 250-400 पिक्सेल साइड कॉलम जो सभी आकार के स्क्रीन के लिए अच्छी तरह से काम के लिए कमरा है।

  2. आपके पृष्ठों बहुत अच्छे मुद्रित करें। मैं जानकारी के साथ एक साइट चलाने कई उपयोगकर्ताओं प्रिंट कर सकता है और साइडबार प्रिंट सीएसएस में विकलांग लिया साथ, पृष्ठों कागज के एक पत्रक पर बहुत अच्छी तरह से फिट।

संबंधित मुद्दे