قواعد طراحی سایت

”اصول و قواعد طراحی سایت“

در این مقاله می خوانید :

اصول و قواعد طراحی سایت

با توجه به روی آوردن کسب و کارها به سمت طراحی سایت،  طراحان وب سایت و شرکت ها در این زمینه بسیار افزایش یافته اند. اما آن هایی موفق بوده اند که با رعایت اصول کلی طراحی وب و کسب و کار پیش رفته اند. در این دوره که تعداد سایت ها روزانه افزایش می یابد، وب سایت هایی که از قواعد و اصول طراحی پیروی میکنند، چندین پله از رقیبان خود موفق تر خواهند بود.

وب نگاران پارسه با سال ها تجربه موفق در زمینه طراحی انواع وب سایت های فروشگاهی و، شرکتی و … با رعایت اصول و قواعد مربوطه همواره پیشتاز بوده است. شما می توانید برای طراحی و یا باز طراحی وب سایت خود روی ما حساب کنید و نیز برا آگاهی از قیمت طراحی سایت با در تماس باشید. 02166928787

قواعد طراحی سایت

 

بررسی کلی شرایط

 رنگ بندی : گام بعدی در طراحی سایت توجه به رنگ بندی سایت است. سایتهای خبری و رسمی معمولا از رنگ های سنگین و تیره استفاده میکنند چون بیشتر محتوی آنها شامل متن است و کاربر هنگام مطالعه اینگونه سایتها خسته نمیشود. اما سایتهای فروشگاهی و خدماتی از رنگ های تند و با کنتراست بالا استفاده میکنند چون هدف این سایتها جذب مشتری و افزایش فروش است. پس باید در انتخاب نوع رنگ سایت نیز دقت کافی داشته باشید.

برای هر سایت از ترکیب ۲ تا۳ رنگ مختلف استفاده کنید. استفاده از رنگهای بیشتر از این باعث شلوغ سایت خواهد شد.
 لوگو : تمام سایتها شخصی و تجاری باید از یک لوگو برای معرفی نام و برند خود استفاده کنند. یک لوگو در ذهن کاربر ثبت میشود و هر جا که لوگوی شما منتشر شده باشد بازدید کنندگان را به یاد شما می اندازد.پس حتما در طراحی سایت از یک لوگوی زیبا در قسمت بالایی سایت استفاده کنید.

رنگ متن : بهتر است رنگ متن سایت مشکی با پس زمینه سفید باشد. در این صورت کاربر هنگام خواندن متن دچار خستگی چشم نمیشود و میتواند مقالات شما را کاملا مطالعه کند. استفاده از رنگ های تند برای متن سایت باعث میشود کاربران سایت شما را ترک کنند.

 امنیت کدنویسی : در کدنویسی قالب سایت باید دقت کنید تا راهی برای نفوذ هکرها وجود نداشته باشد.اکثر سایتهایی که توسط یک نفر کدنویسی میشوند دارای باگ هستند. پس سعی کنید قبل از راه اندازی سایت از دوستان متخصص خود کمک بگیرید و بخواهید کدهای سایت شما از لحاظ آسیب پذیری و نفوذ بررسی کنند.

نظم و برنامه ریزی : طراحی سایت برای شما یک پروژه است و برای هر پروژه باید برنامه ریزی وجود داشته باشد. از مرحله تحقیق تا تحویل پروژه و بخش های بعدی.باید برای تک تک این کارها برنامه ریزی داشته باشید و طبق آن پیش بروید. با این کار دیگر چیزی هم از قلم نمیافتد و پروژه تا انتها درست پیش میرود.

بخش بندی سایت : برای زیبا تر شدن ظاهر سایت سعی کنید صفحات آن را به بخش های مختلف تقسیم کنید و در هر بخش نوع خاصی از مطالب قرار بگیرد. به عنوان مثال میتوانید از ستون های کناری برای قرار دادن تبلیغات , لینک دوستان, فرم ثبت نام و … استفاده کنید. از بخش بالایی سایت هم برای قرار دادن لوگو و منو های سایت استفاده کنید. این کار باعث افزایش رضایت کاربر از سایت شما میشود

