اصول طراحی وب سایت

اصول طراحی وب سایت
 
-1نیازسنجی (مهمترین قسمت پروژه(
به این معنی که شما باید ببینید برای چه نوع شرکتی، سازمانی و یا تجارتیقصد طراحی وب سایت دارید. مسلما وب سایت یک ارگان دولتی با وب سایتنمایندگی شرکتX در ایران تفاوت های بسیاری خواهد داشت.در صورتیکه قرار استوب سایت فوق بصورت روزانه آپدیت شود مسلما باید برنامه نویسی دینامیک ودیتا بیس پشت سر آن باشد. اما اگر قرار است وب سایت فوق سالی ۲بار آپدیتشود بهتر است طراحی بصورت استاتیک انجام گیرد.
نکته بسیار مهم: باید ایننکته را بدانید که چیزی که باعث تداوم کسب و کار و رونق در آن میشودرضایتمشتری است. مطمئن باشید که بهترین مشتریان شما کسانی هستند که توسطمشتریان راضی شما به شما معرفی شده اند. از نقطه نظر بازاریابی بهترین نوعتبلیغ، تبلیغ دهان به دهان میباشد. پس سعی کنید که نیاز واقعی مشتری راپیدا نمایید و دقیقا  چیزی که احتیاج  دارد را برای او طراحی و آمادهنمایید. به صرف اینکه تخصص شما برنامه نویسیasp.net میباشد نباید به تماممشتریانتان پیشنهاد برای داشتن وب سایت دینامیک بدهید.
۲- ابزار سنجی
باید بدانید برای طراحی وب سایت فوق از چه نرم افزارها و یا برنامه ها وچه نوع زبان برنامه نویسی استفاده نمایید. برای شرکتی که کار آن تولیدمحصولات غدایی مخصوص کودکان است لازم است وب سایتی طراحی نمایید که در آنفلش بکار رفته باشد. شاید شما در طول این مرحله متوجه بشوید که برای ساختوب سایت مورد نظر نیاز به برنامه نویسی میباشد که شما به آن آگاهی ندارید،اما کار خوب و تر تمیز را فدای نا آگاهی خود ننمایید. مطمئن باشی حتی اگرآن کار را انجام ندهید بهتر از این است که کار را خراب یا کاری که باب میلمشتری نباشد تحویل دهید. اما زمانی میرسد که شما دست رد به سینه هیچ کارینخواهید زد. اشتباه نکنید، آن زمانی نیست  که شما به تمام زبانهای برنامهنویسی آگاهی پیدا کرده اید، آن زمانی است که دور شما پر است از برنامهنویسان و طراحان مجرب و با دانشی در تمام زمینه ها. مزیت این کار این استکه اگر شما کارها را به خود محدود نمایید خیلی زود حجم زمانی کاری شما پرمیشود اما میتوان کارها بصورت گروهی انجام داد. مطمئن باشی این روش بسیاربهتری است.
۳-تهیهPorposal
بعد از ۲مرحله فوق نوبت به تهیهProposal می رسد. بزرگترین مشکلمشتریان این است که دقیقا نمی دانند به چه نوع وب سایتی و با چه نوع شکل وشمایلی نیاز دارند. شما پس از بررسی کسب و کار و خواسته های مشتری با دادنیکPrposal به ایشان، او را در راه انتخاب خواسته اش کمک و یاری نمودهاید.سعی کنید سایتهای مشابه کار او در سطح ایران و بین المللی برای او پیداکنید و اجازه بدهید با دیدن وب سایتهای فوق دید و نگرش بازتری نسبت بهقضیه پیدا کند. سعی کنید از قبلProposal هایی برای کارهای مختلف از قبلآماده داشته باشید و برای هر پروژه فقط آنرا با توجه به خصوصیات آن پروژهخصوصی سازی نمایید.
۴-پیاده سازی و اجرای
بعد از عقد قرارداد نوبت به پیاده سازی کار میرسد که بیشتر صحبت ما دراین قسمت و در باره نحوه ساخت اصولی قالب یاTemplate سایت میباشد. روشی کهامروز برای شما قصد بازگو کردن دارم برای وب سایت شرکتهای تجاری( اعم ازاستاتیم و دینامیک) کاربرد دارد.
شما باید بدانید که قالب یک سایت با توجه به حجم کار و نیاز مشتریمیتوانید شامل ۴یا ۵بخش و به شکل زیر باشد:

۱-Header
در این قسمت بنر سایت شما به همراه لوگو وsLogon(شعار شرکت) قرار خواهدگرفت
۲-Navigation Bar
لینک صفحات شما مانند : صفحه اصلی-خدمات-مشتریان-درباره-تماس و. . .  قرار میگیرد
۳-Slide Bar
در ابن قسمت هم میتواند لینک صفحات و تبلیغات کادر مخصوصLogin و. . . قرار بگیرد
۴-Content Bar
در این قسمت توضیحات مربوط به هر صفحه قرار میگیرد
۵-Footer
اطالاعاتی در بارهCopy Rights، قوانین استفاده از سایت،شرکت طراح و. . .  قرار میگیرد
نکته مهم:سایت با توجه به حجم اطلاعات میتوانددارای ۲Navigation Bar باشد . اما اگر حجم صفحات و تعداد آنها  کم میباشد  از بین بخش ۲و ۳بهتر است ای یکی از آنها استفاده نمایید.یعنیNavigation Bar شما یا افقی باشد یا عمودی.
بعد از مشخص شدن اینکه لایه بندی سایت شما به چه ترتیبی خواهد بود باید ۲یا ۳عدد قالب برای مشتری طراحی کنید. در قسمت آینده ” نحوه طراحی قالبسایت در فتوشاپ” نحوه تبدیل قالب تهیه شده در فرمتPSD بهHTML را به شماعزیزان آموزش خواهیم داد. اما بدانید که لازم است قبل از شروع هر کاری درباره آن کار و ویژگیهای آن بطور کامل تحقیق و توسعه بعمل بیاورید تا ازبرگشتها و دوباره کاریها اجتناب نمایید.