۶۹ نکته در طراحی و ساخت صفحات وب

۱- صفحات را با استفاده از استاندارد HTML4 یا XHTML1 به اندازه توان مرورگر طراحی کنید.
۲- تمام صفحات ایستا(HTML) را بررسی، ارزیابی و آزمایش کنید.
۳- اغلب کاربران مرورگر را بخاطر بروز خطا/مشکل مقصر نمی دانند، سایت را مقصر می دانند!
۴- حتاالمکان با XHTML هماهنگ شوید تا آینده صفحات وبتان تضمین شده باشد.
۵- حتاالمکان با استفاده از CSS طرح بصری ایجاد کنید نه با تصاویر.
۶- برای بالا بردن کیفیت و خوانایی کد، از توضیحات/Comments استفاده کنید.

<!– Begin header –!>
<!– End header –!>
<!– Begin menu –!>
<!– Menu::Main –!>

<!– Menu::Links –!>

<!– End menu –!>

۷- از تغییر مسیر خودکار خطاهای ۴۰۴ خودداری کنید.
۸- قوانین CSS را در صفحات بررسی کنید و از استاندارد های CSS1 بهره بگیرید.
۹- حتاالمکان از Stylesheet های خارجی(External) استفاده کنید.
<link type=”text/css” href=”…/print.css” rel=”stylesheet” media=”all” title=”Print” />
۱۰- حالت غیرفعال/Disable بودن CSS در مرورگر را حساب کنید.(Tableless ها!)
۱۱- از Stylesheet های Print/چاپ هم استفاده کنید و قابلیت انتخاب به کاربر بدهید.
۱۲- از پیچاندن بیش از حد آدرسها و URL ها خودداری کنید(پیچیدگی =! امنیت).
۱۳- داده های ورودی توسط کاربر را بدقت بررسی و کنترل کنید.
۱۴- از اجرا نمودن برنامه های Console/Shell از طریق اسکریپت(Client-side) خودداری کنید.
۱۵- از توضیحات/Comment های HTML در تگ <script> استفاده کنید.
<script>
<!–

–!>
</script>
۱۶- با استفاده از تگ <NoScript> وضعیت غیرفعال/Disable بودن جاوااسکریپت را کنترل کنید!
۱۷- مشخصات و صفت های تگهای<style> و <script> را کامل بنویسید.
<script type=”text/javascript” language=”javascript1.5″>
<style type=”text/css” media=”all” title=”Common”>
۱۸- خطاهای جاوااسکریپت صفحات را حل و مدیریت کنید.۱۹- از بکاربردن بیش از حد کدهای CSS و جاوااسکریپت خودداری کنید!

۲۰- حتاالمکان از ActiveX ها و Plug-in ها استفاده نکنید.

۲۱- مشکل مرورگرهایی که از جاوااپلت پشتیبانی نمی کنند را مدیریت کنید.

۲۲- کاربران را از استفاده/کاربرد کوکی برای ذخیره اطلاعات مطلع کنید.

۲۳- از استفاده بیش از حد کوکی خودداری کنید.

۲۴- از استفاده موسیقی و صوت در صفحاتتان خودداری کنید. یا حداقل قدرت انتخاب به کاربر بدهید.

۲۵- کاربر و طراح یکی نیستند!

۲۶- طوری طراحی کنید که تفاوت سلیقه ها را هم در نظر داشته باشد.

۲۷- صفحات را عاری از عیب و نقص طراحی کنید(مرورگرها، سیستمها و… به اندازه خودشان مشکلات دارند).

۲۸- شکل ظاهری سایت را با رفتار و نوع سایت طراحی کنید.

۲۹- کاربران از سایت استفاده می کنند، نه مرورگر!

۳۰- از بکاربردن متون، تصاویر و پس زمینه های پررنگ خودداری کنید.

۳۱- از بکاربردن Background های شلوغ و سنگین خودداری کنید.

۳۲- کاربران انتظار حداکثر بازده از حداقل کار را دارند.

