أسئلة القراء: كيف أميّز تصاميم الأقسام الفرعية في موقعي‬؟

تصلني عدة رسائل من قرّاء المدوّنة تتضمن أسئلةً حول تطوير قابلية استخدام مواقعهم أو أجزاء منها.

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

السؤال

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

الإجابة

يمكنك التمييز بين تصاميم مواقعك الفرعية بطريقتين:

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

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

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

بثبثبثصب

لاحظ اختلاف طريقة عرض المحتوى في قسم الكتب (يمين) و قسم الملابس (يسار) في موقع Amazon

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

و بالطبّع، يمكنك أيضاً الاستفادة من الطريقتين معاً ان رغبت في ذلك.

——–

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

  1. 8 تعليقات على “أسئلة القراء: كيف أميّز تصاميم الأقسام الفرعية في موقعي‬؟”

  2. فهد مبارك - سبتمبر 26, 2009

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

  3. مشهور الدبيان - سبتمبر 26, 2009

    شكراً أخ فهد. :)

  4. iM7md - سبتمبر 26, 2009

    تجاوبك وتفاعلك الدائم مع قراء هالمدونه كرم منك وجميل لا ينسى فـ شكرا لك مره اخرى..

  5. JOJO - سبتمبر 26, 2009

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

  6. @w - سبتمبر 27, 2009

    اخ بس ..
    والله انت انسان رائع .. ينطيك العافيه
    صحيح اني اختلف معاك بكذا موضوع ( الالوان و مشتقاتها) لكن اجمالاً انت ابدعت ..

    اكمل المسيره بارك الله فيك ..

  7. مشهور الدبيان - سبتمبر 27, 2009

    مشكورين جميعا ً :)

    @w:
    شكراً لك، و الاختلاف بطبيعة الحال وارد :)

  8. محمد صبري - أكتوبر 4, 2009

    تقريبا احاول اعمل نفس الموضوع في شبكة العمالقة

    http://al3malka.com/vb/
    http://games.al3malka.com/
    http://upload.al3malka.com/

    ما رأيك ؟؟؟

  9. مشهور الدبيان - أكتوبر 4, 2009

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

أكتب تعليقاً