سادگی : قالبی که طراحی میکنید باید ساده ولی کامل باشد. یک طراحی ساده همیشه زیبا و برای همه قابل فهم است و در عین حال میتواند به بهترین وجه ممکن موضوع را به کاربر منتقل کند.

تکنولوژی : برای طراحی سایت تا جایی که میتوانید از جدیدترین تکنولوژی های برنامه نویسی تحت وب مانند : Html 5 , Jquery ,bootstrap و این دست فریم ورک ها استفاده کنید که قابلیت های فراوانی در اختیار شما قرار میدهد و امنیت بیشتری هم دارد. برای آشنایی بیشتر به مقاله تاریخچه طراحی سایت مراجعه کنید.

خاص بودن : قالبهای رایگان فراوانی در بازار وجود دارد که میتوانید از آنها برای سایت خود استفاده کنید اما فکر کرده اید چند نفر مثل شما از همان قالب استفاده کرده اند و سایت شما ممکن است از نظر کاربر تکراری باشد.همچنین این قالب های رایگان و قفل شکسته که در اینترنت به وفور یافت میشوند پر از مشکلات ظاهری و فنی هستند.

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

تجربه کاربر User Experience

سرعت سایت : باید دقت کنید صفحات سایت سبک باشد و در کمتر از ۵ ثانیه برای کاربر نمایش داده شود. اگر بیشتر از این زمان طول بکشد اکثر کاربرها با زدن دکمه برگشت به سراغ سایت بعدی میروند و در حقیقت نرخ پرش سایت شما افزایش یافته است.

واکنش گرا : در طراحی سایت باید دقت کنید که حتما قالب واکنش گرا باشد زیرا امروزه اکثر افراد با تلفن همراه و تبلت و حتی تلویزیون های هوشمند وب گردی میکنند پس یابت شما باید بتواند با هر دستگاهی و هر سایز صفحه نمایش هماهنگ شود. اگر قالب فعلی سایت این قابلیت را ندارد مقاله آموزش واکنش گرا کردن قالب وردپرس راهنمای خوبی برای شما خواهد بود.

 منو ها : بخش بسیار مهم سایت منو ها هستند که بازدیدکنندگان با کمک آنها میتوانند به راحتی به بخش مورد نظر خود هدایت شوند. صفحات مهم سایت را در منوی اصلی سایت در بالای سایت قرار دهید و باقی صفحات را به منو های ثانویه و ستون های کناری سایت منتقل کنید.

 اسکرول : سایت شما باید قابلیت اسکرول به پایین را داشته باشد. اما نباید در موبایل و تبلت نیازی به اسکرول به چپ و راست داشته باشد.

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

حذف بخشهای اضافی : در ابتدای طراحی سایت شما بخشهای مختلفی برای قالب خود قرار میدهید ولی بعد از قرار گرفتن قالب روی سایت و بررسی رفتار کاربران متوجه میشوید که بعضی بخش ها اصلا استفاده نمیشود و فایده ای برای سایت ندارند پس میتوانید آنها را حذف کنید و سایت خود را سبک تر کنید.

دکمه های مهم : در تمام سایتها دکمه های وجود دارد مانند : دکمه خرید , ثبت نام در خبرنامه , دانلود محصول و …. که این دکمه ها باید با رنگ بندی خاصی مشخص شود تا توجه کاربر جلب شود و همچنین این دکمه ها باید سایز بزرگتری داشته باشد.