۳۳- مدت زمانی که کاربر منتظر می ماند برابر باشد با پاداش/نتیجه مطلوبی که میگیرد.

۳۴- از متون خیلی ریز یا خیلی درشت استفاده نکنید.

۳۵- سایت طوری طراحی کنید که نیازهای افراد مبتدی، متوسط و حرفه ای را فراهم کند.

۳۶- افرادی را برای تست سایت دخالت دهید که در فرایند طراحی “نبوده اند”.

۳۷- صفحاتی را برای Privacy و Term of use/service ایجاد نمایید.

۳۸- پست الکترونیک یا فرم تماس را در دسترس قرار دهید.

۳۹- انتقادات، پیشنهادات و نظرات(Feedback) کاربران را مشتاقانه پذیرا باشید.

۴۰- ایجاد نقشه سایت و راهنما را فراموش نکنید.

۴۱- از صفت Alt در تگهای تصاویر، پیوندها و… استفاده کنید.

۴۲- از استفاده بیش از حد Frame خودداری کنید.

۴۳- Link های صفحات را چک کنید و از سالم بودنشان مطمئن بشید.

۴۴- شکل ظاهری صفحات جداگانه را با شکل ظاهری صفحات اصلی یکنواخت کنید.

۴۵- به املا و دیکته لغات دقت کنید.

۴۶- برای تگهای Link از صفت Title استفاده نمایید.

۴۷- صفحات را از نظر محتوا و کدنویسی بروز کنید!

۴۸- سایتها/Link های خارجی را در پنجره/صفحه خودتان باز نکنید.

<a href=”http://domain/” target=”_BLANK”>Title</a>
 ۴۹- از پس زمینه های تیره استفاده نکنید.۵۰- جداول را خارج از Scrollbar مرورگر قرار ندهید. بطوری که اسکرول افقی ایجاد شود!۵۱- حتاالمکان از تصاویر PNG استفاده نکنید(فعلاً).

۵۲- از قرار دادن تصاویر و فایلهای Download در پوشه اصلی سایت خودداری کنید.

۵۳- آدرس تصاویر را از سایتهای خارجی(External) نگیرید!

۵۴- حجم و نوع فایلهای Download را نمایش دهید.

file.zip – 5 MB
Iran.mp3 – 7 MB
۵۵- از تگ <blink> استفاده نکنید.
۵۶- متنها را بصورت حروف بزرگ ننویسید(این یعنی با صدای بلند/فریاد با خواننده حرف زدن)
WHAT IS YOUR NAME?!

۵۷- دائماً از حروف Bold/توپر و اریب/Italic استفاده نکنید.

۵۸- حد فاصل بین Link ها را رعایت کنید.
Index | About | Contact | FAQ | …

۵۹- عرض متون را محدود کنید.

۶۰- تصاویر را برای بزرگ نمایی نکشید.

۶۱- از تعدد رنگ استفاده نکنید.

۶۲- صفحات را در تمام مرورگرها تست و بررسی کنید. IE, Firefox, Opera…

۶۳- صفحات را برای رزولوشن های بالا طراحی نکنید!

۶۴- از استفاده بیش از حد پنجره های Popup خودداری کنید!

۶۵- سایت خود را در موتورهای جستجو و Link directory ها ثبت کنید.

۶۶- چندین آدرس و URL قابل حدس برای بخشهای مهم سایت ایجاد کنید.

۶۷- همیشه صفت MaxLength را برای فیلدهای متنی درنظر بگیرید.

۶۹- صفت های فرم ها را بصورت کامل قرار دهید و به حالت پیش فرض رها نکنید.

درباره نویسنده

"وب مثبت" فعالیت خود را از سال 91 آغاز کرد... شما در "وب مثبت" شاهد محتوای مرتبط با وب، شامل "آموزش اصول طراحی و مدیریت وب سایت" و همچنین "آخرین اخبار و حاشیه های دنیای وب" خواهید بود. WebMosbat.IR را به یاد داشته باشید...

نوشته های مرتبط