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

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

​طراحی سایت

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

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


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

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

وبسایت های ایستا یا 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 داره حتمـا ازش نمونه کار بخواید چون این کار به تجربه نیاز داره بدون تجربه هر ادعایی ، باد هواست و باور نکنید !
تست وب وبسایت بعد از طراحی سایت

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


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

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

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

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

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

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

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

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

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