خوانایی : متن سایت باید با یک فونت استاندارد و خوانا مشخص باشد. فونتی که بر روی تمامی نمایشگر ها بصورت خوانا قابل دیدن باشد و مطالعه آن باعث خستگی چشم نشود.

 شفاف سازی : باید در سایت از خود اطلاعاتی به کاربر بدهید و خودتان و سابقه فعالیت هایتان را بصورت شفاف معرفی کنید. با این کار اعتماد کاربر بیشتر میشود و بهتر میتواند از خدمات شما استفاده کند.

 آماده سازی : کاربران ورودی سایت را مستقیما به صفحات فروش محصول هدایت نکنید . بلکه اول اطلاعاتی به او بدهید و ذهنیت او را برای خرید آماده کنید. بعد در مرحله آخر او را به صفحات ویژه فروش هدایت کنید.

لینک سالم : تمامی لینک های سایت را بررسی کنید تا مطمئن شوید که سالم هستند و لینک شکسته در سایت وجود ندارد.

متن لینک : متنی برای لینک خود انتخاب کنید که کاربر قبل از کلیک رو آن متوجه موضوع آن لینک بشود. بجای اینکه کلمه اینجا کلیک کنید را لینک کنید میتوانید یک کلمه که مرتبط با صفحه مورد نظر است را لینک کنید که کاربر متوجه شود به چه صفحه ای هدایت خواهد شد.
 لینک خارجی : تمامی لینکهای که از سایت شما به سایتهای دیگر داده میشود باید در پنجره جدید باز شود. این کار در کاهش نرخ پرش بسیار موثر است.

فرم ها : اگر در سایت خود فرم ثبت نام و خرید و …. دارید سعی کنید تا حد ممکن آنها را مختصر کنید و سوالهای اضافی از کاربر نپرسید. همچنین اگر میتوانید کدهای Captcha را از فرم های خود حذف کنید.

 پر شدن خودکار : فرم های سایت شما باید این قابلیت را داشته باشند که بصورت خودکار توسط مرورگر کاربر پر شوند.

دادن تاییدیه : وقتی یک کاربر در سایت شما فرمی را پر میکند باید در انتها پیغام مناسبی به او نمایش داده شود که کاربر بفهمد فرم با موفقیت ارسال شده یا خیر که متاسفانه بسیاری از طراحان این نکته را فراموش میکنند.

 اطلاعات تماس : برای اعتماد سازی هرچه بیشتر سعی کنید در کنار تمامی فرم های سایت خود اطلاعات تماس را هم منتشر کنید که اگر به هر دلیلی کاربر نتوانست از طریق آن فرمها به خواسته خود برسد . بتواند به صورت مستقیم با شما در ارتباط باشد.

محتوی Content

 تعداد صفحات : در طراحی سایت نیازی نیست که صدها صفحه برای یک سایت ایجاد کنید بلکه میتوانید در چند صفحه اصلی سرویس ها و کالای خود را معرفی کنید به این ترتیب مدیریت آن برای شما راحت تر خواهد بود و کاربر هم سریعتر به هدف خود میرسد.

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

محتوی همه چیز است : اگر هدف بلندمدت برای موفقی در فضای اینترنت دارید باید روی تولید محتوی تمرکز کنید.در میانه میلیونها سایت اینترنتی فقط یک محتوی خوب و کاربردی میتواند در نتایج جست و جو جایگاهی داشته باشد.

 اسپم : هرگز افرادی که در خبرنامه سایت شما عضو هستند را با مطالب بیمورد و تبلیغات اسپم نکنید.

 تصاویر: در یک متن طولانی یا توضیح یک موضوع تخصصی انتشار یک تصویر مناسب میتواند به اندازه صدها خط توضیح در انتقال مفاهیم موثر باشد.

 ویدئو ها : برای مطالب آموزش از ویدئو استفاده کنید و این کار تا حد بسیار زیادی نرخ تبدیل کاربران را افزایش میدهد.

 به روز رسانی : یک سایت راکد و بدون فعالیت هیچ کاربری نخواد داشت و جایگاهی در نتایج هم ندارد.پس باید در فواصل زمانی منظم سایت خود را آپدیت کنید.

 وبلاگ : یکی از مهمترین بخش های سایت است که مقالات شما در آن قرار میگیرد و میتوانید اطلاعات مهم در مورد محصولات را در آن قرار دهید.

 شبکه های اجتماعی : بخش بسیار مهمی از ترویج و جذب کاربر به سایت بر عهده شبکه های اجتماعی است که به شما کمک میکند به صورت رایگان خودتان را به میلیونها کاربر از سراسر جهان معرفی کنید. البته باید دقت کنید تا اشتباهات رایج در شبکه های اجتماعی را مرتکب نشوید.

