40 خطأ تتجنبهم تصبح أفضل مصمم مواقع

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

أحبتي رغم عدم معرفتي بأمور تطوير المنتديات والبرامج وغيرها..
الا انه شدني هذا الموضوع..
فنقلته لكم لعله يفيد..


تختلف مواقع الإنترنت التى نطالعها باستمرار من حيث الجودة والجاذبية وغير ذلكـ

من عوامل جذب. ومن بين هذه المواقع مواقع حافلة بأخطاء حصرناها فى هذا

المقال فى نحو 40 خطأ نتعرض لها حتى يمكنكـ عزيزى القارئ من تلافيها عند

تصميم موقع لكـ .

تشمل هذه الأخطاء ما يلى:

1- الروابط المقطوعة Broken links

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

نفسكـ فى اللامكان وعلى الاقل تعود حيثما كنت, مما يدل على أن هذا الموقع لا

يوجد ربط جيد بين صفحاته..

2-اهمية الوقت Time is Money

تعلم جيدا أن كل دقيقة على الشبكة تكلف الزائرين لموقعكـ أو إلى أى موقع آخر,

فيجب أن تضع هذا فى الحسبان.

فإذا كانت صفحتكـ الرئيسية (Front Page) تستغرق بضع دقائق ليتم تحميلها

فلا تنتظر من زائريكـ أن يكونوا اكثر صبرا. فالوقت يكلف وعملية التحميل فى

المواقع الجيدة لا تستغرق سوى ثوان معدودة.

3- عدم وجود علامة ا ل- ALT tag

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

وذلك لزيادة سرعة التحميل, والبعض الآخر يفضل تصفح كل شىء حتى الصور

وذلك بغض النظر عن بطء عملية التحميل, ولهذا فلا يوجد سبب لعدم وضعALT tag .

4-اختيار الحجم المناسب للصور من خلال

الــــــ - Image editor

إذا كانت لديكـ خلفية جميلة فى الــــ - Desktop تعتز بها وتريد أن تضع لكــ

منها بصمة فى الموقع الخاص بكــ , فمن الخطأ أن تحدد فقط حجم الشكل الذى

تريده من خلال علامة الــــ - Height & Width tags

لأن عملية التحميل ستستغرق عشر دقائق. ومن الأفضل أن تعمل على ضبط

هذا الشكل من خلال أى برنامج Image Editor يوجد لديكـ ..

5- استخدام الـــــ - Animated GIF Background كخلفية لصفحتك

فى ظل التطور الهائل للشبكة أتيحت لكـ إمكانية استخدام الصور والاشكال كخلفية

لصفحتكـ , وأيضا استخدام الــــــ - Animated GIF من داخل الصفحات.

ولكن ذلك قد لا يعمل بشكل جيد وبالتالى قد يؤثر على موقعكـ . لذا فيجب عليكـ

أن تتوخى الحذر وتتأكد من أنها تعمل بالشكل المطلوب.

6- مجموعة الإطارات المتداخلة

Nested Frameset

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

التجول داخل موقعكـ شيئا مملاً , خاصة إذا شعر المتصفح أنه تاه داخل الموقع

ولم يعد يتذكر ماذا يريد بالضبط وبالتالى فعليه أن يعود مرة أخرى للصفحة

الرئيسية Front Page.

7 - علامة تحت الإنشاء

Under Construction Sign

أى موقع يعتبر تحت الإنشاء حتى الآن طالما أنكـ تطور وتعدل فيه وتلغى منه ما

تريد, وبالتالى فإذا كان موقعكـ تحت الإنشاء ولم تنته بعد من كتابة موقعكـ

فأفضل لكـ أن ألا تكون على الــــ - Web حتى تنتهى ..

8- نص بشكل GIF Text

لأنكـ اخترت نوع خط الكتابة فى موقعكـ بشكل كوميدى (ساخر ومضحكـ)

من خلال GIF text فبالتالى ستستغرق الصفحة وقتا طويلا فى التحميل

حتى تتم عملية تحويل النص إلى صورة لأنه سوف يتعامل معه كصورةImage .

ومهما كانت درجة الفكاهة فى نوع الخط الذى تستخدمه, فإنها ستصبح عملية

ممللة ومضيعة للوقت.

9- تضارب الألوان Clashing Colours

أن تختار ألوانا متناسقة وجذابة للعين وتجنب استخدام الأحمر والأخضر معا فى

الــــ - Foreground والـــــ - Background لأنه بقدر ما تهتم بكل

