طراحی سایت و نکاتی که طراحان وب سایت به کسی نمی گویند !

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

​طراحی سایت

گرافیک و اصول زیبا ی شناسی در طراحی سایت

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


تکنولوژی های مربوط به طراحی سایت

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

وبسایت های ایستا یا Static

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

سایت های پویا یا Dynamic

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

نقش طراحی وب سایت در سرعت وب سایت Load Time

Load Time یا مدت زمان بارگذاری سایت یعنی مدت زمانی که طول میکشه سایت تون تو رایانه کاربر به طور کامل باز بشه تمام مطالب عکـس ها قابل رویت باشن . این عدد بر حسب ثانیه اس و هر چی کمتر باشه بهتره . سرعت بارگذاری وبسایت به چنتا علت مربوط میشه که یکی از با اهمیت زیاد ترین اونا پروگرام نویسی و میزان اصولی بودن ساختار سایته . هر سایتی که کمترین پیچیدگی رو داشته باشه سرعت بارگذاری سایت هم بیشتر خواهد بود .

تشریح مفهوم طراحی سایت واکنش گرا یا Responsive


طراحی وبسایت واکنش گرا یا Responsive

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


نقش طراحی سایت در seo SEO

رسیدیم به بخشی که ممکن است چنانچه زیاد از طراحان وبسایت بخونن با RPG بیوفتن دنبالم در ابتدا لازم ه خیلی کوتاه بگم خدمت تون که این بهینه سازی SEO اصلا چیه به چه دردی میخوره . SEO مخفف سه واژه Search Engine Optimization هست به مفهوم « seo سایت جهت موتور های جستجو » . گـوگل جهت اطلاع از مطالب وب سایت شما در بازه های زمانی معین ی به وبسایت تون سر میزنه تا مطالب تون رو در بانک اطلاعاتیش ذخیره کنه و بعدا در نتایج جستجو نمایش بده . اکنون هرچقدر ساختار وب سایت شما آسان تر اصولی تر باشه شانس بیشتری برای دیده شدن در گوگل دارید . ولی دروغی که ممکنه بعضی از طراحان وبسایت بهتون بگن اینه که بگن « ما با نوع پروگرام نویسی مون می تونیم کاری کنیم که در نتایج گوگــل از تمام سایت ها بالاتر باشید ! » این عبارت هم درسته غلط ! درسته چون اگر ساختار سایت تون ایرادی داشته باشه شانس تون برای دیده شدن در گـوگل کمتره ولی اگر وب سایت تون طبق اصول SEO ساخـته بشه شانس تون تا میزان خیلی زیاد ی ارتقا پیدا میکنه . ولی نکته مهم تری که وجود داره اینه که دیده شدن تو گـوگل رابطه مستقیم با مطالب وب سایت تون داره . هر چقدر مطالب تون مفید تر و کامل تر باشه شانس بیشتری دارید . حواس تون باشه چنانچه طراح وب سایت تون ادعای در زمینه SEO داره حتمـا ازش نمونه کار بخواید چون این کار به تجربه نیاز داره بدون تجربه هر ادعایی ، باد هواست باور نکنید !
تست وب وب سایت بعد از طراحی سایت

راه دم دستی و آسان برای اینکه ببینید آیا طراحی وبسایت تون بدون ایراد انجام شده یا نه ، اینه که وبسایت تون رو در چند مرورگر مختلف باز بکنید و ببینید که چیدمان مطالب تغییری می کنه یا نه . اگر چیدمان در تمام مرورگر ها یکسان نباشه طراحی وب سایت تون ایراد داره . حتمـا پیش از تسویه حساب با گروه طراحی سایت وب وب سایت تون رو در این سه مرورگر آزمایش بکنید : مرورگر فایرفاکس Firefox مرورگر گوگل کروم Google Chrome و مرورگر اینترنت اکسپلورر Internet Explorer .


تعرفه طراحی وبسایت بر چه مهم تعیین میشه ؟

۹۹٫۹۹۹۹۹۹۹۹ درصد افرادی که در مورد طراحی سایت با من حرف کردن اولین چیزی که ازم سوال کردن این بوده که « آقا الان ما یه وب سایت بخوایم بزنیم چقدردر میاد ؟ » اما علت این مسئله اینه که این افراد پرسش دیگه ای به ذهن شون نمیرسه چون اصلا هیچی درمورد وب سایت نمی دونن ! چیزی که مسلمه اینه که شما می بایست اول بدونید که به چه چیزی نیاز دارین بعد قیمتش رو بپرسید . مثه این میمونه که برید تو یه نمایشگاه اتومبیل و بگید « آقا سلام ، الان ماشیـــــــن چنده ؟ » خب چه اتومبیل ی ؟!!! قیمت BMW با پراید تفاوت میکنه . درمورد نرخ طراحی وبسایت ضروری ه یه نکته رو به احتمال زیاد مد نظر داشته باشید که هر چقدر پول بدین همون قدر آش می خوری ! مطمئن باشید امکان نداره یه گروه درست و حسابی با دستمزد کم براتون یه سایت پیشرفته طراحی کنن چون هیچ ی نداره آدم بخواد زمانش رو برای پیشرفت یکی دیگه صرف کنه و پول کمی بگیره ! آدم ای ۵۰۰ هزار تومنی هم در بازار طراحی وبسایت هستن گول شونو نخورید ! برخی از گروه های طراحی وب سایت هم با مصرف از کلکسی ون داف و حرفای خوشگل رویا های رنگی رنگی نرخ های نجومی رو اعلام میکنن که بایستی حواس تون به این افراد هم باشه ! حرف هایی که گروه طراحی وبسایت بهتون میگن رو تجریه نقد بکنید همین جوری بدون فکر و برنامـه ریزی نپذیرید !

برای سفارش طراحی سایت این چند نکته رو در نظر بگیرید

■ از گروه طراحی وب سایت بخواید که براتون یه وب سایت پویا Dynamic بسازن .

■ قشنگ یی وبسایت ارزش زیاد بسیاری داره ولی استفاده بیش از میزان از عکس جالب ها و جنگولک بازی های گرافیکی باعث نماید ی وبسایت تون میشه فرد رو خسته میکنه !

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

■ هرچقدر برنامـه نویسی سایت آسان تر باشه ، سرعت بارگذاری یا Load time وب سایت هم خوبتر خواهد بود پس امکانات غیر ضروری رو حذف بکنید .

■ به احتمال زیاد بعد از انتها پروژه ، وبسایت تون رو در مرورگر های مختلف تست بکنید !

■ طراحی سایت نرخ معین ی نداره بیشتر توافقیه . اما مطمئن باشید که قیمت پایین مشکوکه ! گول قیمت رو نخورید و سعی بکنید به نیاز و کیفیت کار تون فکر بکنید