هدفمندی : اگر سایت شما جنبه عمومی ندارد و کالای خاصی ارائه میکنید پس فقط به دنبال جذب کاربران هدف خود باشید تا نتیجه بهتری بگیرید.

 گرامر : باید دقت کنید که در متن شما غلط املایی و گرامر وجود نداشته باشد تا کاربر دچار چند فهمی و اشتباه نشود.

 برتر بودن : در دنیای پر رقابت سایتهای اینترنتی فقط به بهترین بودن و رتبه اول نتایج گوگل فکر کنید.

صفحات فرود : برای فروش کالاهای خود صفحات فرود Landing page طراحی کنید و به طور خلاصه امتیازات مثبت محصول خود را در ان منتشر کنید.

سئو : یک بخش بسیار مهم در طراحی سایت قابلیت سئو بودن آن قالب است. یعنی قالب برای موتورهای جست و جو از نظر کدنویسی بهینه باشد تا بتواند رتبه خوبی کسب کند.

رتبه بندی : سایت شما باید در نتایج جست و جو رتبه خوبی داشته باشد که بتوانید فروش بیشتری داشته باشید.همه در حال تلاش هستند تا به صفحه اول نتایج گوگل دست پیدا کنند. در رتبه بندی گوگل این صفحات سایت شما هستند که به شما رتبه میدهند نه خود سایت

توسعه Development

 سیستم مدیریت محتوی : بجای ساعتها برنامه نویسی و ایجاد یک سایت از صفر میتوانید از صدها سیستم مدیریت محتوی موجود در اینترنت نظیر: وردپرس , جوملا و … استفاده کنید.

امنیت کاربران : وقتی شما قصد فروش کالایی به کاربران دارید پس تامین امنیت روند خرید و فعالیت کاربران در سایت بر عهده شماست.

پاداش : اگر فرم ثبت نامی در سایت دارید در مقابل این ثبت نام و اعتماد کاربران برای آنها پاداشی در نظر بگیرید. مانند یک کتاب الکترونیکی یا یک کد تخفیف

مطالعه : سعی کنید همیشه در موضوع سایت خود آگاه باشید و با مطالعه و تحقوق از آخرین اخبار مطلع شوید.

انتقال تجربیات : در محتوی سایت خود از تجربیات گذشته خود بنویسید و کاربران را از آنچه به سختی یاد گرفته اید مطلع سازید.

 برون سپاری : در طراحی سایت اگر تخصص و زمان کافی در اختیار شما نیست میتوانید از طریق برون سپاری آن پروژه را به یک شخص متخصص بسپارید.

رعایت اصول : رعایت اصول برنامه نویسی و بخش بندی های سایت یک بخش مهم در طراحی سایت است

 سرعت سایت : که میتوانید با خرید هاست مناسب و همچنین استفاده از یک سرویس CDN تا حد زیادی سرعت سایت را افزایش دهید.

تصاویر مرتبط : سعی کنید تا جای ممکن از تصاویر مرتبط با موضوع سایت در طراحی سایت استفاده کنید.

متن بیش از حد : اگر مقالات سایت شما طولانی هستند سعی کنید آنها را به چند بخش تقسیم کنید و با پراگراف بندی و استفاده از تگ های H1 . H2 مطالب مهم را مشخص کنید.

