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

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

​طراحی سایت

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

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


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

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

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

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

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

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

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

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

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


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

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


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

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

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


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

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

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

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

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

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

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

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

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