طراحی سایت

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

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

بنابر این در اینجا سعی کرده ایم تا مفیدترین نکات کلیدی در مورد طراحی یک وب سایت حرفه ای را بیان کنیم که امیدوارم برای شما ایده بخش و تاثیرگذار باشد.

  1 - اهداف و محتوای وب سایت

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

2 - ساختار و طرح اولیه سایت

بهتر است که در ابتدای کار و بعد از تعیین اهداف اصلی سایت ، یک طرح اولیه یا به قولی اسکچ ( sketch ) وب سایت را بر روی یک تکه کاغذ ترسیم کنید تا نحوه چیدمان اولیه سایتتان را پیدا کنید . در واقع این کار باعث می شود تا یک ذهنیت ابتدایی و یک درک کلی از ساختار سایت و نحوه قرارگیری عناصر سایت در کنار هم را به سادگی و بدون طراحی بر روی کاغذ بیاورید و این کار شما را در طراحی بسیار راحتتر خواهد کرد و می توانید به راحتی ترسیم های مختلفی را داشته باشید تا در نهایت به شکل و ساختار دلخواهتان دست پیدا کنید.

3- استاندارد طراحی سایت

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

4- رنگ آمیزی وب سایت

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

5- گرافیک و رابط کاربری وب سایت

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

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

6-نگارش متون و نوشته ها

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

7-تصاویر در وب سایت

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

8-فلش و اسکریپت در وب سایت

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

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

9-ساختار لینک ها در وب سایت

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

10-تبلیغات در وب سایت

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

11-سرعت لود و بارگذاری وب سایت

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

12-بهینه سازی و سئو وب سایت

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

13-بهینه سازی برای مرورگرها

در هنگام طراحی سایت باید مطمئن شوید که سایت شما با تمام مرورگرهای جدید و قدیم سازگار باشد. مثلا در ایران رسم است که سایت ها را برای مرورگرهای اکسپلورر 6 تا 9 و فایرفاکس و کروم و اپرا تنظیم می کنند. هیچ وقت سایت خود را فقط برای یک یا دو مرورگر تنظیم نکنید که کاربرانی که با مرورگرهای مختلف در سایت شما وارد می شوند را از دست خواهید داد.

14-سادگی وب سایت

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

15-تحلیل کاربران وب سایت

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

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

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

اول اینکه بگم طراحی سایت به این معنی نیس که ما با این نکات طراح سایت حرفه و.. بشیم

دوستن بعد از خرید هاست و دامین باید به فکر طراحی سایت باشند اما نکتی داره که باید توجه کنید

 اشتباهات مرسوم در طراحی وب سایت

1.رنگ بندی 

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

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

2.سایز و نوع فونت

یکی دیگر از نکات مهم در طراحی سایت استفاده از فونت خوانا با اندازه مناسب است.

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

3.منو ها و مسیریابی

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

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

شما باید کوتاه ترین مسیر را برای دسترسی کاربر به مطالبتان هنگام طراحی سایت در نظر بگیرید.

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

4.عکس ها

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

1.      تصاویر برای استفاده به هنگام طراحی سایت باید خوب و با حجم کم انتخاب شوند تا باعث کاهش سرعت سایت شما نشود. توجه کنید که سرعت سایت یک فاکتور مهم در سئو و بهینه سازی سایت شما است که باید از ابتدای کار طراحی سایت همه جوانب را در نظر بگیرید.

2.      سایز تصاویر هم باید متناسب با مطلب شما انتخاب شود. برای یک مقاله یک تصویر با اندازه متوسط (600X400) کافی است و برای منو ها و لوگوی سایت از تصاویر با سایز کوچک هنگام طراحی سایت استفاده کنید. استفاده از تصاویر بیش از حد بزرگ در مطالب باعث سنگین شدن صفحات سایت و در نتیجه کاهش سرعت بارگذاری سایت میشود.

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

5. لود سایت

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

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

نکات مهم در سرعت وب سایت

1.استفاده حداقل از Java و CSS به هنگام طراحی سایت 

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

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

2.استفاده استاندارد از مولتی مدیا به هنگام طراحی سایت 

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

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

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

6. واکنش گرا

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

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

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