على سبيل المثال، في الصورة التالية (التي قمت بتصميمها لاستخدمها كمثال توضيحي فقط)، يتم عرض معلومات المتعلّقة بسيارة معروضة للبيع:

طريقة عرض معلومات السيارة قبل التعديل

كما ترى، عرض المعلومات بهذه الطريقه يجعل الصفحة تبدو مزدحمة، ويصعّب نسبياً الوصول للمعلومة المطلوبة (خاصة من قبل الزوّار الجدد، بما انهم لا يعرفون مكان كل معلومة مسبقاً).

لنرى الآن كيف ستبدو نفس المعلومات عندما نعرضها في سياق معيّن يوصلها للزائر بشكل أبسط وأسرع:

طريقة عرض معلومات السيارة بعد التعديل

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

1. نقلت اسم الشركة ونوع السيارة وموديلها الى الأعلى وجعلتها تبدو كعنوان، فهذه المعلومات تصف محتوى الصفحة ويجب وضعها بشكل بارز.
2. وضعت الحالة والمدينة والسعر والضمان في جملة واحده مختصره تجعل الموقع وكأنه يخاطب القاريء (سأفصّل هذه النقطه في موضوع سأكتبه قريباَ).
3. لاحظ كيف استخدمت الالوان لتمييز “الحالة”، وقد قمت بذلك لسببين: أ) حقل “الحالة” هو حقل يحتوي على قيمة من نوع ثنائي فالسيارة اما “متوفرة” أو “غير متوفرة”. ب) “الحالة” مهمة هنا لان اذا كانت السيارة غير متوفّرة فيجب على القاريء (أو المشتري هنا) معرفة ذلك بسرعة قبل اضاعة وقته في قراءة باقي التفاصيل، وبالتالي يفضّل وضعها بلون تجعلها تبرز أكثر. ويمكننا في حال عدم توفّر السيارة هنا أن نخفي باقي المعلومات المرتبطة بذلك لتعرض المعلومات كالتالي:
   

   طريقة عرض معلومات السيارة بعد البيع

4. وضعت “اللون” تحت الصورة مباشرة حيث ان القاريء بطبيعة الأمر سينظر الى الصورة لمعرفة لون السيارة، ووضع اللون تحت الصورة هو فقط وسيله مساعدة في حال لم يكن اللون واضحاً في الصورة.

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

اذا كانت لديك أية اسئلة أو اضافات، فلا تتردد في كتابتها في التعليقات.

لا يقرأ الناس المكتوب في مواقع الانترنت.

من النادر جداً أن أن يقرأ أحد محتويات صفحة موقع كلمة كلمة. الذي يقومون به فعلاً هو مسح الصفحة بأعينهم، والتركيز على كلمات وجمل معينة. في دراسات لكيفيّة قراءة الناس لصفحات الانترنت، وجد أن 79% من الناس يتفحّصون الصفحة بأعينهم. 16% منهم فقط هم من يقومون بقراءة الصفحة كلمة كلمة.

نتيجة لذلك، يجب على مواقع الانترنت (سواء كانت مدوّنات أو تطبيقات أو غيرها) استخدام نصوص واضحة وقابلة للمسح السريع لتسهيل حصول الزوّار على المعلومة التي يريدونها، و يمكنك تحقيق ذلك بالطرق التالية:

1. استخدم لغة واضحة سهلة

   القراءة على الشاشة متعبة وأبطأ من القراءة من الورق. لذلك كلما زاد اسلوب الكتابة سهولة كلما زاد فهم الناس للمكتوب.

   هذه بعض الأساليب التي يمكن استخدامها للكتابة بوضوح وسهولة اذا كان جمهورك هو عامة مستخدمي الانترنت العرب:

   • ابتعد عن الكلمات العامية أو المعقّدة ( مثل “على رأس العمل الخاضع للنظام” ) أو الكلمات المتخصصة بعمق في أحد التخصصات (مثل “برمجة الكائنات”) في حال عدم استهدافك للمتخصصين في ذلك المجال  — جرّب ان تجعل جدتك أو ابن اخيك الذي عمره عشر سنين يقرأ محتوى موقعك. اذا استطاع الاثنان فهم ما كتبت، فقد نجحت.
   • استخدم كلمات أقصر كلما أمكن – “بداية” أفضل من “ابتداء”, “واصل” أفضل من “استدرك”.
   • ابتعد عن الجمل او القطع المعقدة – اجعل كل جملة تحتوي على فكرة واحدة فقط.

2. اختصر قدر الامكان

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

3. اجعل كل فقرة تحتوي على فكرة واحدة فقط

   و هذا يمكّن القرّاء من:

   • مسح كل فقرة.
   • التعرف على محتواها بسرعة دون الحاجة لقرائتها كاملة.
   • المتابعة للفقرة التالية.

   جعل الفقرة تحتوي على فكرة واحدة يكون أكثر فائدة عند وضع الأهم في بداية تلك الفقرة.

4. اجعل الأهم في البداية

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

   • مسح بداية الفقرة بأعينهم
   • فهم فكرة وهدف الفقرة بسرعة
   • تقرير ما اذا كانوا يردون مواصلة قرائة الفقرة او لا.

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

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

   تسمى هذه الفكرة بـ “الهرم المقلوب”، لأن أهم المعلومات يأتي ملخصاً وفي البداية. بعكس التعليم الجامعي او المدرسي الذي يعتمد على تأسيس أساسات عامة كبيرة في البداية.

5. استخدم عناوين رئيسية قصيرة توضّح المحتوى

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

6. استخدم عناوين ثانوية

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

7. اكتب الكلمات المهمة بالخط العريض

   الكلمات المكتوبة بالخط العريض تبرز للقراء أثناء تصفحهم الصفحة بأعينهم. اكتب بالخط العريض الأربع أو خمس كلمات التي توضح الفكرة، وليس فقط الكلمة التي تود التركيز عليها.

8. استخدم القوائم

   القوائم أفضل من الفقرات الطويلة لأنها:

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

9. أهتم برفع مصداقيتك

   المصداقية مهمة جداً عند القراء على الانترنت، لأنه في أغلب الأحيان يخفى على القراء من هو الكاتب الفعلي للمعلومات المختلفة الموجودة على الشبكة. من الممكن زيادة المصداقية بواسطة:

   • ادراج رسومات أو صور متعلقة بالموضوع وعالية الجودة.
   • الكتابة الجيدة الخالية (قدر الامكان) من الاخطاء الاملائية.
   • استخدام روابط مفيدة لمواقع أخرى متعلقة بالموضوع.

10. ابتعد عن كتابة الكلام التسويقي

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

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

المصادر وقراءات اضافية:

• http://www.useit.com/alertbox/9710a.html
• http://www.webcredible.co.uk/user-friendly-resources/web-usability/web-content.shtml
• http://www.webdesignfromscratch.com/copywriting/writing-for-the-web.php
• مصدر صورة الموضوع