نمط تصميم: سحابة الأوسمة (Tag Cloud)

تساعدك أنماط التصميم في فهم مواقع الانترنت بشكل أكبر وأعمق، وفي حل المشاكل التي قد تواجهها في موقعك. (للمزيد حول أنماط التصميم)

المشكلة التي يحلها هذا النمط

المستخدم يريد استعراض محتوى الموقع حسب الأكثر شعبية أو الأكثر استخداماً.

الحل المقترح لتلك المشكلة

استخدام ما يسمى بـ”سحابة الأوسمة” (أو Tag Cloud)، والـ”سمة” (أو الـTag) ببساطة هي شيء يساعد في وصف محتوى معيّن (موضوع، خبر، صورة، ملف…الخ)، و ذلك لتسهيل البحث عن المحتويات في الانترنت وتسهيل تصفّحها والربط بينها.

سحابة الأوسمة لاحدى المدوّنات العربية

سحابة الأوسمة لاحدى المدوّنات العربية

متى يستخدم هذا النمط

يمكنك استخدام هذا النمط في الحالات التالية:

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

كيف يحل هذا النمط المشكلة

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

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

كيفية تطبيق هذا النمط

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

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

يمكن تمثيل وزن كل وسم بطريقتين (او باستخدامها معاً بطريقة أو بأخرى):

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

المزيد من الأمثلة

سحابة الأوسمة في موقع دعم ووردبريس

سحابة الأوسمة في موقع دعم ووردبريس

سحابة الأوسمة في موقع أمازون

سحابة الأوسمة في موقع أمازون (لاحظ كيف تم استخدام اكثر من طريقة لعرض وزن الأوسمة)

  1. 5 تعليقات على “نمط تصميم: سحابة الأوسمة (Tag Cloud)”

  2. ayman fikry - يناير 24, 2010

    رائع جدا التعريف للوسوم انتظر من بشغف المزيد مشكور

  3. ابو مازن - يناير 24, 2010

    سحابة الاوسمة واحد توفر الوقت للزائر . اثنين مؤشر لصاحب الموقع ليعرف ماذا يريد زواره …

  4. عبدالرحمن إسحاق - يناير 24, 2010

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

    شكراً مشهور، وسنتابع هذه السلسلة الرائعة

  5. iM7md - يناير 25, 2010

    سلسة واعده, شرح موفق اخوي مشهور,,

    موفق

  6. ali - يوليو 6, 2010

    كان ناقص الإسكريبت تاع السحابة

أكتب تعليقاً