تبلیغات
مقالات آموزشی و کسب درآمد - نکاتی درباره طراحی صفحات وب و انتخاب قالب سایت/

با استفاده از از مقالات این وبلاگ میتوانید به یک درآمد خوب برسید..........با تشکر

توجه به نکات زیر درباره ی طراحی صفحات وب و انتخاب قالب مناسب برای سایت سودمند است:

سادگی در کمال زیبایی:شاید مهمترین عامل برای جذب یک کاربر به لحاظ طراحی سادگی محیط سایت در عین زیبایی آن باشد.باید توجه کنید که عمده ی کاربران مایل به دیدن امکانات اضافه و ناکارآمد نیستند.مثلا قرار دادن پیش بینی وضع هوا در یک ستون کاری بیهوده است.

در انتخاب بنرهای تبلیغاتی نیز باید به اندازه ی بنر و جذب کاربر دقت شود.

سبکی صفحه:اولین عاملی که باعث می شود کاربران تمایلی به بارگذاری صفحات یک سایت بر روی کامپوترشان نداشته باشند سنگین بودن و داشتن حجم بالای صفحات یک سایت است. مشکلی که با پایین بودن سرعت ارتباط به اینترنت دوچندان می شود.بنابراین حتی الامکان سعی کنید از قالب های سبکتر استفاده کنید.

درضمن فراموش نکنید که بعضی از کاربران اینترنت از موبایل جهت ورود به سایت و وبگردی استفاده میکنند. پس سبکی یک سایت در مرور صفحات به آنها کمک زیادی میکند.

ترکیب رنگ در عین سادگی:مباحثی که درباره ترکیب رنگها در صفحات وب بیان شده بسیار متنوع است و پرداختن تخصصی به آنها در این پست نمی گنجد.

فقط باید توجه داشت که موضوعات و محتویات سایت با رنگ بندی قالب ها خوانایی داشته باشد.مثلا اگر سایت درباره ی مطالب طنز و عکس و جوک می باشد بهتر است از ترکیب رنگ های شاد استفاده شود.

البته ترکیب رنگ ها نیز باید در نهایت سادگی انجام شود و تنوع آنها در یک صفحه زیاد نباشد.

اجتناب از قرار دادن کد های نامربوط جاوااسکرپت:قرار دادن کدهای جاوااسکریپت برای وبمستران آماتور موضوعی بسیار جالب و خوشایند است اما اگر به کدهایی که استفاده می شود دقت کافی نداشته باشیم عملا بر روی دیدگاه یک کاربر درباره ی سایت و حتی محتویات آن تاثیر منفی گداشته ایم.مثلا قراردادن اشکال مختلف در کنار آیکون ماوس که به دنبال آن در صفحه حرکت میکند کاملا اشتباه است. یا قرار دادن بعضی از تبلیغات ها بصورت متحرک در گوشه ی صفحه.

البته اگر از کدهای جاوااسکریپت به درستی استفاده شود کمک زیادی به پویایی و گیرایی صفحات می کند.

در ادامه ی مطلب میتوانید نکاتی مهم درباره ی استراتژی طراحی صفحات را بخوانید.

نکات و اصول مهم در طراحی/ساخت وب:

۱- صفحات را با استفاده از استاندارد HTML4 یا XHTML1 به اندازه توان مرورگر طراحی کنید.

۲- تمام صفحات ایستا(HTML) را بررسی، ارزیابی و آزمایش کنید.

۳- اغلب کاربران مرورگر را بخاطر بروز خطا/مشکل مقصر نمی دانند، سایت را مقصر می دانند!

۵- حتاالمکان با XHTML هماهنگ شوید تا آینده صفحات وبتان تضمین شده باشد.

۶- حتاالمکان با استفاده از CSS طرح بصری ایجاد کنید نه با تصاویر.

۷- برای بالا بردن کیفیت و خوانایی کد، از توضیحات/Comments استفاده کنید.
<!– Begin header –!>
<!– End header –!>

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

<!– Menu::Links –!>

<!– End menu –!>

8- قوانین CSS را در صفحات بررسی کنید و از استاندارد های CSS1 بهره بگیرید.

۹- حتاالمکان از Stylesheet های خارجی(External) استفاده کنید.

Code:
<link type="text/css" href=".../print.css" rel="stylesheet" media="all" title="Print"/>


10- حالت غیرفعال/Disable بودن CSS در مرورگر را حساب کنید.(Tableless ها!)

۱۱- از Stylesheet های Print/چاپ هم استفاده کنید و قابلیت انتخاب به کاربر بدهید.

۱۲- از پیچاندن بیش از حد آدرسها و URL ها خودداری کنید(پیچیدگی =! امنیت).

۱۳- داده های ورودی توسط کاربر را بدقت بررسی و کنترل کنید.

۱۴- از اجرا نمودن برنامه های Console/Shell از طریق اسکریپت(Client-side) خودداری کنید.

۱۵- از توضیحات/Comment های HTML در تگ <script> استفاده کنید.
<script>
<!–

–!>
</script>

16- با استفاده از تگ <NoScript> وضعیت غیرفعال/Disable بودن جاوااسکریپت را کنترل کنید!

۱۷- مشخصات و صفت های تگهای<style> و <script> را کامل بنویسید.
<script type=”text/javascript” language=”javascript1.5″>
<style type=”text/css” media=”all” title=”Common”>

18- خطاهای جاوااسکریپت صفحات را حل و مدیریت کنید.

۱۹- از بکاربردن بیش از حد کدهای 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>

49- از پس زمینه های تیره استفاده نکنید.

۵۰- جداول را خارج از Scrollbar مرورگر قرار ندهید. بطوری که اسکرول افقی ایجاد شود!

۵۱- حتاالمکان از تصاویر PNG استفاده نکنید(فعلاً).

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

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

۵۴- حجم و نوع فایلهای Download را نمایش دهید.
file.zip – 5 MB
Iran.mp3 – 7 MB

55- از تگ <blink> استفاده نکنید.

۵۶- متنها را بصورت حروف بزرگ ننویسید(این یعنی با صدای بلند/فریاد با خواننده حرف زدن)
WHAT IS YOUR NAME?!

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

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

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

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

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

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

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

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

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

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

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

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

و در آخر، از تغییر مسیر خودکار خطاهای ۴۰۴ خودداری کنید.

موفق باشید.

منبع: پیسیفا





Admin Logo
themebox Logo