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

درسته که کار طراحي سايت يکي از لذت بخش ترين و بهترين کارهاي دنياست ، ميتوني اونو هر زمان که دوست داشتي انجام بدي و واقعا ميتوني خودت رئيس خودت باشي و ... اما اگر واقعا يک سري استاندارد رو رعايت نکني اين کار ميتونه به سخت ترين کار دنيا برات تبديل بشه حتما دوست داري بدوني چه کارهايي رو بايد انجام بدي ؟ و يه چيز ديگه که ميخوام خوب بهش دقت کني اينه که اين مراحل رو اصلا نميشه فاکتور گرفت و مو به مو بايد شروع بشه .
شروع اين تجربه از اولين کاري بود که من انجام دادم وقتي که کلي عذاب کشيدم و دقيقا به اين نتيجه رسيده بودم که من اصلا براي طراحي سايت ساخته نشدم . از اون خاطره سالها ميگذره ولي کاملا جزئيات اون يادمه چرا که يکي از بدترين تجربياتم بود و نميخوام شما هم اين رو تجربه کني:
مراحل طراحي وب سايت
اولين پروژه رو زماني که خيلي طراحي سايت استاتيک روي بورس بود گرفتم و خيلي سريع رفتم سراغ کدنويسي و وقتي به نظر خودم پروژه تموم شده بود رفتم پيش کارفرما تا با کلي ذوق کار رو بهش نشون بدم که با برخورد عجيبي از اون روبرو شدم . خيلي راحت گفت اين چيزي که طراحي کردي اصلا به درد من نميخوره و اصلا اون چيزي که من ميخوام نيست و من مجبور بودم از اول همه مسير رو برم ولي چون نميدونستم مسير درست چي هست دوباره مسير رو اشتباه رفتم ، بعد از چند  جلسه تغييرات کم و زياد نهايتا وب سايتي که ايجاد شده بود اصلا با اون چيزي که من زده بودم زمين تا آسمون فرق داشت ولي هنوز کارفرما راضي نبود
من هم اصلا دوست نداشتم  اين مسير رو ادامه بدم و آخرين باري که از دفتر کارفرما آمدم بيرون يادمه به اين نتيجه رسيده بودم کار طراحي سايت رو بذارم کنار و برم سراغ يه شغل ديگه اما روز بعدش به علت علاقه زيادم به اين مسير تصميم گرفتم که ببينم استاندارد توي دنيا در اين مورد چيه ؟ آيا واقعا کار طراحي سايت اينقدر سخته ؟ تا اينکه  با کلي تحقيق و بررسي و صحبت با کساني که تجربه بيشتري داشتن به اين استاندارد رسيدم که واقعا ميتونه واسه هر شخص و تيمي که توي اين زمينه کار ميکنه خيلي مفيد و سودمند باشه و جلوي يک سري اتفاقات بد رو که در کمين تو دوست خوبم هست بگيره .
 همون طور که ميدوني هر کاري يک سري مراحل انجام داره يعني يکسري کارها رو بايد پله به پله انجام بدي تا به نتيجه برسي. مثلا اول نميتوني بري سراغ کد نويسي سرورسايد بري  بايد اول کار قالب رو انجام بدي. حالا بريم سراغ پله هايي که يکي يکي بايد اونها رو انجام بدي.
مرحله اول : طرح دستي
طرح دستي وب سايت
خوب اين مرحله از اهميت بسيار بسيار بالايي برخورداره چرا که مشخص ميکنه چيدمان سايتت بايد چه شکلي باشه. مثلا menu  کجا قرار بگيره . ليست اخبار يا مطالب يا محصولات و ... و نهايتا چيدمان سايت رو ميتوني مشخص کني . خوب 2 راه براي اسکچ دستي هست.
اينکه همونجا زمان عقد قراردادت يک کاغذ برداري و اسکچ رو بکشي و همونجا به نتيجه برسي. خوب اين يک مقدار کلاس کارت رو ممکنه پايين بياره چون يا وقت زيادي رو ازت ميگيره يا اينکه طرح نهايي خيلي جذاب و زيبا نخواهد شد.
راه دوم اينه که با يکي از نرم افزار ها مثل  Photoshop يا وب سايت هايي مثل wireframe يا ... زماني که فرصت داري بشيني و مثلا  20 تا 30 طرح بزني و کارفرما رو مجاب کني که يکي از اونها رو انتخاب کنه.اين مرحله واقعا مهمه و لطفا اگر ميخواي مشکلي واست پيش نياد حتما اين مرحله رو انجام بده
هرچند تمام طراح هاي وب سايت اين تجربه رو دارن که کارفرما ها حتي نظري رو که تاييد کردن و امضا هم کردن باز تغيير ميدن و باعث ميشن يه طراح سايت کارش عقب بيفته و کلي تغيير مجدد اعمال کنه ، حالا شما فرض کن اين مرحله رو حذف کنيم و انتظار داشته باشيم وب سايتي که در نهايت ايجاد ميشه همون چيزي باشه که کارفرما اونو ميخواد ! به نظر شما چند درصد به نتيجه ميرسه و شما ميتونيد ذهن کارفرما رو بخونيد و دقيقا همون وب سايتي که ميخواد رو بهش بديد ؟
مرحله دوم :طرح گرافيکي
طرح گرافيکي
خوب نيازه که اون طرح دستي خودتو تبديل کني به قالب گرافيکي با يکي از نرم افزار هاي  Photoshop يا fireworks لازمه توي اين طرح خودت خيلي حساس باشي و رنگ ها و المان رو با حس گرافيکي خوبي در کنار هم بچيني چون اين طرح اولين برخورد کارفرما با  وب سايتش خواهد بود. لازمه خيلي جذاب و زيبا باشه.
 بهت پيشنهاد ميکنم توي اين کار يا خيلي تمرين کني يا اينکه حتما با يه گرافيست خوب همکاري کني که طرح گرافيکي وب سايت خوب از آب در بياد.مهمه که همه ابعاد و ... دقيق بشه. در انتهاي اين بخش يعني بعد از نهايي شدن طرح گرافيکي صفحه اصلي سايت لازمه با کارفرما جلسه بذاري  و اين قالب رو بهش نشون بدي تا اينکه اگر هم ويرايشي داره انجام بدي و نهايتا از کارفرما امضا بگيري که فايل نهايي کاملا اين شکلي خواهد شد.
