كيف ممكن نستخدم مبادئ تصفح الصفحة في التصميم لمعرفة الأماكن انتباه المستخدم.
بنتكلم اليوم عن مبدأين لتصفح الصفحات.
ثريد🧵
بنتكلم اليوم عن مبدأين لتصفح الصفحات.
ثريد🧵
المبدأ الاول يسمى ب Gutenberg نسبة للعالم اللي اخترعه او (نمط حرف Z). العالم اكتشف النظرية من خلال انتباهه لكيفية قراءة الناس للجرائد. قسم العالم الصفحة إلى ٤ مناطق. إتجاه التنقل بين المناطق يعتمد على اتجاه قراءة اللغة.
🔹منطقة بصرية أولية: اول منطقة تجذب تركيز المستخدم.
🔹منطقة إراحة قوية: منطقة تقع في نهاية حركة العين للقراءة.
🔹منطقة إراحة ضعيفة: منطقة لا يعير المستخدم لها انتباه كبير.
🔹منطقة النهاية: منطقة مهمة جاذبة لإنتباه المستخدم يمكن وضع ما تريد من المستخدم عمله مثل زر لإتخاذ القرار
🔹منطقة إراحة قوية: منطقة تقع في نهاية حركة العين للقراءة.
🔹منطقة إراحة ضعيفة: منطقة لا يعير المستخدم لها انتباه كبير.
🔹منطقة النهاية: منطقة مهمة جاذبة لإنتباه المستخدم يمكن وضع ما تريد من المستخدم عمله مثل زر لإتخاذ القرار
من بين الأربع مناطق منطقتين لها فرصة أكبر في جذب انتباه المستخدم وهي المنطقة المنطقة البصرية الأولى ومنطقة النهاية.
بالنسبة للغة العربية (تقرأ من اليمين إلى اليسار)، في المنطقة البصرية الأولية يمكن وضع شئ يحفز المستخدم على المتابعة مثل عنوان مميز او شعار وفي منطقة النهاية يمكن وضع ما تريد من المستخدم عمله مثل زر لإتخاذ القرار.
بالنسبة للغة الإنجليزية (تقرأ من اليسار إلى اليمين) تتبع نفس الطريقة السابقة لكم بعكس الإتجاه كما موضح في الصورة.
مثال على تصميم موقع طبق مبدأ حرف Z:
بالنسبة للمبدأ الثاني (نمط حرف F) واللي اكتشفه مجموعة Nielsen Norman وتطبق على الصفحات ذات المحتوى الكثير مثل صفحة المقالة. المجموعة اجرت دراسة تتبعت حركة عين المستخدمين اثناء قراءة صفحة ووجدوا ان نمط حركة العين يشبه حرف F.
فالمستخدم يعير انتباه لبداية المقالة وآخرها وأكثر متصفحي المواقع يقوموا بعمل مسح للصفحة لذا من المهم ان يكون مقدمة المقالة تتكون من عبارات مشوقة وجاذبة لإنتباهم وتجنب المحتوى الغير ضروري وفصل القطع بعناوين تشرح غايتها.
في نهاية الثريد، لاتنسون المشاركة لإفادة الغير وشكراً💜
جاري تحميل الاقتراحات...