از جمله ویژگی هایی که باید در طراحی سایت مورد توجه قرار گیرد دوری از المانهای آزار دهنده در طراحی وب سایت می باشد برای این منظور کافیست به چند مورد بیشتر توجه کرد.با رعایت این موارد می توانید کاربران بیشتری را به وب سایت خود جلب کنید و همچنین درصد فرار از وب سایت شما پایین خواهد آمد.

مواردی که باید از آنها دوری کرد عبارتند از:

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

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

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

شفافیت (Transparency) : این ویژگی به تصویر این امکان را می دهد تا درجه ای متغیر از ماتی را داشته باشد که از جامد تا شفافیت کامل (پشت تصویر کاملا قابل مشاهده است) متغیر است.

چند خط در میان (Interlacing) : این ویژگی به تصویر این امکان را می دهد تا به این ترتیب بارگذاری شود که در ابتدا خصوص فرد کشیده شوند و سپس خطوط زوج. اینکار به کاربران و بینندگان این امکان را می دهد تا تصویر را زودتر از آنکه بارگذاری به اتمام برسد مشاهده نمایند.

پیشرفت کننده (Progressive) : این ویژگی در بارکدگزاری تصاویر، چیزی شبیه به interlacing است به این ترتیب که قسمتهای مختلف تصویر بطور جداگانه بارگذاری می شوند ولی محدود به خطوط زوج و فرد نیستند. این کار سبب می شود تا کاربر تصویر را زودتر از زمان بارگذاری آن مشاهده کند.

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

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

GIF
این فرمت یکی از قدیمی ترین فرمت ها می باشد که در سال 1980 برای طراحی صفحات سایت توسط طرحان سایت ایجاد شد.این فرمت از الگوریتم هایی برای فشرده سازی استفاده می کند که با کم حجم کردن فایل ها در لود شدن صفحات وب استفاده می شود.در فرمت GIF رنگها به 256 رنگ (8 بیت) محدود شده است همچنین در این فرمت این امکان وجود دارد تا تصویری متحرک و انیمیشن دار با استفاده از این فرمتی تصویر ساخته شود.این فرمت جهانی بوده و در همه ی مرورگرها قابل مشاهده می باشد.فرمت GIF دارای مزایایی می باشد که عبارتند از:
√ در این فرمت بیشترین فرمت گرافیکی پشتیبانی می شود
√ در این فرمت دیاگرامها تصویری بهتر نشان می دهند
√ Transparency در این فرمت پشتیبانی می شود

JPEG
این فرمت بیشتر برای افرادی که کیفیت تصویر برایشان مهم است کاربرد دارد زیرا این فرمت فایلها را فشرده می کند ولی از رنگهای حقیق 24 بیتی پشتیبانی میکند بنابراین تصویر با کیفیت بیشتری ایجاد می شود.فرمت JPEG نیز جهانی بوده و در همه ی مرورگرها ابل اجرا می باشد.این فرمت از فرمت Progressive پشتیبانی می کند.فرمت JPEG نیز دارای مزایایی می باشد که عبارتنداز:
√ این فرمت قدرت فشرده سازی بالایی دارد و به این دلیل سرعت بارگزاری آن بیشتر می باشد
√ این فرمت عکس ها را با کیفیت مطلوبی ایجاد میکند.
√ فرمت JPEG از رنگ 24 بیتی پشتیبانی می کند.

PNG
این فرمت به نسبت از بقیه ی فرمت ها جدیدتر می باشد و جایگزین مناسبی برای فایلهای GIF می باشد.این فرمت 24 بیت رنگ،Transparency و Interlacing پشتیبانی می کند همچنین این فرمت متن توصیفی کوتاهی را برای تصویر در خود نگه می دارد تا موتورهای جستجوگر از آن استفاده کنند.
معایب این فرمت این است که در همه ی مرورگرها قابل اجرا نیست و فقط در تعدادی قابل مشاهده می باشد.مزایای PNG:
√ دیاگرامهای موجود در این فرمت بهتر از فرمت JPEG نمایش داده می شوند.
√ این فرمت از Transparency پشتیبانی می کند.
√ غلبه بر محدودیتهای 8 بیت رنگ GIF
√ امکان قراردادن متن توصیفی در تصویر برای استفاده در موتورهای جستجوگر

