ماهو الطول المناسب لصفحة موقع انترنت؟

ماهو الطول المناسب لصفحة موقع انترنت؟

سؤال يدور في بال الكثير من مصممي مواقع الانترنت، فلا زال الكثير منهم يعتقد انه من الأفضل تقليص طول الصفحة قدر الامكان حتى تصبح أسهل للزائر ولا يتسبّب طولها في تنفيره، ولكن هل فعلاً يؤثر طول الصفحة سلبياً على تجربة الزائر؟

الاجابة باختصار هي “لا”، فالمهم هو وضع العناصر المهمّة أو التي تدل على (أو تلخّص) محتوى الصفحة في أعلاها حتى يراها الزائر أولاً، ومن ثم – في حال قرر انها قد تحتوي على ما يريد – يمكنه التعمّق أكثر في الصفحة (بالنزول للأسفل)، أو يبحث عن ما يريد في صفحة أخرى .

الكثير من الناس يقولون -عند سؤالهم- انهم يكرهون الصفحات الطويلة، ولكن فعلياً عندما تراقب استخدامهم للمواقع التي يزورونها ستجد انهم فعلياً لا يمانعون ذلك.

لا زلت غير مقتنعاً؟ حسنا. موقع أمازون (من أشهر المتاجر الالكترونيه في العالم ان لم تكن تعرفه) لديه فريق محترف متخصّص في قابلية الاستخدام وتجربة المستخدم بشكل عام، وهو يراقب تصرّفات المستخدمين في الموقع (باستخدام وسائل متعدّدة مثل احصائيات الموقع) ويقوم بالمساعدة في تطوير الموقع بحيث يصبح سهلاً ومريحاً للزوّار، حتى يحقّق نسبة أرباح أعلى.

لو نظرنا الى صفحة منتج Kindle على سبيل المثال (وهو منتج مهم بالنسبة لهم)، ستجد ان طولها يتجاوز الـ20،000 بكسل! أي 5 أمتار تقريباً! هل تتخيل ذلك؟ انظر الى هذه الصورة المصغّره للصفحة:

صفحة منتج Kindle في موقع امازون

صفحة منتج Kindle في موقع امازون

وستجد نفس الشيء في صفحات منتجاتهم الأخرى (مع انهم لا يعرضون المعلومات التفصيلية بالمناسبة، فتلك يمكن اخفائها حتى يطلبها الزائر)، ومع ذلك يستمتع عملائهم (ومنهم انا) بتجربه رائعه عند التسوّق من الموقع.

بالطبع، لا يمكنك تطبيق هذا المبدأ على كل شيء، فهناك حالات استثنائية لا يحبّذ استخدام صفحات طويلة بها مثل:

  • اذا كانت لديك معلومات لا علاقه ببعضها البعض فلا يحبذ وضعها في صفحة واحدة طويلة، وذلك لانه لن يصبح ممكناً حينها وضع ما يدل على باقي محتوى الصفحة في اعلاها (كما ترى في موقع أمازون، فهم يعرّفونك على اهم معلومات المنتج في أعلى الصفحة ثم التفاصيل في الأسفل).
  • المواقع المخصّصة للاجهزة الكفيّة بما ان التصفّح بها عادة أصعب من التصفّح باستخدام جهاز الحاسب.
  • النماذج الطويلة. فمن الأفضل تقسيمها الى عدة صفحات (أو خطوات) حتى يصبح تعبئتها وتصحيح الاخطاء بها أسهل.

