تعلم كيفية تصميم أحجام الصفحات استنادًا إلى قرارات المراقبة

تقرر كيف كبير لبناء صفحاتك من خلال قرار من مراقبي العملاء الخاصة بك

قرار صفحة الويب هو صفقة كبيرة. لقد كتبت العديد من المواقع التي تعلم تصميم الويب عن ذلك ، واعتمادًا على من تعتقد ، يجب عليك تصميم صفحات للقاسم المشترك الأدنى (640 × 480) ، أو أكثر دقة شائعة (800 × 600) ، أو الأكثر تطوراً (1280 × 1024 أو 1024 × 768). لكن الحقيقة هي ، يجب عليك تصميم موقعك للعملاء الذين يأتون إليه.

حقائق حول قرارات الشاشة

• 640 × 480 لم يمت
  • في حين أن 640 × 480 ليست شائعة كما كانت ، إلا أن هذا القرار لا يزال موجودًا. تستخدم أجهزة الكمبيوتر القديمة وأجهزة الكمبيوتر المحمولة ذات الشاشات الصغيرة وأجهزة الكمبيوتر المحمولة والأشخاص الذين يحتاجون إلى خطوط أكبر كل هذا القرار. حتى إذا اخترت عدم تصميم صفحتك إلى هذا القرار ، يجب عليك اختبار موقعك بهذا القرار.
• 800x600 شائع جدًا
  • يوصي العديد من أدلة تصميم مواقع الويب بتصميم مواقع الويب بدقة 800 × 600. على الرغم من أن هذا القرار أكثر شيوعًا على الويب بشكل عام ، فقد لا يكون هذا هو الحال بالنسبة لعملائك. إذا كنت تخطط لإعادة تصميم موقعك على الويب ، فاستغرق بضعة أسابيع لتحليل إحصائيات المتصفح لتحديد أكثر القرارات شيوعًا التي يستخدمها عملاؤك.
• 1024x768 أكثر شيوعًا
  • أصبحت الشاشات أكبر حجمًا و 1024 × 768 هو الحجم الأكثر شيوعًا لتصميمه نظرًا لأن العديد من المصممين لديهم شاشات تدعم هذا الأمر أصلاً. لكن هذا القرار يمكن أن يكون من الصعب قراءة الكثير من الناس. قد يدعم جهاز كمبيوتر محمول بحجم 14 بوصة 1024 × 768 ، ولكن النص غير قابل للقراءة. وأجهزة الكمبيوتر المحمولة تحظى بشعبية كبيرة.

• 1280 × 1024 وأكبر شائعة
  • في الغالب سترى هذه القرارات الكبيرة على أجهزة الكمبيوتر المكتبية ، أو أجهزة الكمبيوتر المحمولة الراقية. ولكن في الغالب عند هذه الأحجام الكبيرة ، لا يتصفح العملاء ملء الشاشة. لذا ، فإن تصميم موقع يتجاوز حجمه 1000 بكسل سيؤدي إلى وجود أشرطة تمرير أفقية في معظم الشاشات.

حافظ على هذه القرارات في الحسبان في العقل

• ليس الجميع يعظم متصفحهم
  • إذا حددت أن عملائك يتصفحون في 1024 × 768 ، فقد تكون بناء صفحات تتطلب التمرير الأفقي. لماذا ا؟ نظرًا لأنهم يتصفحون هذا القرار ، فإنهم لا يزيدون من نافذة المتصفح إلى أقصى حد ، لذلك قد تناسب شاشة 800x600 نافذة المتصفح بشكل أفضل.
• لا تنس متصفح Chrome (وليس متصفح Google Chrome)
  • تطرح المستعرضات ما يصل إلى 50 بكسل على اليمين واليسار ، و 200 بكسل في الأعلى والأسفل لاستخدامها لأشياء مثل أشرطة التمرير وأشرطة الأدوات وحاوية النافذة. وهذا ما يسمى متصفح كروم. لذلك إذا قمت بإنشاء جدول بعرض 800 بكسل ، فسيكون على العملاء الذين لديهم متصفحات مكبرة على شاشات دقة 800 × 600 التمرير أفقيًا.

كيفية التعامل مع حجم الشاشة بناء على القرار

1. تحديد من يقوم بعرض موقعك
   1. قم بمراجعة ملفات سجلات الويب الخاصة بك ، أو قم بطرح استطلاع أو برنامج نصي لتحديد الدقة التي يستخدمها القراء بالفعل. استخدم النص البرمجي لحجم المتصفح الحقيقي لتتبع القراء.
2. قم بإعداد التصميمات الخاصة بك على عملائك
   1. عند إعادة تصميم موقعك ، قم ببناءه بناءً على وقائع موقع الويب الخاص بك. لا تستند على إحصائيات "الويب" أو ما تقوله المواقع الأخرى. إذا كنت تنشئ موقعًا يناسب الدقة التي يستخدمها عملاؤك ، فستبقيهم أكثر سعادة.
3. اختبر موقعك في قرارات مختلفة
   1. إما تغيير حجم الشاشة الخاص بك (تغيير دقة شاشة Windows أو تغيير دقة شاشة Macintosh) أو استخدام أداة اختبار.
4. لا تتوقع أن يتغير عملاؤك
   1. لن يفعلوا وضع قيود عليهم يشجعهم فقط على الرحيل.