40 Mistak e Prepared by : Ahmed Samir
Designerelmansora
MISTAKE 40 تختلف مواقع النترنت التى نطالعها باستمرار من حيث الجودة والجاذبية وغير ذلك من عوامل جذب .ومن بين هذه المواقع مواقع حافلة بأخطاء حصرت فى هذا المقال فى نحو 40خطأ نتعرض لها حتى تتكمن من تلفيها عند تصميم موقع لك.تشمل هذه الخطاء ما يلى: -1الروابط المقطوعة Broken links ليس هناك أسوأ من أن تجد نفسك تائها فى موقع ما تحاول التجول بداخله فتجد نفسك فى اللمكان وعلى القل تعود حيثما كنت ,مما يدل على أن هذا الموقع ل يوجد ربط جيد بين صفحاته, -2اهمية الوقت Time is Money تعلم جيدا أن كل دقيقة على الشبكة تكلف الزائرين لموقعك أو إلى أى موقع آخر ,فيجب أن تضع هذا فى الحسبان.فإذا كانت صفحتك الرئيسية ( )Front Pageتستغرق بضع دقائق ليتم تحميلها فل تنتظر من زائريك أن يكونوا اكثر صبرا .فالوقت يكلف وعملية التحميل فى المواقع الجيدة ل تستغرق سوى ثوان معدودة. -3عدم وجود علمة ا لــ ALT tag بعض مستخدمى الشبكة يفضلون غلق الصور Imageأثناء تصفحهم للشبكة وذلك لزيادة سرعة التحميل ,والبعض الخر يفضل تصفح كل شىء حتى الصور وذلك بغض النظر عن بطء عملية التحميل ,ولهذا فل يوجد سبب لعدم وضع. ALT tag
Designerelmansora
MISTAKE 40 -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 -حتى تنتهى. Designerelmansora
MISTAKE 40 -8نص بشكل GIF Text لنك اخترت نوع خط الكتابة فى موقعك بشكل كوميدى (ساخر ومضحك) من خلل GIF textفبالتالى ستستغرق الصفحة وقتا طويل فى التحميل حتى تتم عملية تحويل النص إلى صورة لنه سوف يتعامل معه كصورة . Imageومهما كانت درجة الفكاهة فى نوع الخط الذى تستخدمه ,فإنها ستصبح عملية ممللة ومضيعة للوقت. -9تضارب اللوان Clashing Colors أن تختار ألوانا متناسقة وجذابة للعين وتجنب استخدام الحمر والخضر معا فى ال Foreground -وال Background -لنه بقدر ما تهتم بكل جزئية صغيرة بقدر ما تضفى صفة الجمال على موقعك وخاصة الواجهة ,Interfaceلنها التى تزود الزائرين بكل ما يحتاجونه بدقة واتساق .ولهذا ننصحك بأل تمحو ال Toolbars -وال Menu -ما لم يكن لديك أسباب قوية مثل عرض جزء من Digital Artأو شيء رقمى أو ما شابه ذلك. -10إعادة ضبط المتصفح Browser إذا أردت ان تضايق زائريك فل يوجد أسهل من ذلك ,فقط كل ما عليك هو أن تكتب رسالة من خلل نص كشفى للمتصفح Browser Detection Scriptيخبر زائريك بأن عليهم تطوير Upgradeالمتصفح وعندما تجد موقعا ما يخبرك أن عليك إعادة ضبط حجم المتصفح لديك أو ال Resolution-للشاشة ,فأعلم جيدا أن هذا الموقع ليس لديه الكثير لكى يعطيه لك .فيجب أن يعمل موقعك بحجم واحد لل Browser -يناسب الجميع .One Size Fits All
Designerelmansora
MISTAKE 40 -11الخط الحمق Font Follies يجب أن يتضمن موقعك إمكانية تغيير نوع الخط وحجمه Fontوذلك لكى يتناسب مع إمكانات زائريك من حيث الشاشة Monitorأو حسب قدرة رؤية العين ,فذلك أفضل بكثير من وضع ال Font-على وضع واحد (الساسى) Defaultوالذى قد ل يتناسب مع كل المستخدمين. -12أعلم ورايات فى سباق السيارات ترى إعلنات وأعلم ورايات كثيرة ومتنوعة وأغلبها يكون على السيارت نفسها .حاول بقدر المكان أل تجعل موقعك هكذا وذلك حتى ل تفقد ثقة زائريك. -13النوافذ المقذوفة Pop-up Windows بعض مصممى صفحات ال Web -يحاولون جذب النتباه بأى شكل وبأية طريقة ويفعلون كل ما فى وسعهم .لذلك هم يعملون على تصميم موقعهم من خلل النوافذ المقذوفة Pop- Up Windowالتى تمل الشاشة عليك ول تستطيع الفرار منها ,وهذا السلوب غير مقبول من أغلب مستخدمى الشبكة. -14لوحة إدخال مؤثرات صوتية tonous Midi Mono من الساليب النيقة أن تضيف مؤثرات صوتية لموقعك ,وذلك بدون استهلك وتطويل فى عملية التحميل ,والهم من هذا أن تراعى أل تكون هذه المؤثرات ذات نغمة واحدة مملة ورتيبة. Designerelmansora
MISTAKE 40 -15الجداول المكدسة Over stacked Tables فى كل مرة يرى ال Browser -جداول HTML Tablesفهو يتوقف برهة لكى يحسب إلى أين سوف تسير المور من خلل هذه الجداول المكدسة ولهذا فإن المواقع التى تحتوى على جداول من خلل جداول أخرى تأخذ وقتا أطول مما يكون ممل. -16خطأ استخدام العلمات الفوقية Tag كما نعلم جميعا إننا نقوم بتشغيل البحث الستفسارى البحث Queryفقط لكى نتأكد من أننا وصلنا لعلى مستوى من الربط Link ولكن من الساليب القديمة (الكلسيكية ) للشبكة تحميل صفحاتك مع العلمات الفوقية **** Tagلن ذلك يؤثر ويشوش على ديناميكية عملية البحث وسرعتها. -17عدم تقليد الخرين هناك اعتقاد متناقض وخاطئ فى نفس الوقت وهو أنه لكى يكون موقعك بارزا ومتميزا فإن عليك أن تكون شبه الخرين .ونحن نقول ل ,فمثل أنت ل تحتاج أن تنشئ فى موقعك قناة للبحث البحث لن كل مستخدم يعرف ما يريد وإذا أراد أن يستخدم مثل Yahoo فى البحث فلن يتردد فى ذلك ,ولن يستخدم ال -البحث المقلد فى موقعك. -18الشكل الجمالى يهتم بعض المصممين بالشكل الجمالى وتنسيق الموقع على حساب المضمون و المحتوى ,فعلى سبيل المثال نجد الهتمام برسومات ال Flash Animatiom -والتى تستغرق وقتا طويل فى عملية التحميل مما يجعلها مملة .وكل ما عليك فعله هو قراءة عبارة"من فضلك انتظر حتى تتم عملية التحميل Designerelmansora
MISTAKE 40 -19الدوات الرسومية المتناقضة Inconsistent Widgetry تعرف ال Buttons, Boxes -بأنها أدوات رسومية Widgetsوذلك لكى تجعل واجهة ال PC -ذات الشكال والرسومات تعمل بشكل جيد ومألوف. ولهذا فمن الدهشة أن ترى بعض المصممين يعطون لمواقعهم شكل غريبا واحساسا غريبا ,قد يوحى بالتكبر داخل الموقع .أيضا لماذا يجب عليك وضع مثل هذه الدقات ال Tickers-الشبيهة بدقات الساعة والتى تظهر بشكل أفقى على الشاشة ,فى حين أنه يمكنك وضع كل رؤوس العناوين المتدفقة لتلك البرامج الصغيرة المدمجة Scrolling headline Appletsككائنات فى وثائق النصوص المتشعبة HTMLوذلك من خلل علمة الTag . - -20عدم استخدام اللون الزرق بكثرة مع النصوص لقد تعودنا جميعا منذ فترة أن كل النصوص فى الرتباط التشعبى hyperlinkتكون باللون الزرق ويوضع تحتها خط ,وهذا يعتبر من المفاهيم الساسية التى تعودنا عليها ,ولكن عليك أن تكون حريصا أل يكون كل شىء فى صفحاتك وأيضا جسم النص body Textبنفس اللون .تجنب أيضا الشكال الجمالية الزائدة عن الحد وأيضا الخلفية ذات البهرجة وحاول بقدر المكان أل يكون موقعك عبارة عن أشكال جمالية مزخرفة وخلفيات مبهرجة بالشكل الذى يجذب العين ,ويحولها عن الهتمام بمضمون الموقع. - 21وصلت الNavigation Link - لماذا تجعل العثور على وصلة ال Navigation Link -امرا مستحيل وذلك بإخفائها خلف نص بارز مكتوب بال java -أو أى Flash Animation وكأنك تطلب من المستخدمين العثور على خريطة كنز مثل .إن فائدة ال Navigation Link -تكمن فى وضوحها حتى يتسنى للمستخدمين أقصى أستفادة من المعلومات التى تبثها فيجب أن تتأكد جيدا من أن نظام المتصفح لديك يعمل فى سهولة ويسر ,ل تجعل زائريك يشعرون بالغباء ,أو أنهم ليسوا على قدر من العبقرية يسمح لهم بالتجول داخل موقعك ,ولنأخذ الموقع الخاص بالمطربة الكندية( سارة ماك لكلن ) كمثال على ذلك www.sarahmclachlan.comفبمجرد دخولك الموقع ترى مثال كلسيكىا لما يسمى بالمتصفح اللغز (السر) Mystery Meat Navigationوسوف يخبرك الموقع أن عليك ان تضغط Enterلكى تتجول بداخله ,ولكنه ليس بهذه السهولة ,فيجب عليك أن تمر بالماوس عدة مرات فوق أجزاء معينة من النص وبحساسية شديدة جدا.
Designerelmansora
MISTAKE 40 -22سهولة كتابة عناوين الــ URL إن أغلب مستخدمى الشبكة مازالوا يعتمدون على الذاكرة بشكل أكبر من اعتمادهم على ال PC -الخاص بهم ,فلماذا نصعب عليهم المور ول نسهلها ,لماذا نكتب اسماء ال URLs -بشكل معقد? ولماذا نكتب مثل my_ new_ home _ page. Htmlفى حين انه يمكن ان نكتب .home.html -23الصفحات المختفية ل تعتقد انك بمجرد أن تمحو Removeصفحة من صفحات موقعك يعنى اختفاؤها تماما ,لنك بمجرد ان تقوم بعمل بحث استفسارى البحث Queryفسوف تظهر لك هذه الصفحة مرة أخرى. -24الشكال ذات الوزن الزائد Overweight Images إن الصور والشكال التى لم تعالج جيدا تدل على مصمم غير مهتم ,هو فقط ألقى بالصور داخل الموقع بدون محاولة ضغط الحجم ليكون مناسبا وذلك من خلل Compressing JPEGsأو حتى تقليل باليتة اللوان Reducing Colour, Pallet of Gifs -25نص بخط صغير جدا Tiny Text إذا حاولت أن تكبر حجم الخط فى الموقع Font Sizeولم يحدث أى تغيير وظل الخط صغيرا كما هو عليه ,فهذا يعنى أن المصمم لم يكلف نفسه عناء تجربة الخط خلف شاشته ,مع إن جسم النص Body Textيعتبر من الجزئيات التى يجب أن تبنى وتختبر بعناية ودقة. Designerelmansora
MISTAKE 40 -26التنسيق الجيد للنصوص داخل الموقع مهما كان المحتوى الذى تبثه من موقعك هاما ومفيدا ,فبجب أيضا أن يكون مكتوبا بشكل واضح ومنسق ومرتب ,وأن هناك مسافات كافية Adequate Spacingبين الكلمات وبعضها البعض وليس فقط مجرد كلما محشورا فى مساحة ضيقة ,وذلك حتى يسهل القراءة ول يعمل على زغللة العين. -27البرامج المدمجة غير الضرورية Unecessary Applets حينما تضع برامج مدمجة وكائنات من ال Java -فى مقدمة موقعك ,فهذا يدل على أنك مصمم متميز وتجيد التعامل مع الشبكة ومتطلباتها ,ولكن يجب أن تراعى أن لل Java -مميزات عديدة ولكن ليس دائما ,فلها أيضا بعض العيوب ,أهمها البطء فى عملية التحميل ,وأحيانا سقوط متقطع للمتصفح Intermittent Browser Crashesولكننا ل ننكر الشكل الجميل الذى تقدمه لنا .Java -28عدم النسياق وراء جماليات الجافا تقريبا هو نفس التحذير السابق لمستخم ال Java -بكثرة والذى يهتم بالشكل الجمالى ويغفل اشياء اخرى هامة ,مثل الرايات والعلمات المتحركة امامك على ال Status Bar-بشكل مستمر وأيضا صناديق التحذيرات Alert Boxesالتى تظهر أمامك أيضا باستمرار فهى فعل مملة . -29الحافة المتعرجة Jagged Edges أحيانا تواجه مشكلة وجود حواف متعرجة فى الصفحة التى تحتوى أشكال ورسومات بجانب النص وهذا يعتبر من الخطاء الشائعة فى التصميم وذلك لن المصمم قد نسى تماما أن يختار أمرا ضد شرشرة الحواف anti- Aliasingوأيضا أمر آخر لضبط ألوان الخلفية Background. Designerelmansora
MISTAKE 40 -30استخدام عداد للزائرين بدون داع بعض المواقع تستخدم التقنية الحديثة فى التصميم بشكل ساخر ,اقرب مايكون إلى البهرجة غير الهادفة ,والتى تستغرق وقتا طويل جدا فى التحميل ,مثال على ذلك المواقع التى تنشئ عدادا خاصا يذكرك بأن عدد الذين زاروا هذا الموقع حوالى 123456789 زائرا مثل . -31معلومات قد عفا عليها الزمن Out -of – Date إذا لم تكن تنوى أن تضيف وتعدل فى محتوى صفحاتك وذلك بشكل دورى ومنتظم ,فهذا سوف يفقدك ثقة زائريك وسوف يجعلك أكثر إحراجا خاصة إذا كان موقعك يتضمن معلومات أن آخر تعديل للصفحات قد تم مثل فى يناير عام .1988 -32يجب أن يتضمن موقعك جديدا What’s New إذا لم يكن لديك اخبار جديدة ,فهذه تعد أخبارا سيئة No News is Bad Newsالعالم كله يبحث عن الجديد دائما وينتظر الكثير من الخبار الجديدة من شبكة النترنت ولذا فإن لم تطلعه أنت بالجديد ,فبالضرورة سيحاول البحث عن الجديد فى أى موقع آخر ولهذا يجب ان يتضمن موقعك Whatص ?s Newكل جديد. Dead End Page -33وضع نهايات غير مميتة لصفحتك إن فكرة الشبكة The Webبنيت أساسا على القدرة على الربط بين المواقع والصفحات ,فلماذا تنشئ صفحة تنتهى بالنهاية المميتة dead - End Pageوالتى ل تستطيع من خللها أن تذهب إلى أى مكان ,أو حتى على القل تمكنك من الذهاب الى ال- Front Pageلماذا تجبر المستخدمين دائما على استخدام Back Buttonفى موقعك. Designerelmansora
MISTAKE 40 -34سرقة وظائف الزر اليمن للماوس Right Click Robberyبعض مصممى الصفحات عن طريق ال Java-ل يمكنون المستخدمين من استخدام ال Right Button Click -وبالتالى لن يستطيعوا أداء أى وظيفة من خلله داخل هذا الموقع ,ومثال على ذلك عدم القدرة على حفظ أى صفحة تريدها من الموقع فى ال Hard Drive -وما شابه ذلك. -35تعدد صفحات موقعك إذا لم يستطع المستخدمون أن يجدوا صفحات ما فى موقعك (هذا يحدث احيانا فى المواقع الكبيرة) فالجدر بك ان تضع لهم خريطة لموقعك Site Mapتوضح لهم المحتويات التى تقدمها لهم الصفحات المخفية. -36ل تحول زائريك إلى مواقع أخرى بدون تصفح صفحاتك بشكل جيد أن يكون موقعك مرتبطا بمواقع أخرى هذا ليس معناه أن تقوم بتحويل المستخدمين إلى هذه المواقع الخرى فورا ول يهم ما يوجد فى موقعك من محتوى وهذا يحدث غالبا فى المواقع التجارية Commercial Sites -37ل تنسب معلومات بمواقع أخرى لنفسك إن عملية النتحال Plagiarismعلى الشبكة ليست بالمر العسير ,ولكن نؤكد إن وجود معلومات على الشبكة فى موقع ما ل يعطيك الحق فى أن تنسبها إلى نفسك وباسمك فيجب أن تكون أمينا وتكتب اسم الموقع المصدر وذلك حتى ل يفقد المستخدمون ثقتهم فى موقعك
Designerelmansora
MISTAKE 40 -38البرمجيات الملحقة المزعجة Pesky Plug-ins أن تجبر المستخدمين أن على تحميل plug-insلكى يتمكنوا من تصفح موقعك فهذه هى أسهل طريقة تجعلهم يذهبون ول يأتون مرة أخرى إليك ,وإن كان لبد من هذا فعليك ان تطلب ذلك بأسلوب يحمل الكثير من الدب واللطف. -39الثروات الدفينة Buried Treasures إذا كان على الزائرين لموقعك أن يبحثوا ويتجولوا لكى يجدوا افضل ما لديك فان هذا يعتبر أمرا ممل للغاية وسوف تجعلهم يتجنبون موقعك فى المرات القادمة. -40توفر وسيلة اتصال بك على موقعك فى النهاية يجب أن يكون لموقعك أى طريقة للتصال بك ,فنحن ل نتخيل وجود موقع على الشبكة بدون E-mailللمؤلف مثل .فل تجعل موقعك يقال عليه أنه موقع Out Of Touch Authors
Designerelmansora