وب سایت ها را می توان بسیار زیبا و با استفاده از برنامه فلش , موسیقی , انیمیشن و ... ساخت.البته بعضی افراد این ویِژگی ها را میپسندند ولی برای بسیاری از کاربران اینها جزو ویژگی های منفی محسوب می شود.
ابتدا باید مخاطبین خود را بشناسید.اگر وب سایت شما دارای محتوایی است که باید توسط بازدیدکنندگان خوانده شود جداً خودداری کنید.سادگی را در ابتدای کارها قرار دهید و محبوبترین سایت های اینترنتی مانند 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 ثانیه

محمد توری :: sobhaneh@gmail.com