مرحله بعدي که در واقع زير مجموعه همين مرحله هست اينه که براي بخش هاي اصلي ديگه هم فايل گرافيکي تهيه کني حالا بعضي از دوستان اون فايل رو به مشتري نشون ميدن و بعضي ها براي  رو ميزنن.البته توي اين مرحله لازمه که خيلي طرح ببينيد
استفاده کنيد تا بتونيد طرحي که ايجاد ميکنيد علاوه بر اينکه مورد پسند کارفرما شما هست وب سايتي به روز و زيبا باشه ، ضمنا لازمه توي اين مرحله کار طراحي قالب وب سايت با فتوشاپ رو هم خوب بلد باشيد و بتونيد يه طرح درجه يک با فتوشاپ بزنيد که اگر اين مورد رو خوب بلد نيستيد و حس ميکنيد لازمه توش مهارت کسب کنيد نگران نباشيد دوره هايي رو در همين زمينه در آکادمي آي تي تهيه کرديم که به زودي در وب سايت با هزينه بسيار کمي براي شما دوستان عزيز قابل دسترس خواهد بود.
مرحله سوم : شروع کد نويسي قالب
کد نويسي قالب
توي اين مرحله وظيفه شما به عنوان يک طراح سايت اينه که با استفاده از Html، Css، JavaScript و Jquery به طور کامل قالب سايت رو بر اساس طرح گرافيکي تائيد شده کارفرما پياده کني و هيچ تفاوتي با طرح گرافيکي از لحاظ  ابعاد و رنگ و افکت و ... نداشته باشه.
 باز هم ميتوني توي اين مرحله قالب رو به کارفرما نشون بدي يا اينکه کارت رو ادامه بدي اما حتما بعد از پياده سازي کامل قالب جلسه اي با کارفرما بذار و تائيديه قالب سايت رو ازش بگير.
لازمه توي اين مرحله اصول سئو قالب يا همون مواردي که توي فايل رازهاي طلايي بهينه سازي سايت  در بخش on site  يا بهينه سازي قالب مواردي رو گفتم که بايد اونها رو رعايت کني.
خوب از لحاظ کاري هم بهتره که توي اين بخش خيلي ماهر باشيد و وب سايتي کاملا استاندارد و زيبا با استفاده از آخرين تکنولوژي ها ايجاد کنيد تا نمونه کارهاي خوبي داشته باشيد و بعد از گذشت يه مدت خود اين کارهاي خوب و زيبا براي شما جذب مشتري بکنه و کمتر نياز باشه براي گرفتن کار جديد هزينه هاي تبليغات و ... بديد . به نظر من هر کار خوب ميتونه واسه شما حکم يک بازارياب خوب رو داشته باشه .
مرحله چهارم :برنامه نويسي سرور سايد
کد نويسي سرور سايد
پياده سازي بخش سرور سايد سايت هست که بايد با يکي از زبانهاي سرور سايد مثل php , Asp  يا ... انجام بشه اين مرحله هم درسته که توسط کاربر قابل ديدن نيست و فقط صحت عملکرد اون هست که براي کاربران مهمه اما اصل کار شماست و حتما بايد توي اين مرحله کار رو خيلي دقيق و بدون نقص انجام بدي و همه جوانب کار رو در نظر بگيري.
توي اين بخش لازمه واقعا مهارت داشته باشي و کاملا به روز باشيد و کارتون حرفه اي باشه . مثلا حتما برنامه نويسي رو با مدل MVC و ترجيحا يک فريم ورک مناسب کاملا حرفه اي ياد بگير چرا که سهولت کار و امنيت وب سايت و... به همين بخش بستگي داره .
البته ميتونيد توي اين مرحله از سيستم هاي مديريت محتوا رايگان مثل وردپرس و جوملا و ... استفاده کنيد تا کار سريعتر پيش بره البته حتما به اين نکته توجه داشته باشيد که اصولا نميتونه خيلي گرون باشه مگر در شرايط خاص و مزايا و معايب خودش رو داره .
مرحله پنجم :کنترل کيفيت
کنترل کيفيت سايت
يکي از مهمترين مرحله هاي طراحي وب سايت همين مرحله کنترل کيفيت هست که بايد خودت رو در جاي کارفرما و مشتري قرار بدي و همه بخش هاي سايت رو تست کن و اگر ايراد يا باگي توي کارت وجود داره خودت اونو پيدا کني . اين مرحله خيلي خيلي در نظر کارفرما نسبت به شما تاثير داره. حتما انجامش بده و حتي از تعدادي از دوستات هم بخواه که اين کار رو انجام بدن و مراحل کار رو به عنوان يک مشتري و user تست کنن.
خوب در پايان بدون سختي زياد شما يک وب سايت ايجاد کردي که توي اين پروسه نه خودت خيلي اذيت شدي و نه کارفرما.مي خوام بهت تضمين بدم که هر راهي به جز اين مسير هم براي خودش به عنوان طراح سايت هم براي کارفرما اين مسير خيلي اذيت کننده و مخرب خواهد شد.