ما رأيك انت؟ وماهي تجربتك في هذه المسألة؟ شاركنا بها بالتعليقات.

  1. 13 تعليقات على “ماهو الطول المناسب لصفحة موقع انترنت؟”

  2. أ.خلود الغفري - مايو 5, 2010

    هذه معلومة جديدة ورائعة
    لطالما ظننت انه افضل تصميم للصفحة هو تصميم الصفحة الرئيسية بحيث لا يحتاج معه النزول الى الاسفل بتاتا !
    لكن معك حق.. لا امانع ان اتصفح صفحة طويلة بشرط وجود كل احتياجاتي في اعلى الصفحة (او بأخرها) بحيث لا احتاج للبحث طويلا عنها وانا انزل!ّ

    كل الشكر لكم على هذه التدوينة القيمة

  3. سامي - مايو 5, 2010

    لا أحب الصفحات التي لا تتيح لي النزول قليلا للأسفل .. أحب أن أحرك الصفحة للأسفل و الأعلى فإذا لم تكن طويلة قليلا أشعر بنقص في متعة التصفح .. هذه تجربتي :)

  4. MFA - مايو 5, 2010

    فكرة جيدة أخي الكريم

  5. فردوس - مايو 6, 2010

    بدايةً /
    تدوينة متميزة كما عهدناها .

    أفضل تكون الصفحة الرئيسية قصيرة أي لا تحتاج من المستخدم التحرك لأسفل و أعلى ، أيضاً أجد نفسي أفضل الصفحة عندما تكون (بالعرض) أكثر من أنها تكون ” بالطول ” .

    كما أن محتوى الموقع و هدفه يختلف باختلاف طريقة تصميم الصفحة ، فعند عرض معلومات لسلعة تحتاج بأن تكون في صفحة واحدة و حبذا لو كانت هناك روابط تشير لنفس الصفحة تعرض المحتويات .

    أما لو كانت مثلاً مقال في جريد أفضل أن تكون بخط كبير و واضح و تعرض بصورة “عرضية ”

    ..

  6. معمر - مايو 6, 2010

    شخصيا أفضل أن تكون المعلومات التي احتاجها في صفحة واحدة، ولا يهمني إن كانت الصفحة طويلة :)
    ولكن سؤالي أخي مشهور عن العرض المناسب لصفحة الويب، على خلفية أنه يوجد أبعاد شاشات مختلفة.

  7. وقاص الشريف - مايو 8, 2010

    موضوع ممتاز ومهم لأصحاب المواقع ، واعتقد أن طول الصفحة يعتمد على تصنيفات وأقسام الصفحة ففي حالة تعدد الأقسام والتصنيفات أحبذ أن تكون الصفحة قصيرة وهناك روابط تؤدي إلى صفحات داخلية اما إذا كانت الصفحة تتحدث عن نوع واحد أو صنف واحد كمنتج أو سلعة فلابأس بطول الصفحة لأنها تسهل على القارئ معرفة كل ما يحتاجه في صفحة واحدة دون اللجوء إلى الدخول على صفحات داخلية مختلفة …

  8. فراس - مايو 8, 2010

    مقالة رائعة
    وهنا صفحة طويلة وهي لياهوو

    http://developer.yahoo.com/performance/rules.html

  9. فراس - مايو 8, 2010

    رد على سؤال معمر:
    عرض الصفحة المناسب 1024 × 768

  10. تونا جاوية بالنكهة اليابانية - مايو 8, 2010

    تلقائياً قبل ما اقرأ في أي صفحة أحب انزل الماوس لآخرها ، مو عشان أشوف طويلة أو لأ .. بس عشان اشوف كيف تقسيم الكلام ..

    تعجبني الصفحات اللي مقسم في الكلام لفقرات بشكل مريح للعين ^ـ^

  11. عمر خاشقجي - مايو 10, 2010

    تدوينة رائعة،تابع تألقك ^^

    بالنسبة للأخ معمر فلا أعتقد يا فراس أنه يحتاج لعمل تصميم يتناسب مع دقة معينة، قرأت سابقا أنه باستخدام الـCSS يستطيع تكييف تصميمه مع أي دقة يستخدمها الزائر، بل ومع أي متصفح.

  12. أحمد مضان - مايو 12, 2010

    مثل كلام الأخت تونه “تلقائياً قبل ما اقرأ في أي صفحة أحب انزل الماوس لآخرها” بس انا انزل عشان اعرف طول الصفحة وكمية محتوى الموقع

  13. ماجد المطيري - مايو 14, 2010

    بصراحه لا أحب الصفحات الطويله ، لكن تكون شامله لكل شي ولا تكون جزء في صفحه والاخرى في صفحة أخرى

    يعني كل صفحة تحتوي على معلومة كامله

  14. Pro-Designer - مايو 17, 2010

    موضوع مهم جدا أنا من رأيي عندما أرى صفحة طويلة أرى كم هائل من المعلومات أيضا فممكن أستفيد أكثر ..
    شكرا على الموضوع ..
    تحياتي ..

أكتب تعليقاً