الخميس, يوليو 28, 2011

43 خطأ فى تصميم مدونتك يجب أن تتجنبهم

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

ولكنى اليوم قررت أن أترك لذهنى ساعه أقلب فيها أفكارى وذاكرتى وملاحظاتى عن أخطاء التصميم, وتوصلت إلى 43 خطأ وملاحظه يجب أن نأخذهم بعين الإعتبار لو أردنا الوصول لأكبر قدر من الإحترافيه والصحه مع تصميم مدونتنا .. سأعرضها عليكم بإختصار.
1- يجب أن يعرف الزائر ما تقدمه المدونه فى ثوانى :
لو كان محتوى مدونتك مجهولا أو صعب الوصول إليه أو صعب التعرف على نوعيته, فسيغادر زائرك الكريم مدونتك بعد بضعة ثوانى من دخوله إليها ... لذلك إجعل موضوع مدونتك هو أهم وأول وأسهل ما تقدمه للزائر.

2- إجعل محتوى مدونتك منظما :
فالمدونه ليست كتابا تقرأه .. لذا إحرص على تنظيم التدوينات وعدم عمل مقالات كبيره الحجم بدون فواصل .. دائما إجعل مدونتك مقسمه إلى عناوين و فقرات قصيره ونقاط هامه وقوائم قصيره ومفصله كى يسهل على الزائر الوصول إليها .. ويؤدى هذا التنظيم أيضا إلى راحة الزائر النفسيه.

3- لا تستخدم خطوط غير مقرؤه :
قد تكون الخطوط جميلة الشكل وتعطى مظهرا رائعا لمدونتك ولكنها صعبة القراءه .. قم بإستبعادها فورا واستخدم خطوط مفهومه بالمقام الأول, فأنت تقدم رساله من خلال خط مدونتك وإستخدامك لخطوط مفهومه يعنى وصول الرساله وإستخدامك لخطوط غير مفهومه يعنى عدم وصول الرساله ثم الفشل الزريع.

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

5- لا تجعل روابط مدونتك تفتح فى صفحات جديده :
فى بداياتى كنت اظن أنى لو جعلت الروابط التى أضعها فى مدونتى تفتح فى صفحات جديده لإستطعت الحفاظ على الزائر فى مدونتى للأبد ولن يغادرها مادامت الروابط التى يريدها تفتح له فى صفحات اخرى ومدونتى لا تزال مفتوحه. هذا أكبر خطأ .. دع الزائر يتحكم فى المكان الذى يريد البقاء فيه .. إجعل الروابط تفتح فى نفس الصفحه ولو كان الزائر حقا يريد مدونتك واستمتع بها ووجد فيها المفيد حتما سيعود إليها بسهوله .. وحينئذ سيكون زائرا دائما لمدونتك.

6- لا تقم بتحديد حجم صفحة المتصفح للقارىء :
هناك الكثير ممكن يحددون حجم صفحة المتصفح بمقاسات محدده يلتزم با القارىء عند زيارة المدونه, وهذا خطاكبير .. دع الزائر يتحكم فى متصفحه كما يشاء وإلا لغادر مدونتك دون رجعه.

7- لا تطلب تسجيل من الزوار إلا عند الضروره القصوى :
يريد الزائر دائما الحصول على المعلومات بسهوله ووضعك للتسجيل فى مدونتك للحصول على المعلومات سيجعل الزائر يرحل .. حافظ على زائرك ولا تضع مربع للتسجيل فى مدونتك إلا للضروره القصوى أو لإستخدام محدد.

8- لا تشرك الزائر فى أى خدمات أو إشتراكات دون علمه :
لو أردت الزائر أن يشترك فى مدونتك أو فى خدمه تقدمها على مدونتك, إجعل ذلك بإرادته ولا تجعلها أوتوماتيكيا ودون علمه, وتأكد لو فعلت ذلك أنك لن تحصل على مشترك واحد فالكل سوف يلغى اشتراكه عند علمه بذلك.

9- لا تستخدم الفلاش :
وجدت الكثير من المدونات تستخدم هيدر فلاشى وتستخدم الكثير من الادوات المعتمده على الفلاش, وهذا يطيل من فترة تحميل المدونه كما يسبب بعض المشكلات عند البعض فى التصفح والتحميل.

