وب سايت ها را مي توان بسيار زيبا و با استفاده از برنامه فلش , موسيقي , انيميشن و ... ساخت.البته بعضي افراد اين ويِژگي ها را ميپسندند ولي براي بسياري از کاربران اينها جزو ويژگي هاي منفي محسوب مي شود.
ابتدا بايد مخاطبين خود را بشناسيد.اگر وب سايت شما داراي محتوايي است که بايد توسط بازديدکنندگان خوانده شود جداً خودداري کنيد.سادگي را در ابتداي کارها قرار دهيد و محبوبترين سايت هاي اينترنتي مانند Google , Yahoo و Excite را هميشه در نظر داشته باشيد.در زير 26 خطاي معمول در طراحي صفحات وب آمده:
1. معبر ورودي
منظور يک صفحه معمولا حاوي فلش قبل از صفحه خانه (Home page) است.حتي اگر اين صفحه براي منظور مفيدي نظير انتخاب زبان طراحي شده باشد.راه هاي بهتري نيز براي اين کار وجود دارد.
2. موسيقي و يا کليپ تصويري ناخواسته
قبل از اينکه بازديدکننده وب سايت مجبور به بارگيري (Load) موسيقي يا فيلم شود از او اجازه بگيريد.اگر او مايل به اين کار نيست متن جايگزين را در اختيارش قرار دهيد.
3. متن داراي اسکرول
استفاده از اسکرول بار براي حرکت در متن مخصوصا در مورد متنهاي مهم که بايد با دقت خوانده شوند باعث حواس پرتي مي شود.
4. استفاده از فريم ها در صفحه آغازين
فريم ها باعث سردرگمي موتورهاي جستوجو مي شوند و بارگيري صفحه را کند مي کنند.به سادگي مي توان به جاي آنها از جداول استفاده کرد و همان اثرات را به دست آورد.
5. بطور کلي استفاده از فريم ها
چاپ کردن محتواي فريم ها مشکل است,به سختي ميتوان به صفحه قبل بازگشت امکان علامت گذاري (bookmark) وجود ندارد و مرورگرهاي صوتي (voice browsers) دچار مشکل مي شوند و معمولا فضاي کافي براي قراردادن اطلاعات مفيد در آنها وجود ندارد.تنها مواقعي که ممکن است مفيد باشند که بخواهيم براي محدوده اي از پيام هاي کوتاه مانند نام و نشاني شعبات استفاده کنيم.
6. فرمهاي پيچيده
قانوني که بايد رعايت شود اين است که هميشه حداقل اطلاعات لازم براي يک هدف معين از کاربر پرسيده شود.پرسيدن سوالات زياد بازديدکننده را فراري مي دهد.
7. قرار دادن تبليغات به ويژه تبليغات پاپ-آپ
هرگز اين کار را نکنيد مگر اينکه واقعا بابت آنها پول زيادي به شما بدهند.مخصوصا تبليغاتي که حاوي فلش هستند يا تبليغات Pop-up يا هر نوع ديگر.
8. استفاده از Flash
براي بسياري از کاربران باعث سردرگمي است و مشاهده متنهاي کنار آنها فعاليت ذهني زيادي مي طلبد.
9. Plug-inهاي نا خواسته
تعداد کمي از بازديدکنندگان براي دانلود Plug-in وقت مي گذارند.اگر واقعا وجود آنها را لازم مي دانيد بهتر است آن را در يک صفحه جداگانه قرار دهيد.
10. تصاوير بزرگ
وجود آنها فقط در صفحات هنري قابل توجيه است.حتي در آنجا نيز بهتر است از عکسهاي کوچک (بندانگشتي) استفاده کنيد و فقط در صورت درخواست بازديدکننده تصوير بزرگ ارايه شود.
11. استفاده از رنگ هاي بسيار
مرورگرهاي برخي از کاربران فقط براي 256 رنگ تنظيم شده است بنابراين ممکن است بعضي از تصاوير وقتي در اين حالت قرار گيرند بسيار وحشتناک ديده شوند.بنابراين بهتر است تصاوير کليدي و مهم داراي رنگهاي پيچيده و مختلط نباشند.
12. تصاوير غيرضروري
يک تصوير به اندازه هزاران کلمه ارزش دارد اما تنها هنگامي که به متن کاملا مربوط باشد.
13. تصاوير مورد نياز
بعضي از بازديدکنندگان ممکن است براي سرعت بخشيدن به لود صفحه نشان دادن تصاوير را غيرفعال کنند.خوب است در اين حالت نيز آنها برداشت مناسبي را از وب سايت به دست آورند.
14. استفاده از تصوير به جاي لينک
از تصاوير يا جاوااسکريپت به عنوان لينک استفاده نکنيد.لينک هاي متني را نيز در قسمت پاييني صفحه قرار دهيد.اين کار هم به موتورهاي جستوجو کمک مي کند و هم به بازديدکنندگان که از تصاوير و جاوااسکريپت استفاده نمي کنند.
15. تصاوير بدون اندازه (unsized images)
اگر تصويري داراي طول و عرض نباشد ممکن است متن پس از لود شدن تصوير پرش پيدا کند و يا تا قبل از لود شدن کامل تصوير نمايش داده نشود.
16. ALT= tags بيفايده
تمام تصاوير بايد داراي ALT= tags باشند تا بازديدکننده بداند منتظر ديدن چه چيزي است.اطلاعات جلوي ALT= هم بايد با معني و مفيد باشد.
17. پس زمينه هاي مبهم
اگر شما از تصاوير پس زمينه استفاده مي کنيد بايد حجم آنها کمتر از k8 باشد و با رنگ متن متناسب باشند.بعضي از پرينترها را مي توان طوري تنظيم کرد که از پرينت تصاوير پس زمينه همراه متن صرف نظر کنند پس کنترل کنيد که متن بدون پس زمينه قابل خواندن باشد.
18. جاوااسکريپت غير ضروري
با DHTML و جاوااسکريپت همه کار مي توان کرد اما لود شدن آنها زمان مي برد.
19. اخطار در مورد آپگريد مرورگر
امروزه پيغام Best viewed with يک پيغام عادي است اما اين که ويزيتور چه مرورگري داشته باشد انتخاب شخصي خود اوست و اغلب خوشش نمي آيد که از او خواسته شود مرورگرش را آپگريد کند.وب سايت شما بايد اجازه دهد که صفحان در مرورگرهاي ديگر نيز حتي الامکان به خوبي ديده شود.
20. مشکلات نمايش 640
بعضي از صفحات وب داراي عرض ثابتي هستند و هنگامي که با نمايشگرها يا پنجره هاي نمايش کوچکتر استفاده شوند, يا هنگام چاپ قسمتي از آنها بريده مي شود و يا اسکرول افقي پيدا مي کنند.متنها بايد کوچک شوند تا براي پنجره هاي کوچکتر هم مناسب باشند.
21. لينک هاي شکسته
لينک هاي خارجي ناپديد مي شوند و اين باعث افسوس است.اما تمام لينک هاي داخلي بايد کار کنند.اگر شما يک يک صفحه را جابه جا مي کنيد يا نام يک صفحه را تغيير مي دهيد صفحه قديمي را با يک انتقال خودکار به صفحه جديد باقي بگذاريد.
22. در حال ساخت يا Watch this Space
اگر صفحه اي آماده رويت نشده و در حال ساخت مي باشد تا اتمام کامل کار به آن لينکي ندهيد.
23. متن به صورت تصوير
متن به صورت تصوير قابليت کپي شدن,جست و جو و مراجعه به وسيله سرچ را ندارند و لود شدن آنها زمان بيشتري را نسبت به لود شدن متن مي برد.پس هرگز متن را به صورت تصوير به کار نبريد
24. سبک هاي متناقض و متفاوت
تمام صفحات از نظر رنگ,فونت,طرز لينک دادن و غيره بايد داراي يک سبک باشند و تمامي عناصر از يک سبک طبعيت بکنند.
25. متن هايي که در وسط قرار مي گيرند
اگر به عنوان سر صفحه و تايتل استفاده شوند خوب است ولي در صورتي ديگر نه.زيرا بازديد کنندگان انتظار دارند هر سطر متن از راست شروع شود.
26. صفحات عميق و تودرتو
براي هر موضوع صفحه اي جداگانه درنظر بگيريد.اگر اجبارا يک صفحه طولاني شود در انتهاي صفحه عنوان هاي فرعي را قرار دهيد و از فهرست مطالب به آنها لينک برقرار کنيد.
در انتها براي داشتن وب سايتي بهتر اعداد زير را بخاطر بسپاريم:
1.حراکثر عرض صفحه 500 پيکسل
2.حداکثر سايز صفحه 40 تا 60 کيلوبايت بهمراه تمامي تصاوير
3.حداکثر اندازه فايل HTML,10k
4.حداکثر زمان تا لحظه قابل خواندن شدن اطلاعات مهم 8 ثانيه