جزئية صغيرة بقدر ما تضفى صفة الجمال على موقعكـ وخاصة الواجهة Interface,

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

ولهذا ننصحكـ بألا تمحو الـــ - Toolbars والــــ - Menu

ما لم يكن لديكـ أسباب قوية مثل

عرض جزء من Digital Art

أو شيء رقمى أو ما شابه ذلكـ ..

10- إعادة ضبط المتصفح Browser

إذا أردت ان تضايق زائريكـ فلا يوجد أسهل من ذلكـ , فقط كل ما عليكـ هو أن

تكتب رسالة من خلال نص كشفى للمتصفح Browser Detection Script

يخبر زائريك بأن عليهم تطوير Upgrade المتصفح وعندما تجد موقعا ما يخبركـ
أن عليكـ إعادة ضبط حجم المتصفح لديكـ أو الــــ -Resolution للشاشة, فأعلم

جيدا أن هذا الموقع ليس لديه الكثير لكى يعطيه لكـ . فيجب أن يعمل موقعكـ

بحجم واحد للـــــ - Browser يناسب الجميع One Size Fits All.






11- الخط الأحمق Font Follies

يجب أن يتضمن موقعكـ إمكانية تغيير نوع الخط وحجمه Font وذلكـ لكى يتناسب

مع إمكانات زائريكـ من حيث الشاشة Monitor أو حسب قدرة رؤية العين,

فذلكـ أفضل بكثير من وضع الـــ -Font على وضع واحد (الأساسى) Default

والذى قد لا يتناسب مع كل المستخدمين.

12- أعلام ورايات

فى سباق السيارات ترى إعلانات وأعلام ورايات كثيرة ومتنوعة وأغلبها يكون

على السيارت نفسها. حاول بقدر الإمكان ألا تجعل موقعكـ هكذا

وذلك حتى لا تفقد ثقة زائريكـ .

13- النوافذ المقذوفة

Pop-up Windows

بعض مصممى صفحات الـــــ - Web يحاولون جذب الإنتباه بأى شكل وبأية

طريقة ويفعلون كل ما فى وسعهم لذلكـ هم يعملون على تصميم موقعهم

من خلال النوافذ المقذوفةPop- Up Window التى تملأ الشاشة عليكـ

ولا تستطيع الفرار منها, وهذا الأسلوب غير مقبول من أغلب مستخدمى الشبكة.

14-لوحة إدخال الموسيقى ذات النغمة الواحدة Monotonous Midi

من الأساليب الأنيقة أن تضيف مؤثرات صوتية لموقعكـ , وذلك بدون استهلاكـ

وتطويل فى عملية التحميل, والأهم من هذا أن تراعى ألا تكون هذه المؤثرات

ذات نغمة واحدة مملة ورتيبة.

15- الجداول المكدسة

Overstacked Tables

فى كل مرة يرى الــــ - Browser جداول HTML Tables فهو يتوقف برهة

لكى يحسب إلى أين سوف تسير الأمور من خلال هذه الجداول المكدسة ولهذا فإن

المواقع التى تحتوى على جداول من خلال جداول أخرى تأخذ وقتا أطول مما يكون مملا.

16- خطأ استخدام العلامات الفوقية

Meta Tag

كما نعلم جميعا إننا نقوم بتشغيل البحث الاستفسارى Search Query فقط

لكى نتأكد من أننا وصلنا لأعلى مستوى من الربط Link ولكن من الأساليب

القديمة (الكلاسيكية ) للشبكة تحميل صفحاتكـ مع العلامات الفوقية

Meta Tag لأن ذلك يؤثر ويشوش على ديناميكية عملية البحث وسرعتها.

17- عدم تقليد الآخرين

هناكـ اعتقاد متناقض وخاطئ فى نفس الوقت وهو أنه لكى يكون موقعكـ بارزا

ومتميزا فإن عليكـ أن تكون شبه الآخرين. ونحن نقول لا, فمثلا أنت لا تحتاج أن

تنشئ فى موقعك قناة للبحث Search لأن كل مستخدم يعرف ما يريد

وإذا أراد أن يستخدم مثلا Yahoo فى البحث فلن يتردد فى ذلكـ

ولن يستخدم الــــ - Search المقلد فى موقعكـ .

18- الشكل الجمالى

يهتم بعض المصممين بالشكل الجمالى وتنسيق الموقع على حساب المضمون

و المحتوى, فعلى سبيل المثال نجد الاهتمام برسومات الــــ - Flash

Animatiom والتى تستغرق وقتا طويلا فى عملية التحميل مما يجعلها مملة.