10- لا تستخدم خلفيه موسيقيه على مدونتك :
كان الكثير عند بدأ انتشار المدونات يستخدم مشغل موسيقى اوتوماتيكيا على مدونته ولكنه اثبت فشله الزريع بعد ظهور عيوبه فى تشتيت الزائر وإبطاء تحميل المدونه.

11- لو كان من الضرورى وضع موسيقى على مدونتك إجعل الزائر هو من يبدأ بتشغيلها :
كلما جعلت الزائر هو المتحكم كلما أحب مدونتك وحافظ على زيارتها دائما.

12- لا تزحم مدونتك بالإضافات :
لا تضع اضافات المحادثات والشات ومشغلات الموسيقى وألعاب الفلاش وغيرها من الإضافات التى تعطى شكلا غير احترافيا بالمره وتظهر المدونه بشكل غير لائق وغير منظم.

13- لا تستخدم صفحة بدائه لمدونتك :
كلما كان من السهل على الزائر الوصول للمحتوى الحقيقى للمدونه كلما أحب الزائر مدونتك, لا تستخدم صفحة بدايه تحولك بعد ذلك إلى المدونه الحقيقيه فهذا يقلل من عدد الزوار ويسبب الملل بالرغم من أنه قد يضيف شكلا جذابا لكنه ضار جدا.

14- يجب أن تضع سبل الاتصال بك على مدونتك :
أنت الخاسر لا شك إن لم تضع على مدونتك سبل للإتصال بك, فالزوار عادة ما يبحثون عنك فإجعل الوصول إليك سهلا حتى تحصل على إنطباعات الزوار وتحصل على اخطارات بالعيوب التى تحتويها المدونه وقد تكون غائبه عنك.

15- إجعل الزائر يستخدم زر الرجوع للخلف :
بدلا من فتح صفحه جديده إجعل الزائر يستخدم زر العوده للخلف كى يرجع للمعلومات التى يبحث عنها, ذلك يجعل مدونتك عزيزه ويجعل الزائر أكثر تمسكا بها وحفظا لعنوانها.

16- لا تستخدم النصوص المضيئه :
إلا إذا كان زوارك من عام  1996 .... عزيزى المدون ..  إجعل النصوص عاديه جدا. فزوارك من عام 2011

17- إجعل روابطك سهله وغير معقده :
فقط استخدام كلمات مفتاحيه قليله ووصف دقيق وقليل للرابط يجعل محرك بحث جوجل يقم بأرشفة تدويناتك بسهوله.

18- دائما إستخدم HTML لعمل العظام و إستخدم CSS لإضافة المظهر الجذاب :
إن استخدام اتش تى ام ال فى إعطاء مظهرا جيدا لمدونتك غير لائق بعد تواجد لغة سى اس اس السريعه والأنيقه والتى تعطيك مجالا واسعا جدا من الخيارات للحصول على مظهر جميل وجذاب جدا.

19- تأكد من امكانية عمل بحث كامل فى كل محتوى مدونتك :
ضع محرك بحثى فى مدونتك كى يستطيع الزائر البحث عما يريده فى مدونتك, وتأكد من أن البحث يشمل كل أجزاء المدونه كى تحصل على نتائج طيبه.

20- تجنب وضع القوائم المنسدله :
يجب على الزائر أن يرى كل قوائم مدونتك وأزرارها أمام عينيه كى يستطيع الوصول إليها بسهوله ويسر.

21- استخدم النصوص بدلا من الصور :
الكثير من الزوار يستخدمون متصفحاتهم بدون عرض للصور, ولذلك إحرص على استخدام النصوص فى روابط التنقل بدلا من الصور.

22- لو إستخدمت روابط لملفات PDF بى دى أف, أخبر الزائر بذلك قبل أن يضغط على الرابط :
فالروابط المؤديه لملف بى دى اف تستغرق الكثير من الوقت وخلال هذا الوقت يكون المتصفح متجمد وغير فعال .. لذلك إحرص على إخبار الزوار بنوعية الروابط وخاصة التى قد تؤدى إلى مشاكل.