یک طراح سایت می تواند یا از فرمت GIF و یا از فرمت JPEG برای اکثر مقاصد خود استفاده نماید. ولی از آنجاییکه حجم فایلهای GIF معمولا کوچکتر از حجم فایلهای JPEG است، بنابراین اکثر طراحان سایت از فرمت GIF برای بک گراندها، فریم ها، و باکسها و دیگر المانهای گرافیکی استفاده می کنند که در فرمت 8 بیتی مطلوب می باشند.

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

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

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

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

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

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

از مهمترین نکات در طراحی فروشگاه اینترنتی تهیه ی امکانات کامل محصول،وارد کردن قیمت محصول و سایر اطلاعاتی که بهتر است راجع به محصول داده شود قرار داده شود همچنین با اضافه کردن بخش راهنما با عنوان سوالات متداول (FAQ) می توان سوالات اساسی که راجع به محصول به نظر می رسد ایجاد کرد در این بخش می توان با پیش بینی و پاسخگویی به مسائل و سوالات اساسی را جواب داد.

برای طراحی سایت فروشگاه اینترنتی بهتر است از رنگهایی انتخاب شود که روحیه ی کاربران را حین خرید اینترنتی افزایش دهد در غیر اینصورت و کسل کننده بودن وب سایت کاربران سایت خود را از دست خواهید داد.بهتر است در این وب سایت ها محصولاتی را که فکر می کنید مناسب هستند را به مشتریان نشان دهید برای این کار بهتر است مرحله به مرحله پیش رفت یک برنامه نویس خوب می داند که طراحی سایت مناسب با یک یا دو کلیک کاربر را به هدف برساند همچنین آرامش در طول دوره ی خرید حفظ شود تا کاربر را به هیجان آورید.

برای طراحی سایت مناسب که شما را به اهداف خود برساند بهتر است که به این نکته مهم توجه داشت که نگاه ها را به سمت مطلب خاصی جلب کنیم ؛ از آنجا که قسمت وسط سایت و همچنین وسط سمت راست جلب توجه می کند بهتر است از این مکان ها استفاده ی مفیدی کرد.

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

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

√ رنگ های گرم : قرمز،نارنجی،صورتی
√ رنگ های سرد : آبی،سبز،ارغوانی
√ رنگ های طبیعی : سفید،خاکستری،قهوه ای،سیاه

حدود 216 رنگ وجود دارد که در تلویزیون ها،لامپهای خلا و LCD ها به شکلهای یکسان دیده نمی شود.به این 216 رنگ ،رنگ های web Safe گفته می شود،اگر پیوستگی در رنگ ها برای شما مهم باشد می توانید از رنگهای web Safe در وب سایت خود استفاده کنید.
شما می توانید برای انتخاب رنگ در طراحی سایت خود از یک رنگ غالب و رنگ دیگر به نقش مکمل را ایفا می کند استفاده کنید همچنین می توانید از رنگ های متضاد که باعث چشمگیر شدن سایت می شود استفاده کنید توجه داشته باشید که در انتخاب رنگهای متضاد رنگهای انتخابی شما باعث ارتعاش نشود زیرا در این حالت به پشم بیننده صدمه وارد می شود.

به طور کل انتخاب رنگ مناسب برای سایت باید بر اساس موارد زیر باشد:

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

برای انتخاب رنگ در سایت بهتر است از رنگ هایی که افراد را به خود جذب می کند انتخاب کرد.

برای رنگهای پیوسته در همه مرورگرها، از رنگهای web Safe استفاده نمایید.

از تصاویری با شدت رنگ معمولی برای پیش زمینه استفاده نکنید. این کار سبب خواهد شد تا خوانایی متن کاهش یابد. چنانچه از تصویری استفاده می کنید، آن را با ویژگی watermark استفاده نمایید.

بهتر است رنگها در همه ی صفحات یکی باشد این کار به بیننده این امکان را می دهد که بفهمد در همان سایت می باشد.

رنگهایی را انتخاب کنید که تصویری را که می خواهید به بازدید کنندگان تان بدهد.

با رعایت اصول بالا می توانید در طراحی وب سایت نمونه و استاندارد در بین سایر وب سایتها از بهترین ها باشید.