لا زلت غير مستوعباً للفكرة؟ لا عليك، فلم اشرحها بعد.

بداية، هل تعرف كيف تبحث الحيوانات عن فرائسها؟ تقوم بذلك عن طريق تتبّع رائحتها أو أي دليل آخر قد يدل على مكان الفريسة (أصوات، آثار أقدام…الخ)

ماذا عنا نحن عندما نقوم بزيارة موقع معيّن بحثاً عن معلومة نريدها؟ لن نقوم بقراءة كل مافي الموقع بشكل تسلسلي كما يعتقد كثير من أصحاب المواقع، بل سنقوم بتتبّع أي رابط تقع أعيننا عليه يبدو وكأنه سيوصلنا للمعلومة التي نريد، وكأننا نتتبّع رائحة المعلومه في الموقع. تخيّل السيناريو التالي:

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

يتأمل قليلاً الواجهة، ثم يلفت انتباهه اعلان في الأسفل يحتوي على كلمة “انترنت”

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

يقوم بمسح سريع على روابط الصفحة ويستوفقه رابط اسمه “انترنت أثناء التنقّل”. يفكّر الزائر قليلاً “هممم…يبدو قريباً مما أريد”، ثم يتبعه.

يصل الآن الى صفحة تحتوي على معلومات عن خدمة “بريدي”. لم يجد ما يبحث عنه بعد.

يلاحظة الزائر ان قائمة التصفّح في اليمين تغيّرت. يوجد الآن عدة روابط بينها رابط “الجوال نت” و “شريحة انترنت”. رابط “الجوال نت” يبدو قريباً جداً مما يريد. رائحة المعلومة التي يريدها اصبحت أقوى الآن.

يتبع ذلك الرابط ليجد أخيراً المعلومة التي يريد (فريسته!)

لاحظ كيف ان الزائر كان في كل صفحة يحس بانه يقترب من المعلومة التي يريدها بسبب وجود روابط ذات “رائحة” تدل على وجود المعلومة المطلوبة وترشده للوصول اليها، وهو مالم يتحدث في السيناريو التالي في موقع كاشيو مول:

يقوم الشخص بزيارة الموقع بحثاً عن شركات تقدّم خدمات الدعم الفني للحاسب الآلي عن طريق الانترنت.

يلاحظ وجود رابط “خدمات حاسوب” في الأسفل. يبدو قريباً جدا مما يريد، فيقوم بالضغط عليه.

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

فيقرر الزائر ترك الموقع.

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

ما الفائدة من معرفة كل هذا؟

بعد ان عرفت فكرة رائحة المعلومات، حاول الآن تطوّر موقعك بحيث يحتوي على ما يساعد الزائر على الوصول للمعلومة التي يريدها بسهولة بحيث يحس انه يسلك الطريق الصحيح طالما هو يبحث عن المعلومة التي يريدها في موقعك. يمكنك القيام بذلك عن طريق:

• عدم وضع حواجز بين الزائر والمحتوى (اجبار الزائر على التسجيل لرؤية المحتوى، وضع صفحات اعلانية يجب تجاوزها لرؤية المحتوى…الخ).
• عند تصفّح الزائر لاقسام موقعك، وضّح له -في قائمة التصفّح- القسم الذي يتصفّحه حالياً بتغيير شكل رابط القسم على سبيل المثال. يمكنك أيضاً استخدام سلسلة الروابط المسماة بـbreadcrumbs التي تساعد الزائر على معرفة مكانه الحالي داخل الموقع، كما يفعل موقع Newegg:
  

  تساعد هذه الطريقة الزائر في معرفة موقعه الحالي، وتصحيح مساره بسهولة في حال دخل القسم الخطأ في الموقع

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

تطويرات سريعة ستساعد كثيراً زوّار موقعك في الحصول على المعلومات التي يريدونها منه، وعدم تركه لزيارة موقع منافس.

في حال لا زال الموضوع غير واضحاً، فلا تتردّد بطرح سؤالك في التعليقات، وسأجيب عليه ان شاءالله في أسرع وقت ممكن.

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

تصنيف وعنونة و تنسيق كمّ من المعلومات بشكل واضح و منطقي يساعد الباحث عن المعلومة في الوصول إلى المعلومة التي يبحث عنها بسهولة.