وكل ما عليك فعله هو قراءة عبارة"من فضلك انتظر حتى تتم عملية التحميل"

" "please Wait While Loading Site

19- الادوات الرسومية المتناقضة Inconsistent Widgetry

تعرف الـــ - Buttons, Boxes بأنها أدوات رسومية

Widgets وذلكـ لكى تجعل واجهة الـــ - PC ذات الأشكال والرسومات

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

يعطون لمواقعهم شكلا غريبا واحساسا غريبا, قد يوحى بالتكبر داخل الموقع .

أيضا لماذا يجب عليكـ وضع مثل هذه الدقات الـــ -Tickers الشبيهة بدقات

الساعة والتى تظهر بشكل أفقى على الشاشة, فى حين أنه يمكنك وضع كل

رؤوس العناوين المتدفقة لتلكـ البرامج الصغيرة المدمجة

Scrollingheadline Applets ككائنات فى وثائق النصوص المتشعبة

HTML وذلك من خلال علامة الــــ - . Tag

20- عدم استخدام اللون الأزرق بكثرة مع النصوص

لقد تعودنا جميعا منذ فترة أن كل النصوص فى الارتباط التشعبىhyperlink

تكون باللون الأزرق ويوضع تحتها خط, وهذا يعتبر من المفاهيم الاساسية التى

تعودنا عليها, ولكن عليكـ أن تكون حريصا ألا يكون كل شىء فى صفحاتكـ

وأيضا جسم النص body Text بنفس اللون. تجنب أيضا الأشكال الجمالية

الزائدة عن الحد وأيضا الخلفية ذات البهرجة وحاول بقدر الإمكان ألا يكون موقعكـ

عبارة عن أشكال جمالية مزخرفة وخلفيات مبهرجة بالشكل الذى يجذب العين

ويحولها عن الاهتمام بمضمون الموقع.

21 - وصلات الــــ - Navigation Link

لماذا تجعل العثور على وصلة الـــ - Navigation Link امرا مستحيلا وذلكـ

بإخفائها خلف نص بارز مكتوب بالــــ - java أو أى Flash Animation

وكأنكـ تطلب من المستخدمين العثور على خريطة كنز مثلا.

إن فائدة الـــ - Navigation Link تكمن فى وضوحها حتى يتسنى للمستخدمين

أقصى أستفادة من المعلومات التى تبثها فيجب أن تتأكد جيدا من أن نظام المتصفح

لديكـ يعمل فى سهولة ويسر, لا تجعل زائريك يشعرون بالغباء, أو أنهم ليسوا على

قدر من العبقرية يسمح لهم بالتجول داخل موقعكـ, ولنأخذ الموقع الخاص

بالمطربة الكندية( سارة ماك لاكلان ) كمثال على ذلكـ

www.sarahmclachlan.com

فبمجرد دخولكـ الموقع ترى مثالا كلاسيكيا لما يسمى بالمتصفح اللغز (السر)

Mystery Meat Navigation وسوف يخبركـ الموقع أن عليكـ ان تضغط

Enter لكى تتجول بداخله, ولكنه ليس بهذه السهولة, فيجب عليكـ أن تمر

بالماوس عدة مرات فوق أجزاء معينة من النص وبحساسية شديدة جدا.

22 - سهولة كتابة عناوين الــــ - URL

إن أغلب مستخدمى الشبكة مازالوا يعتمدون على الذاكرة بشكل أكبر من اعتمادهم

على الـــــ - PC الخاص بهم, فلماذا نصعب عليهم الأمور ولا نسهلها,

لماذا نكتب اسماء الــــ - URLs بشكل معقد؟ ولماذا نكتب مثلا my_ new_

home _ page. Html فى حين انه يمكن ان نكتب home.html.

23- الصفحات المختفية

لا تعتقد انك بمجرد أن تمحو Remove صفحة من صفحات موقعكـ يعنى

اختفاؤها تماما, لأنك بمجرد ان تقوم بعمل بحث استفسارى Search Query

فسوف تظهر لكـ هذه الصفحة مرة أخرى.

24- الاشكال ذات الوزن الزائد

Overweight Images

إن الصور والاشكال التى لم تعالج جيدا تدل على مصمم غير مهتم, هو فقط ألقى

بالصور داخل الموقع بدون محاولة ضغط الحجم ليكون مناسبا وذلكـ من خلال

Compressing JPEGs أو حتى تقليل باليتة الألوان Reducing

Colour, Pallet of Gifs