23- لا تزعج الزائر بالكثير من الاختيارات فى مظهر المدونه :
عزيزى المدون .. الزائر يريد المحتوى فقدمه له بسهوله

24- لا تضع الإعلانات فى وصط التدوينه :
قد يسبب هذا مزيدا من الأرباح على المدى القصير ولكنه سيؤثر بشكل سلبى على العلاقه بينك وبين الزوار.

25- تجنب المقدمات :
لا تجهد القارىء وتجبره علىق رائة المقدمات فهو يريد الحصول على المحتوى المفيد مباشرة .. إعطه ذلك الحق من فضلك كى تزيد عدد زوارك.

26- لا تضع الكثير من أزرار التنقل فى مدونتك :
خير الأمور ما قل ودل .. لا تشتت الزائر بكثرة الروابط والأزرار التى تؤدى نفس الغرض. قلل وكن مفيدا قدر الإمكان.

27- لا تستخدم برنامج فرونت بيج :
فهو برنامج فقير فى عمل التكويد كما أنه به الكثير من العيوب مع الكثير من المتصفحات. فلا تستخدمه فى التصميم.

28- تأكد من مطابقة قالب مدونتك لكل المتصفحات :
يجب على تصميم مدونتك ان يناسب ويلائم كل المتصفحات الموجوده أو على الأقل يناسب اشهرها, حتى لا تفقد أيا من زوارك.

29- ضع عناوين للروابط :
من حق الزائر أن يعلم اين يتجه وعلى اى الروابط يضغط .. لذلك أضف وصف للرابط كى تبنى الثقه بينك وبين الزائر.

30- لا تخفى توجه الرابط على المتصفح :
قد تقوم بإخفاء الرابط من الظهور على البار السفلى للمتصفح والذى يوضح إلى أين يتجه الرابط لأى سبب من الأسباب, ولكن هذا يفقد المصداقيه ويوجد القلق بينك وبين زوارك.

31- إجعل الروابط ظاهره :
يجب أن يعلم الزوار الروابط وأن يميزوها بهوله عنالمحتوى النصى العادى .. لذا, إجعل الروابط مميزه وظاهره قدر الإمكان.

32- لا تلون النصوص بدون داعى :
يريد الزائر دائما أن يميز الروابط بلون مختلف عن باقى النص, لذا لا تجعله يعتقد بوجود رابط وهو فى الحقيقه ليس رابطا وانما نص قمت انت بتلوينه.

33- اجعل الروابط التى زارها الزائر من قبل بلون مختلف ومميز :
حيث أن الزائر يريد دائما ان يعرف اين هو من ضمن الروابط التى ضغط عليها فاجعلها بلون مميز قليلا لتسهل عليه معرفتها والدخول الى باقى الروابط.

34- لا تستخدم الصور المتحركه GIF على مدونتك :
فهذه الصور تعطى مظهرا سيئا جدا وغير احترافى لمدونتك , بإستثناء بانرات الاعلانات طبعا وايضا لا تكثر منها.

35- استخدم دائما ALT و TITLE للصور على مدونتك :
فهذا الأمر بسيط ويؤثر جدا فى محركات البحث كما يضع توضيحا اكبر للزوار.

36- لا تستخدم الألوان القاسيه :
فمثل هذه الألوان تسبب الصداع للزائر, لذا تجنبها واستخدم الألوان الهادئه والمريحه للعين.

37- لا تستخدم النوافذ المنبسقه :
فهى أكبر إزعاج للزائر فضلا عن انك لن تستفد منها لأن الزائر يغلقها قبل أن تفتح أساسا.

38- ابتعد عن الروابط التى تحتوى على جافا سكريبت :
فمثل هذه الروابط عادة ما تبب تجميد للمتصفح والكثير من المشاكل, فإبتعد عنها قدر المستطاع.

39- ضع روابط هامه فى اسفل المدونه :
هناك الكثير من الزوار ممن يفضلون النزول الى فوتر المدونه فإن لم يروا روابط هامه لن سيتأثرون بالسلب. لذا ضع روابط هامه فى الفوتر مثل ( نبذه عنى - مواقع هامه ... إلخ ) واجعلها انيقة الشكل ايضا.

