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

امروز:

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

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

طراحی وب سایت

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

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


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

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

وبسایت های ایستا یا 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 وب سایت هم خوبتر خواهد بود پس امکانات غیر ضروری رو حذف بکنید .

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

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


نوشته شده در : شنبه 26 تیر 1395  توسط : مطالب علمی 2015.    نظرات() .

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