التقنية بضغطة زر » تقنيات تعقب العين: الطريقة المثلى لمحاذاة النصوص العربية على الويب

ا لتــقـنــيــة بــضــغــطـة زر

للتقنية أبعاد أخرى



الموقع في سطور

    موقع التقنية بضغطة زر (تيك تو كليك) يقدم العديد من المواضيع المفيدة و المتنوعة في عالم الحاسب و الإنترنت و آخر التطورات و الأبحاث في مجال الويب والتعليم الإلكتروني تحرره د.هند الخليفة.

الصفحات

التصنيفات

الأرشيف

النشرةالبريدية

    أدخل بريدك الالكتروني

    Delivered by FeedBurner

    خلاصات الموقع

    شبكة زوار الموقع

تقنيات تعقب العين: الطريقة المثلى لمحاذاة النصوص العربية على الويب

يونيو 12th, 2010 بواسطة Tech2Click

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

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

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

التجربة

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

عند استخدام محاذاة كاملة للنص تظهر النتائج تماثل في توزيع الخريطة الحرارية وتجانس في نقاط التركيز.

heatmap-centerd
صورة 1: الخريطة الحرارية لنص بمحاذاة كاملة

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

الخريطة الحرارية لنص بمحاذاة يسار

صورة 2: الخريطة الحرارية لنص بمحاذاة يسار

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

نقاط التركيز لنص بمحاذاة يمين

صورة 3: نقاط التركيز لنص بمحاذاة يمين

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

نقاط التركيز لنص متوسط

صورة 4: نقاط التركيز لنص متوسط

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

النتائج

مما سبق أظهرت لنا نتائج تعقب العين لعينة صغيرة من الأشخاص أن كتابة النصوص العربية على الويب تتطلب مراعاة من ناحية المحاذاة وذلك لكون القراءة على الويب تختلف عنها في الوسائط الأخرى.

لذا ينصح عند الكتابة في الويب سواء كانت في مواقع رسمية أو المنتديات أو حتى في البريد الإلكتروني أن تكون المحاذاة للنصوص العربية إما يمين أو كاملة.

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

حرر في تجارب |



9 تعليقات

  1. عمار تعليق:

    شكرا يادكتورة هند على هذه الدراسة.

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

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

    شكرا لك

  2. طارق منصور تعليق:

    جزاك الله خير, بالفعل نحتاج الي مثل هذه الدراسات في عالمنا العربي.

    شكراً.

  3. بندر تعليق:

    ممتاز جداً .. لكن كل الصور مو باينة ..
    على الأقل عندي هنا ..

  4. Tech2Click تعليق:

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

    طارق منصور، شكرا لك

    بندر، الصور بشكل أوضح في هذه الروابط
    صورة محاذاة كاملة
    صورة محاذاة يمين
    صورة نص متوسط
    صورة محاذاة يسار

  5. Amal Darraj تعليق:

    موضوع رائع.. هل من مواقع أخرى حتى لو باللغة الانجليزية والمحاذاة لها وتشابه نفس الدراسة؟؟
    نرجو اتحافنا بالمزيد

    كل التوفيق أتمناه لك

  6. abdallh تعليق:

    دراسة رائعة شكرا ً دكتورة
    وبالفعل النص الذي يريحني هو الذي يبدا من اليمين الى اليسار.
    جهاز تعقب العين هل يباع منفصل ام يمكنني بناء تطبيقات على كاميرا الويب تتعقب العين ؟

  7. MaNaL تعليق:

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

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

    شكرا للمرة الألف

  8. Tech2Click تعليق:

    بداية اعتذر للجميع لتأخري في الرد فقد كنت مسافرة وللتو عدت.

    بالنسبة لسؤال الأخت أمل
    نعم هناك دراسات عديدة يمكنك البحث عنها في قاعدة بيانات (usabilitynews).

    الأخ عبدالله

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

    الأخت منال، إن شاء الله سأقوم بالدراسة قريبا حالما أنتهي من أشغالي.

  9. مصريه تعليق:

    موفقه يا دكتوره في اختيار موضوع البحث - اردت ان اسألك عن الادام المستخدمه لآجراء مثل هذه التجربه ؟؟

فضلا اكتب تعليق

تنويه: لا يسمح بنشر التعليق قبل موافقة المدير. شكرا



جميع الحقوق محفوظة لموقع ا لتــقـنــيــة بــضــغــطـة زر 2005-2011

لا يسمح بنقل أو اقتباس أي معلومات من الموقع من دون الاشارة إلى المصدر او مراسلتنا