Professional Documents
Culture Documents
-----------------------------------------
دراسة في تقييم واجهة االستخدام والوصول إلى المعلومات
حامت الصريدي.د
جامعة البحرين
مملكة البحرين
Abstract
In these last years, the internet presented a big challenge to traditional
media and especially to printed newspapers which was deeply affected by
the gradual shift of its readers to the internet. It was then a necessity for
news companies to think about new strategies and to adopt new modern
economic models in relation to the use and the accessibility of information.
Its major goal is to reinforce its position and its relations with readers and
users in front of the tough competition and the spread of news websites and
citizen journalism.
Like other Arabic and international news companies, Bahraini newspapers
adopted almost the same strategy by creating their own web sites which
came as a support to the printed newspaper. Even though, these web sites
were created at different periods of time, they almost all have adopted the
same method in term of interface design of pages and the publication of news
contents and its updating.
In this paper, we will try to present the most important results of a
descriptive and evaluative study of five websites representing the major
online Bahraini newspapers. The focus of the study will be on two major
levels: Interface and Accessibility.
This study was realized during the first week of June 2008. Interface design
was evaluated by measuring selected areas from web pages screenshots. As
for the Accessibility; automatic testing tools were used in the evaluation and
analysis. Finally, contributions include a state of the art of news websites.
Keywords
Online Journalism, New Media, Web Interfaces, Web Accessibility,
Web Design
101
تقديم
مثلت شبكة اإلنرتنت يف السنوات األخرية حتدّيا كبريا لوسائل اإلعالم التقليدية ومنها
باخلصوص الصحافة املطبوعة اليت تأثرت تأثرا بالغا من حت ّول عدد كبري من ق ّرائها تدرجييا
إىل الشبكة .وكان لزاما على هذه املؤسسات اإلعالمية التفكري يف اسرتاتيجيات جديدة وتبين
مناذج اقتصادية حديثة ،ترتبط باالستخدامات والوصول إىل املعلومات ،من شأنها أن تع ّزز
مكانتها وتق ّوي الروابط اليت جتمعها مع قرائها ومستخدميها أمام املنافسة الشديدة واالنتشار
الواسع لألخبار واملعلومات سواء كان يف شكله املؤسساتي ( )News Websitesأو الفردي يف
إطار ما أصبح يعرف بصحافة املواطن (.)Citizen Journalism
ومثلها مثل باقي الصحف العربية والدولية ،تب ّنت الصحف البحرينية هذا البعد االسرتاتيجي
ضمن تطور مناخ الصحافة املطبوعة وأنشأت مواقع الكرتونية على الشبكة ،جاءت يف جمملها
داعمة للمؤسسة اإلعالمية األم .ولئن ظهرت هذه املواقع االلكرتونية يف فرتات زمنية خمتلفة،
ال أنها اعتمدت تقريبا نفس األسلوب يف مستوى تصميم الصفحات ونشر املضامني اإلعالمية إّ
وحتديثها.
يركز العنصر األول على إبراز الدراسات وتنقسم هذه الورقة إىل أربعة عناصر أساسيةّ :
السابقة يف جمال البحث باإلضافة إىل تقديم للمنهجية املتبعة يف اختيار املواقع االلكرتونية
املم ّثلة لعينة البحث ،وأساليب التحليل والدراسة اليت مشلتها .أما العنصر الثاني فهو يهتم
أساسا بتقييم تصميم واجهة االستخدام ،يف حني يتمحور العنصر الثالث حول دراسة وحتليل
خصص عنصرا رابعا للحديث عن أهم النتائج اليت مسألة الوصول إىل املعلومات .وأخريا ّ
خرجت بها الدراسة.
102
I .Iاألبحاث السابقة
قبل الشروع يف هذه الدراسة واختيار ع ّينة الصحف االلكرتونية البحرينية ،قمنا بعملية حبث
عن دراسات وحبوث سابقة يف نفس اجملال .وباستثناء بعض املقاالت اخلاصة باجتاهات الصحافة
االلكرتونية يف بعض البلدان العربية اليت ال متثل فعال دراسات علمية ،مل نتمكن من احلصول
على حاالت حبث وقع تطبيقها على الصحف االلكرتونية العربية .وقد متكنا يف اجلهة املقابلة
من احلصول على عدد هام من الدراسات اليت أجريت على مناذج ملواقع إخبارية غربية كان هلا
األثر البالغ يف تغذية هذه الدراسة من ناحية األدبيات العلمية واملنهجية املعتمدة ،سوف حناول
إجياز ما جاء فيها.
وقام Ivoryببحوث متقدمة سنوات 2001و 2002و 2005حول موضوع حتليل املواقع
االلكرتونية بطريقة التقييم اآللي وامليداني لالستخدامات .وقد استخدم منهجيات حبث
متعددة من بينها التقييم اآللي والتقاط صور الشاشة واملالحظة امليدانية أو االمربيقية.
بنية الصحف االلكرتونية على اإلنرتنت كان املوضوع الرئيسي لكتاب Xigen Liصدر سنة
2006حتت عنوان ( Internet Newspapers: The Making of a Mainstream
ركز الكاتب على مسألة وسيلة اإلعالم كعملية تفاعلية والطرق اليت .)Mediumكما ّ
من خالهلا يتم التفاعل بني اجلمهور والصحف االلكرتونية.
كما أن التجارب والدراسات والبحوث مازالت متواصلة يف هذا الشأن للتعرف أكثر على أدق
اخلبايا يف استخدام الصحف االلكرتونية ومواقع اإلنرتنت بصفة عامة من قبل املتصفحني.
103
آخر هذه الدراسات املتقدمة اهتمت أساسا حبركة العني لدى استخدامها لصفحات املوقع.
منهجية البحث
يع ّرف الباحثون يف علوم اإلعالم واالتصال املوقع اإلخباري على أنه املوقع االلكرتوني اململوك
إلحدى الشركات أو املؤسسات اإلعالمية والذي حيتوي على مضامني إعالمية يقع حتديثها
بصورة مستمرة .وعلى هذا األساس تكو ّنت ع ّينة البحث من مخسة مواقع الكرتونية ّ
موضحة
حسب اجلدول التالي:
ومتثل هذه الصحف اخلمسة أهم الصحف البحرينية اليت هلا مواقع الكرتونية على الشبكة .كما
أنها متثل تقريبا مجيع االجتاهات السياسية واالجتماعية يف اململكة .كما وقع اختيار املواقع
االلكرتونية املذكورة عن طريق استخدام طريقة تقييم درجة املوقع ( )PageRankوذلك
باستعمال أدوات الكرتونية مت ّكن من احلصول على درجة املوقع .وقد استخدمنا لتحقيق هذا
الغرض ثالثة مواقع هي ( ) gopagerank.comو ( ) seochat.comو (.) top25web.com
104
شكل رقم 1
تقييم درجة املواقع االلكرتونية املختارة عن طريق Google pagerank
105
شكل رقم 3
تقييم درجة املواقع االلكرتونية املختارة عن طريق Ceochat.com
.2اختيار الصفحات
باالعتماد على ع ّينة املواقع االلكرتونية اليت وقع اختيارها ،قمنا كذلك باختيار صفحتني
لكل موقع مت ّثل الصفحة األوىل الصفحة الرئيسية ( )Homepageومت ّثل الصفحة الثانية
صفحة املقال اإلخباري (.)News article page
قمنا باستخدام طريقة التقاط صور الشاشة ( )Screenshotsبالنسبة لصفحات الويب املعنية
بالدراسة وذلك ضمن مقاسني خمتلفني ( 800X600بكسل) و ( 1024X768بكسل) .وتشري
اإلحصائيات يف هذا اإلطار إىل أن أكرب عدد من متص ّفحي اإلنرتنت يف العامل يستخدمون
شاشات كمبيوتر مقاس ( 1024X768بكسل) وذلك بنسبة تقدّر ب .48%وعلى هذا
األساس وقع التقاط لعدد مجلي من صور الشاشة ل 20صفحة ويب ضمن مقاسي الشاشة
املذكورين .كما قمنا يف نفس الوقت حبذف عناصر املتصفح ( )Browserلنحصل على
مقاس أقل بقليل من مقاس الشاشة األصلي .وقد استخدمنا يف عملية التقاط الصور الربنامج
اجملاني ( .)Screen Hunter
106
شكل رقم 4
صورة ملتقطة للصفحة الرئيسية ملوقع alwatannews.netضمن مقاس 800X600بكسل
107
.4فرتة إجناز الدراسة
بهدف تسجيل الدراسة يف نفس السياق وللحفاظ تقريبا على نفس أجندة األخبار جلميع
املواقع االلكرتونية املمثلة لع ّينة البحث ،قمنا بالتقاط صور شاشة صفحات الويب ضمن
املقاسني ( 800X600بكسل) و ( 1024X768بكسل) يف نفس اليوم بتاريخ الثالثاء 29يوليو
.2008
باالعتماد على األحباث اليت قام بها Nielsenسنة 2001حول استخدامات الصفحة
ركزنا على نفس املنهجية امل ّتبعة وقمنا الرئيسية للموقع االلكرتوني من قبل املتصفحنيّ ،
بالتقاط صور شاشة للعشرين صفحة ويب اليت وقع اختيارها ضمن الدراسة ،ثم قمنا بإجناز
كمية ( )Quantitative evaluationلكل صفحة ويب عن طريق حتليل دراسة تقييمية ّ
عناصر الصفحة اليت قمنا بتقسيمها حسب مساحات معينة وقع تعريفها مسبقا.
وتنقسم عناصر مساحات الصفحة إىل اآلتي:
• •اإلحبار ( )Navigationاملساحة اليت تستخدم لدعم إحبار املتصفح عرب مضامني املوقع
االلكرتوني.
• •املضمون ( )Contentاملساحة املخصصة لعرض مضامني املوقع االلكرتوني سواء كانت يف
شكل نصوص أو صور.
• •اإلعالن ( )Advertisementاملساحة اليت تستخدم لعرض اإلعالنات.
• •العرض اخلاص ( )Auto-Promotionاملساحة اليت تستخدم لعرض العروض اخلاصة
باملوقع نفسه أو املنتجات والربامج اليت يرعاها املوقع نفسه.
• •اهلوية ( )Identityاملساحة اليت تستخدم لعرض العناصر املرتبطة بهوية املوقع أو
الشركة التابع هلا.
• •البحث ( )Searchاملساحة اليت تستخدم يف عرض أدوات البحث سواء كانت أدوات حبث
داخلي أو شامل.
• •عناصر إبراز ( )Featuresاملساحة اليت تستخدم لعرض عناصر إبراز للمتصفح مثل
إدخال التعليقات أو الوصول إىل نسخة سهلة الطبع للمضامني.
• •غري مستخدم ( )Unusedاملساحة اليت ال تدخل ضمن أي تقسيم وقع ذكره سابقا وليس
بالضرورة أن يكون بياضا.
اعتمادا على هذه التقسيمات داخل الصفحة ،قمنا باستخدام برنامج معاجلة الصورة الرقمية
108
( )Adobe Photoshopواخرتنا لون مميز لكل صنف من أصناف املساحات املذكورة يف
أعلى وقمنا بتحديد هذه العناصر يف مجيع صفحات الويب امللتقطة ضمن عينة البحث.
109
ونشري يف نفس السياق إىل أننا قمنا بقياس صفحة الويب الواحدة مرتني ضمن قياسني
خمتلفني وبالتالي فقد متكنا من القيام بعملية حتليل دقيق لعناصر التصميم واخليارات
املرتبطة به .فعلى سبيل املثال مكنتنا هذه العملية من حتديد وفهم أنواع املساحات داخل أو
خارج مقاس شاشة (.)800X600
وتفيد التحاليل اليت قمنا بها أن عنصر اإلحبار ( )Navigationيوجد يف شكل قائمة عمودية
إىل أقصى ميني الشاشة بالنسبة جلميع املواقع االلكرتونية باستثناء صحيفة الوسط اليت
تعتمد على عنصر إحبار مغاير يوجد يف شكل قائمة أفقية يف أعلى الشاشة.
كما نشري إىل أن عنصر اإلحبار ال يظهر كليا بالنسبة لصحف األيام والوسط والوطن ضمن
مقاس شاشة ( ،)800X600مما ميثل عنصرا سلبيا يف تصميم الصفحة الرئيسية للموقع
حبيث أنها ال تسهّل عملية التصفح بالنسبة ملستخدمي شاشة ( .)800X600أما بالنسبة
لصحيفيت أخبار اخلليج والوقت فعنصر اإلحبار واضح متاما ضمن املقاسني.
110
شكل رقم 9
ظهور واضح لعنصر اإلحبار بالنسبة للصفحة الرئيسية ملوقع alwaqt.com
ضمن مقاسي 800X600و 1024X768بكسل
كما نالحظ أيضا أن نسبة املساحة املخصصة لعنصر اإلحبار ضمن قياس 800X600
بكسل تبدو هامة بالنسبة لصحيفيت الوقت وأخبار اخلليج ( 11و % 12من املساحة اجلملية
للصفحة) وأقل أهمية بالنسبة لصحيفيت الوسط والوطن ( 6و ،)5%يف حني تطرح املساحة
املخصصة لعنصر اإلحبار بالنسبة لصحيفة األيام ( )1%أكثر من سؤال يف مستوى خيارات
التصميم.
وضمن مقاس شاشة 1024X786تبقى صحيفيت الوقت وأخبار اخلليج حمرتمتني لنفس
املساحة املخصصة لعنصر اإلحبار ( 11و ،)12%يف حني تبدو صحيفة الوطن أكثر تناغما
مع هذا املقاس بفضل ختصيص 14%من املساحة اجلملية للصفحة .وتبقى صحيفيت األيام
والوسط بنسبة مساحات مشابهة ملقاس الشاشة السابق ( 7و.)5%
111
أما خبصوص اإلعالنات القليلة اليت حتصلنا عليها فقد جاءت ضمن شكلني خمتلفني من
حيث املوقع :إعالنات أفقية يف أقصى أعلى الشاشة وإعالنات عمودية يف أقصى يسار الشاشة.
ولئن شهدت هذه النسب اخنفاضا ضمن مقاس شاشة 1024X768بكسل ،إ ّ
ال أنها تبقى
يف اعتقادنا مرتفعة مقارنة مع املساحة اجلملية للصفحة ( 36%بالنسبة لصحيفة األيام
و 26%بالنسبة لصحيفة الوسط) .وميكن أن نقول أن األمر يصبح غري معقول إذا ما الحظنا
112
أن نسبة املساحات غري املستخدمة بالنسبة لصحيفة األيام مت ّثل نفس نسبة املساحة املخصصة
للمضامني اإلخبارية ( .)36%ويعين ذلك صراحة وجود خلل ما يف مستوى توزيع عناصر
تصميم الصفحة.
أما صحيفيت الوقت وأخبار اخلليج فكانتا الصحيفتان األكثر انسجاما يف مستوى التوزيع
العام للمساحات ،بل أن نسبة املساحات غري املستخدمة ضمن صحيفة الوقت تعترب مثالية ،إذ
ال تتجاوز 5%من املساحة اجلملية للصفحة.
113
شكل رقم 11
توزيع مساحات صفحة أخبار اخلليج ضمن مقاس 1024X768
114
شكل رقم 13
توزيع مساحات صفحة األيام ضمن مقاس 1024X768
115
شكل رقم 15
توزيع مساحات صفحة الوقت ضمن مقاس 1024X768
116
شكل رقم 17
توزيع مساحات صفحة الوسط ضمن مقاس 1024X768
117
شكل رقم 19
توزيع مساحات صفحة الوطن ضمن مقاس 1024X768
تتمثل عملية تقييم الوصول إىل املعلومات ( )Accessibilityيف اختبار مستوى استجابة
صفحات املوقع االلكرتوني خلطوط اإلرشاد ( )Guidelinesاملرتبطة بقواعد تطبيق لغات
برجمة الويب الصادرة عن اهليئة الدولية لإلنرتنت W3Cاليت تتكفل بعملية نشرها
وحتديثها بصورة مستمرة .وتتمحور خطوط اإلرشاد حول جمموعة من املبادئ والقواعد
العامة اليت تسمح بالوصول إىل املعلومات .وحيتوي كل مبدأ من هذه املبادئ على واحد أو
تفسر كيف وقع تطبيق ّ
خط اإلرشاد جمموعة من نقاط التدقيق ( )Checkpointsاليت ّ
ضمن وضعية مع ّينة.
وإلجناز هذا العمل قمنا باستخدام أدوات تقييم الكرتونية ميكن استعماهلا بصورة جمانية على
شبكة اإلنرتنت وهي Cynthiaو Etreو .WebXACTوقد وقع استخدام هذه األدوات
بتاريخ 29يوليو .2008
118
شكل رقم 20
تقييم عنصر الوصول إىل املعلومات عن طريق Cynthia
119
على إثر حتليل البيانات ميكن القول بأن صفحات املواقع اخلمس تتضمن أخطاء خاصة
بالوصول إىل املعلومات ( .)Accessibility errorsعدد هذه األخطاء خيتلف من صحيفة
إىل أخرى ليصل العدد األعلى من األخطاء ( )572والذي وقع تسجيله ضمن الصفحة
سجلت الصفحة الرئيسية لصحيفة األيام العدد
الرئيسية لصحيفة أخبار اخلليج ،يف حني ّ
األقل من األخطاء (.)272
أما أهم نوع من األخطاء فهو مرتبط خبط اإلرشاد )Guideline 1.1( 1.1الذي جيب من
خالله توفري نص تعويض أو تفسري للعناصر املرئية .كمثال على ذلك ضرورة توفري نص
يفسر حمتوى الصورة يف حالة اعتذار حتميلها مع الصفحة.
ّ
IVIVالنتائج
من خالل هذه الدراسة املتواضعة اليت ّ
وضحنا أبعادها فيما سبق ،ميكن أن خنلص إىل النتائج التالية:
أوال :يبدو أن بعض الصحف االلكرتونية مل تأخذ بعني االعتبار ضرورة أهمية أن يتوافق
تصميم واجهة االستخدام على األقل مع مقاسني ( 800X600و )1024X768وذلك ح ّتى
تتم تسهيل عملية استخدام املوقع من قبل عدد كبري من املستخدمني .ما لوحظ هو جناح فقط
صحيفيت الوقت وأخبار اخلليج يف هذا املستوى ،يف حني شهدت بقية الصحف عدم انسجام
تسبب يف خلل ضمن توزيع مساحات العناصر املكونة للصفحة ،جعل على سبيل املثال عنصر
اإلحبار أو اهلوية غائبا ضمن أكثر من صحيفة.
ثانيا :احتوت صفحات الويب املكونة للصحف االلكرتونية عددا عاليا من األخطاء يف مستوى
الوصول إىل املعلومات وخاصة بالنسبة خلط اإلرشاد 1.1املرتبط بتعريف العناصر املرئية.
ثالثا :بديهي أن نف ّكر يف أن أهم عنصر مكون للصفحة هو املضمون اإلخباري أو اإلعالمي ،إال
أن توصلنا إليه هو ضعف املساحة املخصصة هلذا العنصر باستثناء صحيفيت الوقت وأخبار
اخلليج.
رابعا :ش ّد انتباهنا ارتفاع نسبة املساحات غري املستخدمة ضمن الصفحة .ولئن اختلفت نسبة هذه
املساحة من صحيفة إىل أخرى ،إال أنها يف تقديرنا تعبرّ عن غياب إسرتاتيجية تصميم واضحة
متكن من تغطية هذه املساحات عند املرور من مقاس 800X600إىل مقاس 1024X768أو
العكس.
120
لإلعالنات وعروض الرتويج بصورة عامة .ويف اعتقادنا أن هذه املسألة مرتبطة مبشكل عام
ضمن مواقع اإلنرتنت العربية وهو ضعف سوق اإلعالنات على الشبكة مقارنة بتواجدها
الضخم عرب وسائل اإلعالم واإلعالن األخرى.
سادسا :تعترب صحيفة الوقت الصحيفة األكثر جناحا يف مستوى تصميم واجهة االستخدام
من خالل التوزيع املوفق للمساحات املكونة للصفحة الرئيسية وبقية الصفحات الداخلية.
كما أن عدد األخطاء املرتبط بالوصول إىل املعلومات جاء بنسبة متواضعة ،مما يعزز موقع
هذه الصحيفة مقارنة بالصحف األخرى اليت أخذناها كعينة للبحث.
يف نهاية املطاف ميكن القول بأن هذه الدراسة ليست إال إضافة متواضعة يف جمال حتليل
تكمل هذه الدراسة هي
وتقييم املواقع اإلخبارية العربية .كما أن املرحلة القادمة اليت ميكن أن ّ
مرحلة تقييم االستخدام ( )Usability evaluationاليت ميكن من خالهلا تقديم حتليل
مفصل لعالقة املوقع االلكرتوني مبستخدميه يف مستوى احلصول على املضامني اإلخبارية ّ
ّ
والتفاعل مع املساحات املكونة للصفحة .وحتى حيصل تراكم يف هذا اجملال جيب أن تتعدّد
هذه األنواع من الدراسات عل املستوى العربي.
121
الهوامشV .V
16 ، جملة حقائق، اجتاهات الصحافة االلكرتونية يف العامل ويف تونس، الصادق احلمامي-1
.2007 أكتوبر
2- Nielsen, J., 2000. Designing Web Usability: The Practice of Sim
plicity. New Riders Publishing, CA, USA.
4- Eriksen, L., 2000. Evolution of the web news genre- the slow move
beyond the print metaphor. In HICSS 00: Proceedings of the 33rd
Hawaii International Conference ob System Sciences (HICSS 03).
IEEE Computer Society.
10- http://www.gopagerank.com/
122
11- http://www.seochat.com/seo-tools/pagerank-lookup/
12- http://www.top25web.com/pagerank
لمراجعI VIVI
123
(HICSS 03). IEEE Computer Society.
124