إن توزيع الانتباه الرأسي للمستخدم لصفحة الويب بسيطة نسبيًا: النصف الأول من المعلومات التي تدخل مجال الرؤية للأشخاص مخفية أكثر من الجزء التالي. الآن ، دعونا نلقي نظرة على توزيع انتباه المستخدم في الاتجاه الأفقي لصفحة الويب. باستخدام قاعدة البيانات التي جمعناها من قبل ، من السهل العثور على أنه عندما يتصفح المستخدمون صفحات الويب ، تكون أوزان تخصيص الاهتمام من اليسار إلى اليمين كما يلي:
في هذا المخطط ، تحتوي كل مقالة على محور أفقي يمثل 100 بكسل ، ويشير 100 ٪ من المحور العمودي إلى الوقت الذي يبدأ فيه المستخدم في التصفح من أقصى اليسار إلى التصفح.
يقضي الناس أكثر من ضعف الوقت على الجانب الأيمن على الجانب الأيسر ويختارون الخيار أمرا مفروغا منه:
استغرق النصف الأيسر 69 ٪ من الوقت.
يتم إنفاق 1 ٪ المتبقية من وقت التصفح في 1024 بكسل يمكن رؤيتها أولاً.
المعلومات التي نتحدث عنها هنا هي في الواقع في "العمود أدناه" الذي يتجاوز الشاشة على الجانب الأيمن من الغموض ، بدلاً من الحرفي "أدناه". من ناحية أخرى ، إذا قارنت التصفح الأفقي والعمودي ، فسيتخطى المستخدم العمودي حوالي 20 ٪ من المعلومات ، في حين أن الأفقي سوف يتجاهلون فقط حوالي 1 ٪ من المعلومات. (أعتقد في الواقع ، ما يصل إلى عشرين مرة ، الأسطوانة الأفقية سيئة لأنها تزعج المستخدم حقًا وتجذب اهتمامًا أقل.)
استخدمت دراستنا 1024 و 768 شاشة. من خلال شاشة أكبر ، نريد أن ننفق القليل من التمرير لرؤية المزيد من المحتوى على اليمين ، بغض النظر عن نفس الشيء صحيح في ظل الوضع العادي.
عادةً ما يتضمن الجزء الأيسر شريط تنقل ، لذلك ليس من المستغرب أن ينتبه للنمو بعد 200 بكسل ، بالإضافة إلى هذا أكثر من 300-500 بكسل. يميل الناس إلى التركيز على منطقة المحتوى الرئيسية للخط الأول في البداية.
اتجاه قراءة اللغة من اليسار إلى اليمين
وجدت دراسات قابلية الاستخدام الخاصة بنا في مناطق من عادات القراءة إلى اليسار أن الناس يولون المزيد من الاهتمام لبداية الخط. من الواضح ، في هذه اللغات ، يبدأ النص من اليمين. ومع ذلك ، قد لا نجد بالضرورة عملية التنقيب المقابلة. (المعنى العام هو أنه عندما تكون عادات القراءة في بلد أو منطقة من اليمين إلى اليسار ، فإن رسم توزيع وقت انتباههم سيشكل علاقة مرآة مع الرسم البياني أعلاه ، أي أن الإحداثيات الأفقية تتم كتابة من اليمين إلى اليسار.)
والسبب هو أن مواقع الويب التي تقرأ اللغات من اليمين إلى اليسار لا تعتمد دائمًا تصميم التصميم الأيمن إلى اليمين. إليكم التصميم من صحيفة دبي Emarat al Youm و Gewspaper Haaretz الإسرائيلية:
Emarat al youm هو موقع حقيقي محاذاة يميني. على عكس هذا ، يعد Haaretz موقعًا محاذاة يمينيًا مع نص ، ولكن لا يزال لديه شريط تنقل يسار. لذلك ، قد يكون البحث هذا البحث (سأترجمه في الوقت الحالي) أكثر تعقيدًا من موقعنا على الويب الإنجليزية العادية.
الأولوية للتخطيط العادي
عد إلى اللغات التي نقرأها بشكل روتيني من اليسار إلى اليمين ، مثل الصينية أو الإنجليزية أو الروسية أو حتى اليابانية.
ببساطة ، الالتزام بتخطيط موقع الويب التقليدي لأنه يتوافق تمامًا مع عادة الناس في تصفح صفحات الويب.
إن الحفاظ على التنقل متسقًا على اليسار هو قائمة بالأشخاص الذين يرغبون في العثور عليها ؛
إيلاء المزيد من الاهتمام لترتيب المحتوى الرئيسي من اليسار إلى اليمين ؛
يجب أن يفسر المحتوى الأكثر أهمية ثلث أو حتى نصف عرض الصفحة بأكمله. هذا هو الشيء الأكثر اهتمامًا للمستخدمين ؛
الحفاظ على المحتوى الثانوي على اليمين. لن يحصل على الكثير من الاهتمام ، لكنه لا يكفي!
ومن المثير للاهتمام ، أن تخطيط موقع الويب الموضح في هذه الصورة الكبيرة يشبه إلى حد كبير تخطيط إنترانت السائد. ولكن هذا مجرد موقع ويب.
من الواضح أن نموذج التصفح المهيمن وتخطيط الويب تطورت إلى علاقة ثانوية:
يتم تدريب الأشخاص على الانتباه إلى أماكن معينة لأنه عادة ما يكون هناك أهم المعلومات الموزعة هناك ؛
اعتبارًا من الآن ، عندما تقوم الشركات بإنشاء تخطيطات لموقع الويب ، يتم ترتيب معلوماتها وفقًا لكيفية تخصيص الناس عن اهتمام صفحتهم بالكامل.
إذا كان ذلك مخالفًا للتخطيط التقليدي ، فسيقوم بعض المستخدمين بتغيير عادات انتباههم عند تصفح موقع الويب الخاص بك. إذا وضعت أشياء مهمة على اليمين ، فقد يحدث ذلك أن هؤلاء (أقل) من المستخدمين يجدون هذه المعلومات في هذا المجال سيستغرق وقتًا أطول من مجال مستخدم نموذجي.
هذا ليس إذا قرر المستخدم مقدمًا: "أنا فقط أقضي 2.5 ٪ من وقتي في النظر من اليسار إلى اليمين ، وتصفح 1000 و 1100 بكسل في هذا القسم. & rdquo ؛
على أي حال ، فإن سعر الانحراف عن التصميم التقليدي هو: عندما يتصفح المستخدمون في البداية صفحتك ، سيقضون الكثير من الوقت في البحث عما يحتاجون إليه.
إذا تلبي تخطيط صفحة الويب الخاصة بك احتياجات التصفح للمستخدم ولم يتم وضعها في وضع غير تقليدي ، فقد يجدون المعلومات بسهولة وتلبية رغباتهم.
علاوة على ذلك ، عندما يأخذ موقع الويب الخاص بك المستخدمين أمرا مفروغا منه ، سيكون عملك أكثر سلاسة.