25- نص بخط صغير جدا Tiny Text

إذا حاولت أن تكبر حجم الخط فى الموقع Font Size ولم يحدث أى تغيير وظل

الخط صغيرا كما هو عليه, فهذا يعنى أن المصمم لم يكلف نفسه عناء تجربة

الخط خلف شاشته, مع إن جسم النص Body Text يعتبر من الجزئيات التى

يجب أن تبنى وتختبر بعناية ودقة.

26- التنسيق الجيد للنصوص داخل الموقع

مهما كان المحتوى الذى تبثه من موقعكـ هاما ومفيدا, فبجب أيضا أن يكون مكتوبا

بشكل واضح ومنسق ومرتب, وأن هناك مسافات كافية Adequate Spacing

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

وذلك حتى يسهل القراءة ولا يعمل على زغللة العين.

27 -البرامج المدمجة غير الضرورية Unecessary Applets

حينما تضع برامج مدمجة وكائنات من الـــ - Java فى مقدمة موقعكـ

فهذا يدل على أنك مصمم متميز وتجيد التعامل مع الشبكة ومتطلباتها, ولكن يجب

أن تراعى أن للـــ - Java مميزات عديدة ولكن ليس دائما, فلها أيضا بعض

العيوب, أهمها البطء فى عملية التحميل, وأحيانا سقوط متقطع للمتصفح

Intermittent Browser Crashes ولكننا لا ننكر الشكل الجميل

الذى تقدمه لنا Java.

28- عدم الانسياق وراء جماليات الجافا

تقريبا هو نفس التحذير السابق لمستخم الــــ - Java بكثرة والذى يهتم بالشكل

الجمالى ويغفل اشياء اخرى هامة, مثل الرايات والعلامات المتحركة امامكـ

على الـــ -Status Bar بشكل مستمر وأيضا صناديق التحذيرات Alert

Boxes التى تظهر أمامكـ أيضا باستمرار فهى فعلا مملة .

29- الحافة المتعرجة Jagged Edges

أحيانا تواجه مشكلة وجود حواف متعرجة فى الصفحة التى تحتوى أشكالا

ورسومات بجانب النص وهذا يعتبر من الأخطاء الشائعة فى التصميم وذلكـ

لأن المصمم قد نسى تماما أن يختار أمرا ضد شرشرة الحواف

anti- Aliasing وأيضا أمر آخر لضبط ألوان الخلفية .Background

30- استخدام عداد للزائرين بدون داع

بعض المواقع تستخدم التقنية الحديثة فى التصميم بشكل ساخر, اقرب مايكون إلى

البهرجة غير الهادفة, والتى تستغرق وقتا طويلا جدا فى التحميل, مثال على ذلك

المواقع التى تنشئ عدادا خاصا يذكرك بأن عدد الذين زاروا هذا الموقع حوالى

123456789 زائرا مثلا .






31- معلومات قد عفا عليها الزمن

Out -of - Date Content

إذا لم تكن تنوى أن تضيف وتعدل فى محتوى صفحاتك وذلك بشكل دورى ومنتظم

فهذا سوف يفقدكـ ثقة زائريكـ وسوف يجعلك أكثر إحراجا خاصة إذا كان موقعكـ

يتضمن معلومات أن آخر تعديل للصفحات قد تم مثلا فى يناير عام 1988.

32- يجب أن يتضمن موقعك جديدا

Whatصs New?

إذا لم يكن لديك اخبار جديدة, فهذه تعد أخبارا سيئة No News is Bad

News العالم كله يبحث عن الجديد دائما وينتظر الكثير من الأخبار الجديدة من

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

الجديد فى أى موقع آخر ولهذا يجب ان يتضمن موقعك Whatصs New? كل

جديد.

33- وضع نهايات غير مميتة لصفحتكـ

Dead End Page

إن فكرة الشبكة The Webبنيت أساسا على القدرة على الربط بين المواقع

والصفحات, فلماذا تنشئ صفحة تنتهى بالنهاية المميتة dead - End Page

والتى لا تستطيع من خلالها أن تذهب إلى أى مكان, أو حتى على الاقل تمكنكـ

من الذهاب الى ال- Front Page لماذا تجبر المستخدمين دائما على

استخدام Back Button فى موقعكـ .

34- سرقة وظائف الزر الأيمن للماوس

Right Click Robbery

بعض مصممى الصفحات عن طريق ال-Java لا يمكنون المستخدمين من

استخدام ال- Right Button Click وبالتالى لن يستطيعوا أداء أى وظيفة

