طراحي سايت

15 نكته كليدي مهم در طراحي وب سايت

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

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

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

  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. واكنش گرا

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

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

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

 


برچسب: ،
ادامه مطلب
امتیاز:
 
بازدید:
+ نوشته شده: ۲۶ تير ۱۳۹۷ساعت: ۰۳:۱۷:۳۴ توسط:سارا راد موضوع: