طراحی سایت تجاری: مراحل و فرایند کار
احتمالا الآن آماده اید که سایت جدیدتونو راه بندازید یا حداقل دارید بهش فکر می کنید که سر از اینجا درآوردید. پس بیاید این پسر بد رو طراحی کنیم! قبل از اینکه کامپیوترتونو روشن کنید و رمز عبورشو بدید، یه قدم به عقب برگردید و گروهتونو جمع کنید، یه قلم و کاغذ بردارید و حتی اگه یه طراح گرافیکی هم دارید میتونید ازش بخواهید که برای طراحی سایتتون بیاد! بهتره از اول و قبل از شروع کار همه چیزو چند باره بررسی کنید که در عمل مجبور نشید چند باره انجامشون بدید. پس یه بار طراحی کنید، یه بار بازطراحی کنید و بعد کدنویسی رو آخر سر انجام بدید.
پیشنهاد می کنم برای اینکه با هر کدوم از این مراحل بیشتر آشنا بشید، مقاله های قبلی سایت سئو و طراحی سایت دارکوب رو مطالعه کنید. و اگه تو هر مرحله به مشکلی برخوردید از آقای احمد بالوی پور و همکارانشون در طراحی سایت دارکوب کمک بگیرید.
به ظاهر اگه یک راست برید سراغ کدنویسی، کمتر وقتتون گرفته میشه و خیلی راحتتر هم هست. اما اگه مجبور باشید بعد از اینکه سایتو دیدید بعضی چیزها رو دوباره تغییر بدید، برعکس میشه.
با اسکلت سایت شروع کنید و اول چارچوب اصلی سایت رو درست کنید.
یه نقشه سایت درست کنید با جزئیات (شامل اینکه چه فهرست هایی داشته باشید و فهرست ها چه زیرمجموعه هایی داشته باشند – جهت یابی ها رو مشخص کنید)
زیر هر کدوم از گزینه های فهرست یه آبشار باز کنید و مشخص کنید که هر صفحه باید کجا باشه. زیبایی این نقشه اهمیتی نداره، به جزئیات باید بیشتر توجه کنید.
بعد از اینکه اسکلت سایت رو آماده کردید، وقتشه که وارد کارهای هنری بشید. از یه هنرمند کمک بگیرید و ظاهر بصری سایت رو طوری طراحی کنید که برای مخاطب دلچسب باشه. فقط یادتون باشه سایت باید در عین زیبایی، کاربردی هم باشه.
طراحی سایت ها بر حسب موضوع با هم متفاوته. قطعا نباید از لحاظ ظاهری یه سایت بدنسازی و پرورش اندام شبیه یه سایت پزشکی باشه. هر سایتی باید بتونه انعکاس دهنده نوع کارش باشه. سایت رو طوری بسازید که مطلوب مخاطب شما باشه. ضمنا یادتون نره جهت یابی ها رو طوری درست کنید که راحت بشه تو سایت چرخید و هر چیزی رو پیدا کرد.
تحقیقاتی که انجام شده نشون میدن که کاربر ظرف 15 ثانیه ظاهر سایت رو ارزیابی می کنه و تصمیم میگیره که بمونه یا صفحه رو ببنده. پس خیلی مهمه! اگه چند تا تب داشته باشید و فهرست هاتون طویل و دراز باشن، زیاد خوشایند نیست. معمولا کاربرها ظاهر ساده با یه جهت یابی راحت رو ترجیح میدن.
قدم بعدی اینه که یه سیستم مدیریت محتوا (CMS)ی خوب انتخاب کنید. اینجا باید خیلی دقت کنید. چیزی انتخاب کنید که کار باهاش راحت باشه و تا حد ممکن بشه کارهای کوچیک رو بدون کدنویسی (یا با حداقل کدنویسی) انجام داد. فرم سازهاش راحت باشه، قابلیت ذخیره خودکار، کشیدن و رها کردن (drag & drop) و جمع آوری داده داشته باشه و بشه چند کاربر براش تعریف کرد. پیشنهاد من وردپرس یا HubSpot. میتونید مقاله های قبلی دارکوب راجع به مقایسه دروپال و وردپرس و جوملا رو بخونید.
نکته آخر اینکه ممکنه بعضی از بخش های سایتتون دقیقا مشابه طراحی های اولیه نشن. احتمالا با یکم اطلاعات حرفه ای تر از HTML و CSS میشه حلش کرد. بعضی از سیستم های CMS کدنویسی خودکار CSS هم دارن. مثلا Adobe Dreamweaver به صورت خودکار از طریق یه ویژگی که به عنوان عناصر Bootstrap شناخته شدند میتونه کدهای CSS بنویسه.
برای بررسی کامل برنامه نویسی سایتتون وقت بذارید. بعضی از مشکلات کوچیک میتونن یه سایت رو از هم بپاشونن. تمام جزئیات کوچیک رو هم در نظر بگیرید و ظاهر سایتتونو رو دستگاه های مختلف چک کنید. یادتون نره سایتون برای تبلت و گوشی های هوشمند هم فرمت کنید. اگه سایت با گوشی های هوشمند سازگار نباشه از طرف گوگل نشاندار میشه و خزنده هاش سایت رو بررسی نمی کنن. در نتیجه بخش وسیعی از سئوی سایتتونو از دست میدید. اگه هنوز هم سوالی درباره مراحل توسعه سایت دارید میتونید با کارشناسان ما در گروه طراحی و توسعه سایت دارکوب تماس بگیرید و از مشاوره هاشون بهره مند بشید.
- ۹۶/۰۹/۰۴