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

ضعوا كل شيء في الأعلى أو "فوق الطيّة"

يعود مصطلح "فوق الطيّة" (Above the fold) إلى الطريقة التي تُطوى بها الصحيفة الورقية. كان المحررون يعدّون هذه المساحة الواجهة الرئيسية لجذب القراء، فيضعون فيها أي موضوع قد يثير اهتمامهم، بهدف لفت أكبر قدر من الانتباه عند مرورهم بكشك الصحف. وفي تصميم الويب، يكتسب المحتوى الظاهر فوق الطيّة أهمية كبيرة لتفاعل المستخدمين ولأداء SEO، إذ يجب أن يكون جذابًا بصريًا وعمليًا ليلفت انتباه المستخدم ويرفع معدلات التحويل.

ظلت هذه الفكرة من أكثر الافتراضات شيوعًا بين المسوّقين حتى عصر مواقع Adobe Flash (نعم، كانت موجودة). فكل ما له قيمة، وكل ما هو "لامع" إن صح التعبير، كان يشغل مساحة الشاشة بالكامل. وكانت جميع الانتقالات في صفحة الويب تعمل مثل عرض PowerPoint، تتنقلون فيه باستخدام علامات الشيفرون (< >) ومفاتيح الأسهم (< - ->). ويبقى المحتوى الظاهر فوق الطيّة حاسمًا لجذب المستخدمين والتأثير في مقاييس رئيسية مثل معدلات النقر والتحويل.

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

هل ما زالت هذه الخرافة قائمة اليوم؟

نأمل ألا تكون كذلك. هناك افتراضات شائعة كثيرة بأن المستخدمين قد لا يعرفون أن الصفحة قابلة للتمرير. ومن النظريات التي توصلت إليها من ملاحظاتي أن الأشخاص الأقل إدراكًا للسياق ينظرون إلى النموذج الأولي كأنه مطبوع على ورق، ومن هنا ينشأ الميل اللاواعي إلى ضغط كل شيء في شاشة واحدة. لكن المحتوى الموجود أسفل الطيّة يمكن أن يبقى مهمًا وسهل الاستخدام إذا صُمم بعناية.

هذه أبحاث واختبارات عديدة تثبت أن المستخدمين يعرفون وعرفوا دائمًا كيف يمررون الصفحة.

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

كما أن حشر كل شيء في الجزء العلوي من الصفحة قد يضر بالتفاعل. فهناك دراسات عديدة حول ظاهرة عمى البانرات (banner blindness)، حيث يعتاد الجمهور على صور الواجهة الكاملة فيميل إلى تجاهلها دون أن تصله أي رسالة، بل قد يصبح أعمى تمامًا عن الكم الهائل من البانرات الإعلانية.

ما العمل؟

هناك اقتراحات ونصائح كثيرة في UX تُطرح عادة لتبديد هذا الافتراض.

على سبيل المثال، قد يحتاج الجزء العلوي من الموقع إلى التركيز على رفع معدل التحويل إلى أقصى حد. فالمساحة فوق الطيّة حاسمة لتفاعل المستخدمين ولأهداف الأعمال، لأنها تمنح الأولوية للظهور والتفاعل. وينبغي أن تستفيد من مبدأ قانون Hick: حسّنوا نسبة الإشارة إلى الضوضاء ولا تُثقلوا على المستخدمين، وركزوا على عنصر رئيسي واحد في كل مرة، مثل زر Call to Action أو بانر ترويجي أو أفضل المنتجات في المتجر.

لنفترض أننا نبني صفحة تسويقية لمنتج

المثال الذي أستخدمه هنا هو أن تتخيلوا أنفسكم تُخرجون فيلمًا.

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

في تصميم الويب واستراتيجية المحتوى، من الضروري مراعاة ما يقع أسفل الطيّة، أي الجزء من صفحة الويب الذي لا يراه المستخدمون دون التمرير للأسفل. فهذه المساحة مهمة عند تخطيط محتوى الصفحة ومواضع أزرار call-to-action.

ستحتاجون إلى قدر مناسب من الحوار (مع المستخدمين)، وإلى منح المحتوى مساحة للتنفس، والحفاظ على تفاعلهم طوال الصفحة باستخدام التقارب والمساحات الفارغة. لن تتسع صفحة واحدة لكل ذلك، فدعوا المستخدمين يمررون الصفحة.

الحل الوسط

أُجريت أبحاث كثيرة في قابلية الاستخدام لإيجاد أرضية مشتركة بين هاتين الفكرتين المتعارضتين. ففهم الطيّة أساسي في تصميم الويب، لأنه يبرز أهمية المحتوى الظاهر فوقها لتفاعل المستخدمين وظهور المحتوى. ويذكر أحد مقالات Huge أن جميع المستخدمين في اختباراتهم، رغم أنهم كانوا متأكدين بنسبة 94% من قدرتهم على تمرير المحتوى، تفاعلوا بإيجابية مع أيقونة سهم تشير إلى أن الصفحة لم تنتهِ وأن بإمكانهم التمرير للأسفل.

إذن، إن كنتم ما زلتم غير متأكدين من سلوك التمرير لدى مستخدميكم، فحاولوا توزيع المحتوى، وأضيفوا مؤشرات التمرير كلمسة أخيرة. وسيشكركم مستخدموكم.