فماهي في نظرك الترجمة الأفضل لمصطلح Information Architecture؟ هيكلة المعلومات؟ بناء المعلومات؟ شكل المعلومات؟ أو مصطلح آخر ربما؟

و عندما أقول “الأفضل”، فانا أعني الترجمة التي توضّح فكرة المجال، و هي ليست بالضرورة ترجمة حرفيّة.

شاركنا برأيك في التعليقات.

وقد قابلت العديد من مطوّري ومسؤولي المواقع الذين أصبح شغلهم الشاغل هو “تقليل عدد النقرات” في مواقعهم. فهل تطبيق هذه القاعدة بهذه الأهمّية فعلاً؟

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

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

فالمهم هنا هو سهولة الوصول للمحتوى بغض النظر عن عدد النقرات المطلوبة للوصول إليه (كما توضّح ذلك دراسة في هذا الموضوع)

طالما أن طريقة الوصول للمحتوى المطلوب سهلة ومنطقية، فعدد النقرات غير مهم

العامل الآخر الذي يتم إغفاله عادةَ هو درجة تكرار الحاجة لمحتويات معيّنة في الموقع. فالمحتويات التي يحتاج الزوّار إلى رؤيتها أو استخدامها بشكل مستمر (مثل “جديد الموقع”) يجب أن تتطلّب عدد نقرات أقل من تلك التي قد لا يحتاجها الزائر إلا في فترات متباعدة.

“قاعدة الثلاث نقرات” لوحدها ليس لها قيمة حقيقية ولا يجب الاعتماد عليها كلياً أو استخدامها كمقياس أساسي لسهولة استخدام الموقع، فتقليل عدد النقرات بدون مراعاة العوامل الأخرى سيؤدي غالباً إلى تعقيد الموقع بدلاً من تسهيل استخدامه.

تصنيف البطاقات (card sorting) هي طريقة تساعدك على معرفة الهيكلة والتصنيف المناسب لمحتوى موقعك استناداً إلى آراء عدة أشخاص من الفئة (أو الفئات) التي يستهدفها موقعك باستخدام بطاقات ورقية تصف محتواه.

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

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

الإعداد لتصنيف البطاقات

1. احصل على عدد كافٍ من البطاقات الفارغة التي يمكنك الكتابة عليها (يمكن الحصول عليها من المكتبات). يفضّل أن تكون ذات ورق مقوّى حتى لا تتأثر بالاستخدام المتكرّر.
2. اكتب على كل بطاقة عنصراً يمثّل أحد محتويات موقعك بشكل مختصر ومفيد. على سبيل المثال، لنفرض أن موقعك هو موقع تسوّق إلكتروني شامل، يمكنك كتابة العناصر التالية على البطاقات (كل عنصر على بطاقة مستقلّة): “معلومات الاتصال”، “جهاز لاب توب”، “أجهزة الكترونية”، “جديد المنتجات”، “كرسي مكتب”، وأي شيء آخر يمثّل محتوى موقعك ويحتاج إلى تصنيف (أعلم ان الأمثلة السابقة أنواعها مختلفة، فـ”أجهزة الكترونية” قد تصنّف كقسم، بينما “جهاز لاب توب” قد يصنّف كسلعة، و لكنك في النهاية تريد رؤية كيفية ترتيب الناس لذلك المحتوى). يمكنك أيضاً كتابة العناصر التي تخطط لتضمينها في موقعك لاحقاَ، فقد يؤثّر ذلك في النتيجة النهائية.
3. بإمكانك إعداد بطاقات أخرى مميّزة بلونها أو شكلها، لتمثّل كل واحدة منها قسماً رئيساً من أقسام المحتوى.
4. اخلط البطاقات ثم رقّمها بشكل تسلسلي (أرقام صغيرة في زاوية كل بطاقة أو خلفها) حتى يمكنك استخدام تلك الأرقام في تحليل النتائج لاحقاً.
5. حاول قدر الإمكان ألا تتجاوز 100 بطاقة، ويفضّل أن تقلل عددها قدر الإمكان.
6. نسّق مع عدة أشخاص من الفئة التي يستهدفها موقعك ليحضروا إلى مكان تصنيف البطاقات. بإماكانك الاكتفاء بـ4 إلى 7 أشخاص من كل فئة يستهدفها موقعك.