کدهای اضافی : بعضی کدهای زیباسازی که در طراحی سایت استفاده میشود مانند : خوش آمدگویی هنگام ورود کاربر , پرسیدن سن و تاریخ تولد , خداحافظی هنگام خروج کاربر و ….. اینگونه کدها دیگر منسوخ شده اند و بهتر است از سایت حذف شوند.

 فوتر سایت : بخش انتهایی سایت که به آن فوتر گفته میشود محل خوبی برای قرار دادن لینک دوستان و همچنین لینک بخشهای اصلی سایت است.

آینده سایت Future

 رفع مشکلات : از کاربرهای سایت بخواهید که اگر مشکلی در سایت وجود دارد حتما به شما خبر بدهند و هرچه سریعتر ان مشکل را رفع کنید.

آنالیز رقبا : سایتهای همکار خود را بررسی کنید و از نقاط قوت آنها برای بهبود سایت خود استفاده کنید.

راهنما باشید : در دنیای اینترنت امروز فقط سایت هایی موفق هستند که با دادن اطلاعات جامع و کاربردی به کاربران بتوانند رتبه خوبی در نتایج گوگل داشته باشند.

 فعال باشید : مهم نیست چقدر از سایتهای رقیب عقب هستید با سعی و تلاش میتوانید در زمان کوتاهی جایگاه خود را پیدا کنید.

همگام سازی : در طراحی سایت باید دقت کنید که سایت شما قابلیت گسترش داشته باشد و بتواند با تکنولوژی های آینده تطبیق پذیری پیدا کند.

نبایدها در طراحی سایت
فلش : استفاده از فلش در طراحی سایت و زیباسازی آن بسیار موثر است اما نباید در این کار زیاده روی کرد چون باعث کند شدن سایت و سنگینی صفحات میشود.

پاپ آپ : هیچکس علاقه ای به این پنجره های مزاحم ندارد.پس از پاپ آپ در هیچ جای سایت استفاده نکنید.

پخش اتوماتیک : اگر در سایت خود از فیلم و صدا استفاده میکنید حتما برای آن دکمه پخش و توقف قرار دهید و قابلیت پخش اتوماتیک را از روی آن حذف کنید.

تبلیغات : همه سایت ها برای ادامه دادن و کسب درآمد از تبلیغات در سایت استفاده میکنند. اما باید تعادل را حفظ کنید و با تبلیغ بیش از حد باعث آزاد کاربران نشوید.

 اسلاید شو : یک بخش دیگر در طراحی سایت ایجاد اسلاید شو است. با کمک اسلاید شو میتوانید مطالب مهم و اصلی سایت را به کاربران نمایش دهید اما دقت کنید که این اسلاید شو ها زمانبندی مناسبی داشته باشد که برای کاربر قابل دیدن باشد و کاربر بتواند در صورت نیاز روی آن کلیک کند.

 تکنولوژی های منسوخ : اگر مدتهاست از طراحی سایت شما گذشته و سایت شما قدیمی شده بهتر است به فکر طراحی یک قالب نو باشید و از تکنولوژی های جدید برنامه نویسی تحت وب در آن استفاده کنید.

تصاویر متحرک : استفاده از تصاویر متحرک یا Gif سالها پیش در طراحی سایت مرسوم بود اما دیگر جایگاهی ندارد و خوب نیست که زیاد از این تصاویر در سایت استفاده کنید.

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

 زیرخط : استفاده از زیرخط هم باید به اندازه لازم باشد. کلمات مهم و لینک ها را زیرخط دار کنید و نیازی نیست کل متن به صورت زیرخط دار باشد چون باعث اذیت شدن کاربر و ناخوانایی متن میشود.

به این مطلب امتیاز دهید

برای دریافت مشاوره رایگان و استعلام قیمت، همین الان شماره خود را وارد کنید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

پشتیبانی آنلاین!