يعد التوزيع الرأسي لانتباه المستخدمين إلى صفحة الويب أمرًا بسيطًا نسبيًا: حيث يتم إخفاء المزيد من المعلومات في النصف الأول من مجال رؤية الأشخاص مقارنة بالجزء السفلي. الآن، دعونا نلقي نظرة على توزيع انتباه المستخدمين في الاتجاه الأفقي لصفحة الويب. باستخدام قاعدة البيانات التي جمعناها من قبل، من السهل أن تجد أنه عندما يتصفح المستخدمون صفحات الويب، يكون وزن توزيع الاهتمام من اليسار إلى اليمين كما يلي:.jpg)
في هذا المخطط، يمثل الإحداثي لكل مقالة 100 بكسل، ويمثل 100% من الإحداثي الوقت الذي يبدأ فيه المستخدم بالتصفح من أقصى اليسار حتى خروجه من الصفحة.
يقضي الأشخاص وقتًا على الجانب الأيسر أكثر من ضعف الوقت الذي يقضونه على الجانب الأيمن، ويقومون بالاختيار الواضح:
النصف الأيسر استغرق 69% من الوقت، والنصف الأيمن استغرق 30% من الوقت؛
يتم قضاء نسبة 1% المتبقية من وقت التصفح في أول 1024 بكسل يمكن تصفحها، ولا يمكن رؤية بعض المعلومات إلا بعد التمرير الأفقي.
المعلومات التي نتحدث عنها هنا في "العمود السفلي" هي في الواقع الجزء الموجود خلف الشاشة على الجانب الأيمن من الشاشة، وليس "أدناه" حرفيًا. من ناحية أخرى، إذا قارنت التصفح الأفقي والعمودي، فإن المستخدمين في الاتجاه العمودي سوف يتخطون حوالي 20% من المعلومات، بينما في الاتجاه الأفقي سوف يتجاهلون حوالي 1% فقط من المعلومات. (أعتقد أنني قلت بالفعل ما يصل إلى عشرين مرة أن عجلة التمرير الأفقية فظيعة لأنها تزعج المستخدمين حقًا وتجذب انتباهًا أقل.)
استخدمت دراستنا شاشة مقاس 1024 × 768. مع شاشة أكبر، نأمل أن نرى المزيد من المحتوى على اليمين مع تمرير أقل، وينطبق الشيء نفسه في الوضع العادي.
يتضمن القسم الموجود في أقصى اليسار عادةً شريط تنقل، لذا ليس من المستغرب أن يزداد الاهتمام به بعد 200 بكسل، بالإضافة إلى 300-500 بكسل حيث يحظى بأكبر قدر من الاهتمام. يميل الأشخاص إلى التركيز على منطقة المحتوى الرئيسية في السطر الأول من البداية.
اتجاه القراءة من اليسار إلى اليمين
وجدت أبحاث قابلية الاستخدام التي أجريناها في المناطق ذات عادات القراءة من اليسار إلى اليسار أن الناس يولون اهتمامًا أكبر لبداية السطر. ومن الواضح أن النص في هذه اللغات يبدأ من اليمين. ومع ذلك، قد لا نجد بالضرورة تطبيق Eyetracking المطابق، على سبيل المثال، تحتوي اللغتين العربية والعبرية أيضًا على المخططات المذكورة أعلاه. (يعني هذا تقريبًا أنه عندما تكون عادة القراءة في بلد ما أو منطقة ما من اليمين إلى اليسار، فإن الرسم البياني لتوزيع وقت الانتباه سيشكل صورة معكوسة للرسم البياني أعلاه، أي أن الإحداثي الإحداثي مكتوب من اليمين إلى اليسار.)
والسبب هو أن مواقع الويب المكتوبة بلغات القراءة من اليمين إلى اليسار لا تحتوي دائمًا على تصميم تخطيط من اليسار إلى اليمين. إليكم التصميمات من مواقع صحيفة الإمارات اليوم دبي وصحيفة هآرتس الإسرائيلية:
.jpg)
الإمارات اليوم هو موقع حقيقي محاذاة إلى اليمين. وخلافًا لذلك، فإن موقع هآرتس يحتوي على نص محاذٍ إلى اليمين ولكن لا يزال به شريط تنقل على اليسار. لذلك، قد يكون بحث تتبع العين (تتبع العين، دعني أترجمه بهذه الطريقة في الوقت الحالي) أكثر تعقيدًا من موقعنا الإلكتروني العادي باللغة الإنجليزية.
إعطاء الأولوية للتخطيط العادي
وبالعودة إلى اللغات التي نقرأ فيها عادة من اليسار إلى اليمين - مثل الصينية أو الإنجليزية أو الروسية أو حتى اليابانية - فماذا تعني النتائج التي توصلنا إليها؟
ببساطة، التزم بالتخطيط التقليدي لموقع الويب لأنه يتناسب تمامًا مع كيفية تصفح الأشخاص للويب.
حافظ على اتساق التنقل على اليسار، وهو ما يتوقع الأشخاص العثور عليه في القائمة؛
إيلاء المزيد من الاهتمام لترتيب المحتوى الرئيسي من اليسار إلى اليمين؛
يجب أن يشغل المحتوى الأكثر أهمية ثلث أو حتى نصف عرض الصفحة بالكامل. هذا هو المكان الذي يركز عليه المستخدمون أكثر؛
احتفظ بالمحتوى الثانوي على اليمين. لن يحظى بالكثير من الاهتمام، لكنه يكفي – لا يمكن لكل جزء من المحتوى أن يحصل على مركز أعلى، وتحتاج إلى مكان للمحتوى الأقل أهمية.
ومن المثير للاهتمام أن تخطيط موقع الويب الموضح في هذه الصورة الكبيرة يشبه إلى حد كبير تخطيط الشبكات الداخلية الرئيسية. ولكن هذا مجرد موقع على الانترنت.
من الواضح أن أنماط التصفح السائدة وتخطيطات صفحات الويب تطورت إلى علاقة تبعية:
يتم تدريب الأشخاص على الاهتمام بأماكن معينة لأن المعلومات الأكثر أهمية عادة ما يتم توزيعها هناك؛
في الوقت الحالي، عندما تقوم الشركات بإنشاء تخطيطات لموقع الويب، يتم ترتيب معلوماتها وفقًا لكيفية توزيع الأشخاص لانتباههم عبر الصفحة.
إذا انحرفت عن التخطيط التقليدي، فسيغير بعض المستخدمين عادات انتباههم عند تصفح موقع الويب الخاص بك. إذا وضعت أشياء مهمة على اليمين، فقد يحدث أن هؤلاء المستخدمين (الأقل) في تلك المنطقة سيقضون وقتًا أطول في اكتشاف هذه المعلومات مقارنة بمجال المستخدم النموذجي.
لا يبدو الأمر كما لو أن المستخدم قرر مسبقًا: "سأقضي 2.5% فقط من وقتي في النظر من اليسار إلى اليمين، والنظر إلى 1000 و1100 بكسل لهذا المقطع."
بغض النظر، فإن الثمن الذي تدفعه مقابل الانحراف عن التصميم التقليدي هو: عندما يتصفح المستخدمون صفحتك في البداية، سيقضون الكثير من الوقت في البحث عما يحتاجون إليه.
إذا كان تخطيط صفحة الويب الخاصة بك يلبي احتياجات التصفح الخاصة بالمستخدم، فبدلاً من وضعها في موقع غير تقليدي، فقد يجد المستخدم المعلومات بسهولة وينجز ما يريده دون أن يدرك ذلك.
وعندما يكون موقع الويب الخاص بك شيئًا يعتبره المستخدمون أمرًا مفروغًا منه، فإن عملك سيسير بشكل أكثر سلاسة.