القيام بتصنيف البطاقات

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

هناك طريقتان لتصنيف البطاقات:

• تصنيف بطاقات مفتوح (Open Card Sorting): أن تطلب من الشخص وضع البطاقات في مجموعات منطقية، ثم يستخدم بطاقة بلون أو شكل مختلف ليكتب عليها عنواناً يصف تلك المجموعة. يمكنك استخدام هذا النوع من التصنيف للمواقع الجديدة، أو المواقع التي سيعاد تصميمها، حتى تحدد أقسامها و تصنيفاتها الرئيسة.
• تصنيف بطاقات مغلق (Closed Card Sorting): أن تطلب من الشخص وضع البطاقات في مجموعات تحت أقسام محددة مسبقاً. يمكنك استخدام هذا النوع من التصنيف للمواقع الحالية عند الرغبة في وضع محتوى جديد بها، أو لتتحقق من النتائج التي حصلت عليها في تصنيف البطاقات المفتوح.

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

تحليل النتيجة

بعد أن ينتهي الشخص من تصنيف البطاقات المعطاة له، دوّن طريقة ترتيبه للبطاقات باستخدام أرقامها (انظر خطوة 4 في مرحلة الإعداد) وأسماء المجموعات التي وضع تحتها البطاقات سواء كان تصنيف بطاقات مفتوح أو مغلق.

قم بالشيء نفسه مع كل مشارك في التصنيف، وقارن النتائج في النهاية لتحصل على تصوّر للهيكلة والتصنيف المناسب لمحتوى موقعك.

هناك طرق أكفأ وأدق لتحليل النتائج، ولكن شرحها يطول لغير المتخصصين في هذا المجال.

الخلاصة

تصنيف البطاقات طريقة عملية ويسيرة وغير مكلفة لهيكلة وتصنيف محتوى موقعك بشكل فعّال ومنطقي يسهّل للزوار إيجاد ما يبحثون عنه في موقعك.

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

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

تخيّل أنك دخلت إلى مكتبة عامة في أحد الايام للبحث عن كتاب معين، وعند دخولك للمكتبة وجدت أن جميع أنواع الكتب موجودة في مكان واحد دون تقسيمها إلى مجموعات منطقية (مثل: “كتب دينية”، “كتب إنجليزي”… إلخ)، هل ستستطيع العثور على الكتاب الذي تريد؟ ماذا لو كانت الكتب مقسّمة إلى مجموعات ولكن تم عنونتها بأسماء لا يفهمها إلا موظفو المكتبة (مثلاً “كتب عالمنا الجميل” بدلاً من “كتب الجغرافيا”)!

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

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

يتم الاستعانة بأسس وتطبيقات مجال هيكلة المعلومات في مواقع الإنترنت لتحديد أشياء عدة مثل:

1. هيكلة صفحات الموقع (wireframes)
2. خريطة الموقع (site map)
3. قوائم تصفّح الموقع وتسمياتها (navigation)

وسيتم شرح تلك الأسس والتطبيقات في تدوينات قادمة إن شاء الله.

قد تتساءل “هل مجال هيكلة المعلومات يندرج تحت مجال قابلية الاستخدام؟”

في الحقيقة لا.

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

و بما أن المجالين متداخلان كما أسلفت ولأهمية هيكلة المعلومات، فسأبدأ الكتابة عن أسس وتطبيقات هذا المجال إن شاء الله في تدوينات قادمة.

إذا كانت لديك أي استفسارات أو آراء حول هذا الموضوع، فلا تتردد بكتابتها في التعليقات.

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

اذن كيف تستطيع تحديد المحتوى و المزايا المهمة التي يجب ان تكون موجودة في موقعك؟

اولا، ستنشيء جدول لكل فئة يستهدفها موقعك يتضمّن النقاط الاشياء التالية:

1. المهام التي ستقوم بها تلك الفئة في الموقع.
2. الخاصية او الميزة التي ستسّهل لتلك الفئة القيام بهذة المهمة (إن وجد).
3. المحتوى الذي سيساعد هذه الفئة على الوصول للمعلومة التي يبحث عنها.

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

لاحظ انه ليس من الضرورة ان تكون هناك خاصية لكل مهمة، و لكن هناك مهام تستدعي وجود بعض الخواص او المزايا لتسهيلها.

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

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

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