40- لا تقدم الصفحات الشديدة الطول للزوار :
قدم محتواك فى ايجاز قدر الإمكان ولا تجعل الزائر يستمر بالنزول فى صفحة التدوينه حتى آخر العمر .. ولو كان هذا ضروريا فقم بتنسيق وتنظيم الصفحه الى فقرات قصيره وممتعه بعض الشىء.

41- لا تجعل عرض مدونتك أكبر من عرض المتصفح :
فهو أمر مزعج .. لذا إجعل دائما عرض مدونتك ملائما لعرض المتصفح وهو غالبا ما يكون 1024 * 768 بيكسل.

42- لا تترك اخطاء لغويه أو إملائيه فى مدونتك :
فهذا الأمر يزعج القارىء كثيرا ويجعلك تهبط من نظره كثيرا, فإحرص دائما على استخدام لغه صحيحه ومتقنه.

43- لو إستخدمت رمزا للتحقق فى مدونتك فإجعله واضحا :
لا تفقد الزائر بسبب أنه لا يستطيع أن يرى رمز التحقق بوضوح فيترك المدونه ويتراجع عما كان سيفعله فيها. إجعل الرمز واضحا جدا.
من فضلك اضغظ لايك لمشاهدة لينك التحميل

21 تَعْلِيق:

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

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

    ردحذف
  3. والله اني سلبيّة لاني اتابع المدونة بدون ما اترك تعليق :)
    الحين بكون ايجابيـة ... فعلاص تُشكر تُشكر تُشكر .. مدونتك عندي نمبر وان لبساطة اسلوبها وخفة تحميلها ^^

    ردحذف
  4. فعلا نصائح مهم جدا وتمام التمام

    ردحذف
  5. كريمة سندي : العفو, الشكر ليكى انك بتتابعى مدونتى وما نقدمه هنا لن تجديه فى أى مكان آخر لأننا لا ننقل ولا ننسخ .. موضوعاتنا حصريه.

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

    لا انتى مش سلبيه ولا حاجه .. لكن بنبقى احيانا مش واخدين بالنا من حاجات كتيرهⓐⓝⓘⓐⓚⓤⓢ :

    mohd amin : شكرا ليك

    مدونة سامكو | قوالب معربة : شكرا يا سامكو.

    ردحذف
  6. نصائح مفيدة جداً و أنفذ منها البعض بالفعل
    جزاك الله خيرا

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

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

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

    ردحذف
  8. ريهام المرشدي : أتشرف دائما بقرائتك لتدويناتى

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

    ردحذف
  9. السلام عليكم

    جزاك الله خيرا على النصائح الطيبة
    بارك الله فيك

    لى سؤال اخى لو سمحت:
    عندى بمدونتى المدينة الفاضلة رابط الخلاصات فيدبرنر من ايام غير سليم
    لايظهر الصفحة العادية للمواضيع لكن عبارة عن اكواد فقط ولا ادرى السبب ارجو ان يكون لديك تفسير... مشكور

    تحياتى لك ولمدونتك الرائعة
    كل عام وانت بخير

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

    ردحذف
  11. السلام عليكم،
    نصائح مفيدة حقا، جزاك الله خيرا !

    ردحذف
  12. علاء الدين : شكرا جدا ونورت المدونه

    ردحذف
  13. شكرا يا جميل علي موضعاتك الرائعة

    ردحذف
  14. نصائح مفيدة جداً و أنفذ منها البعض بالفعل

    http://dante-saw.blogspot.com/

    ردحذف
  15. شكرا جزيلا قد استفدت الكثير

    ردحذف
  16. نصائح رائعه استفدت كثيرا كثيرا فشكر للك

    ردحذف
  17. شكراااااااااااااااااااااااااااااااااااااااااا

    ردحذف
  18. شكا علي النصائحة القيمة
    لكن اخي عندي مشكلة في مدونتي

    المشكلة هي ان قامة التصميم لا تفتح مادا افعل

    ردحذف
  19. ئكرا على الموضوع هذه مداونتي
    www.talamlan.blogspot.com

    ردحذف

  20. يعطيك الف عافية اخي

    تفضلو بزيارة مدونة كورة نت

    http://koranet.blogspot.com

    ردحذف