من خلاله داخل هذا الموقع, ومثال على ذلك عدم القدرة على حفظ أى صفحة

تريدها من الموقع فى ال- Hard Drive وما شابه ذلك.
.

35- تعدد صفحات موقعكـ

إذا لم يستطع المستخدمون أن يجدوا صفحات ما فى موقعك (هذا يحدث احيانا فى

المواقع الكبيرة) فالأجدر بك ان تضع لهم خريطة لموقعك Site Map توضح لهم

المحتويات التى تقدمها لهم الصفحات المخفية.

36- لا تحول زائريك إلى مواقع أخرى بدون تصفح صفحاتكـ بشكل جيد

أن يكون موقعك مرتبطا بمواقع أخرى هذا ليس معناه أن تقوم بتحويل المستخدمين

إلى هذه المواقع الأخرى فورا ولا يهم ما يوجد فى موقعك من محتوى وهذا يحدث

غالبا فى المواقع التجارية Commercial Sites

37- لا تنسب معلومات بمواقع أخرى لنفسكـ

إن عملية الانتحالPlagiarism على الشبكة ليست بالأمر العسير, ولكن نؤكد

إن وجود معلومات على الشبكة فى موقع ما لا يعطيكـ الحق فى أن تنسبها إلى

نفسك وباسمكـ فيجب أن تكون أمينا وتكتب اسم الموقع المصدر وذلك حتى لا يفقد

المستخدمون ثقتهم فى موقعكـ .

38- البرمجيات الملحقة المزعجة

Pesky Plug-ins

أن تجبر المستخدمين أن على تحميل plug-ins لكى يتمكنوا من تصفح موقعكـ

فهذه هى أسهل طريقة تجعلهم يذهبون ولا يأتون مرة أخرى إليكـ , وإن كان لابد

من هذا فعليك ان تطلب ذلك بأسلوب يحمل الكثير من الأدب واللطف.

39- الثروات الدفينة Buried Treasures

إذا كان على الزائرين لموقعك أن يبحثوا ويتجولوا لكى يجدوا افضل ما لديك فان

هذا يعتبر أمرا مملا للغاية وسوف تجعلهم يتجنبون موقعك فى المرات القادمة.

40- توفر وسيلة اتصال بكـ على موقعكـ

فى النهاية يجب أن يكون لموقعكـ أى طريقة للاتصال بكـ , فنحن لا نتخيل وجود

موقع على الشبكة بدون E-mail للمؤلف مثلا. فلا تجعل موقعك يقال عليه أنه

موقع Out Of Touch Authors

شروق

الف شكر على هالمعلومات

ويعطيك العافيه

تحياتي

ابو فيصل:
شكرا لروعة حضورك..
لاحرمنا الله تواجدك الدائم..

................

...


ياعيني عليك ياشروووق


40 خطأ ستجعل المصمم افضل مصمم مواقع اذا ماتم تلافيها
وقليل جداً من يتلافاها جميعها


طرح مهم وهادف وتشكري عليه
واتوقع نشوفك في يوم اكبر وافضل مصمم مواقع


سلمت يداك


كلك ذوق


...

	المشاركة الأصلية كتبت بواسطة wafei

	طرح مهم وهادف وتشكري عليه واتوقع نشوفك في يوم اكبر وافضل مصمم مواقع .

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

هههههههههههههه

ترقص صفحتي فرحا..
عند مرور حروفك من هنا ياسيدي..
شكرا لك

	اخاف اتهور واصمم للوئام..

وللوئام الشرف ان يرتدي ماطرزته اناملك
وبعد ان طرزت صفحاته بحروفك



...

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

حمستيني
أني أصمم
موقع:a:

يعطيك العافيه
على النقل
الرائـــع
ولاأنكر
أنني أستفيد
من هذاالمنتدى
أشياءكثيره
والفضل يعود
لكي ولجميع
الأعضاء الرائعين
ودمتي

تقبلي تحياتي
حبيبته

السلام عليكم ورحمة الله وبركاته
وصلاة وسلام على أشرف خلق الله
محمد بن عبد الله وعلى آله وصحبه
وسلم ومن والآه

يسلمووووووووووو يا عسل على النقل....

باذن الله اخذ بها بعين الاعتبار وانا اصمم موقعي الشخصي ..

زهرة بنفسج.

	المشاركة الأصلية كتبت بواسطة صمت الرمال

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

صمت الرمال:
الله يعافيك..
وهذا ياغاليه اقصى مااتمناه ان تعم الفائده..
شكرا لك ولطيب حضورك..