آبجی
4th October 2009, 02:18 PM
http://pcmag.persiangig.com/image/Pcmagblog/Web%20Design/web-design.jpg
به نظر شما چه تعداد از وب سايتهاي موجود، اصول طراحي حرفه اي را رعايت كرده اند؟
به جرات مي توان گفت در بيش از 70 درصد وب سايتها چنين اصولي مورد توجه قرار نگرفته است.
در اين مقاله به نكاتي اشاره مي شود كه توجه به آنها در بالا بردن كيفيت سايتهاي اينترنتي نقش بسزايي دارند.
* سرعت بارگذاري (load) صفحات : از مهمترين نكات در طراحي وب توجه به سرعت بارگذاري (load) صفحات سايت است كه علي رغم اين اهميت، كمتر به آن توجه مي شود. با استفاده از تكنيكهاي برنامه نويسي و طراحي وب، سرعت بارگذاري صفحات را تا حد امكان افزايش دهيد. دقت داشته باشيد كه اكثر كاربران، تحمل زيادي ندارند.
* پر رنگ كردن كلمات كليدي : در مقالات و متون طولاني قرار گرفته در سايت، كلمات و عبارات كليدي را پر رنگ كنيد. با اين كار به كاربران اجازه مي دهيد بدون مطالعه ي كل مطلب، يك طرح كلي در مورد آن در ذهن خود ترسيم كند.
* استفاده از متدهاي جديد : هميشه سعي كنيد از جديدترين شیوه های طراحي سايت استفاده كنيد. بسياري از روشهاي قديمي ساخت سايت ديگر مناسب نيست. براي مثال استفاده از فريم ها (Frames) ، اكتيوايس ها (ActiveX) ، اپلتهاي جاوا (JAVA Applets) و ... اگرچه در بسياري از مواقع جوابگوي نيازهاي برنامه نويسان (طراحان) سايتها است ولي استفاده از آنها ديگر توصيه نمي شود.
* كد نويسي بدون اشتباه : در نوشتن كدهاي HTML از نرم افزارهاي ساخته شده براي اين منظور استفاده كنيد. استفاده از نرم افزارهايي چون Macromedia Dreamweaver باعث كاهش تعداد خطاهاي احتمالي در كدهاي ياد شده مي گردند.
* اعتبار سنجي سايت : پس از كد نويسي و طراحي سايت، معتبر بودن كدهاي نوشته شده را با استفاده از نرم افزارهاي مربوط به آن بررسي كنيد. براي مثال براي اعتبار سنجي كدهاي HTML و CSS به ترتيب از نرم افزارهاي آنلاين HTML-Validator (http://validator.w3.org/) و CSS-Validator (http://jigsaw.w3.org/css-validator/) استفاده نماييد.
* استفاده كمتر از فايلهاي فلش : انيميشن هاي فلش بسيار جذاب و زيبا هستند ولي زيبايي آنها هميشه نمايان نمي شود. بعضي از كاربران سايت شما ممكن است به علت نصب نبودن Flash Player امكان مشاهده ي تمامي بخش هاي سايت را نداشته باشند و در اين صورت در اغلب مواقع با يك كليك از سايتتان خارج مي شوند. علاوه بر اين استفاده بيش از حد از اين انيميشنها عمليات شناسايي سايت توسط موتورهاي جستجو (http://pcmagblog.blogfa.com/cat-26.aspx) را با مشكلاتي روبرو مي كند.
* استفاده كمتر از تصاوير حاوي عبارات كليدي : در سايت خود هيچ وقت از نوشته هايي كه به فرمت تصويري (عكس) ذخيره شده اند استفاده نكنيد. موتورهاي جستجو قابليت استخراج اين متون را ندارند.
* اطلاعات منحصر به فرد : از ميان معيارهاي موفقيت يك وبسايت، داشتن مطالب و اطلاعات مفيد از مهمترين اين معيارها به شمار مي رود. داشتن سايتي با اطلاعات منحصربفرد بهترين برگ برنده است. لذا سعي كنيد در وب سايت خود مطالب سودمند و غير تكراري قرار دهيد.
* عدم استفاده از موسيقي : استفاده از موسيقي تنها در وب سايتهاي مرتبط با علم موسيقي و شاخه هاي مرتبط با آن توصيه مي شود.
* عدم استفاده از پنجره هاي popup : استفاده از پنجره هاي popup نه تنها مفيد نيست بلكه باعث كم شدن تعداد بازديد كنندگان سايتتان مي شود. لذا از استفاده بي رويه از چنين پنجره هايي، جدا پرهيز كنيد.
* عدم استفاده مستقيم از فايلهاي pdf : درصورت ارائه مقالات و موارد مشابه آن، بطور مستقيم از فايلهاي pdf (http://pcmagblog.blogfa.com/cat-16.aspx) براي نمايش اطلاعات استفاده نكنيد. به علت پايين بودن سرعت اينترنت در ايران، توصيه مي شود مطالب مورد نظر خود را به صورت متون عادي (مشابه همين مقاله) سايت قرار دهيد. در صورت تمايل مي توانيد فايل pdf مربوط به مقاله ي مورد نظر خود را به صورت جداگانه براي دريافت (Download (http://pcmagblog.blogfa.com/cat-5.aspx)) توسط كاربران، قرار دهيد.
* قالب و طرح واحد : استفاده از قالبها و طرح هاي متفاوت براي قسمتهاي مختلف سايت ايده جالبي نيست. در طراحي صفحات مختلف، بخشهاي مشترك بين همه صفحات (مانند منوي اصلي و ...) را در محل ثابتي قرار دهيد.
* سازگاري با همه مرورگرها : اطمينان حاصل كنيد كه سايت شما در همه مرورگرهاي معروف همچون Internet Explorer ، FireFox و ... بدرستي به نمايش در مي آيد. همه كاربران از نرم افزار يكساني استفاده نمي كنند.
* سازگاري با هر رزولوشن : طراحي صفحات سايت را طوري انجام دهيد كه با هر رزولوشني به درستي كار كند. براي رسيدن به اين مقصود يا از مقدار دهي درصدي براي جداول استفاده كنيد و يا از عرض ثابت 780 پيكسل براي جدول اصلي صفحات سايت استفاده كنيد. كاربران علاقه اي به استفاده از ابزارهاي scroll افقي ندارند.
* تمايز بين لينكها و متون عادي : با استفاده از تكنيكهاي طراحي، بين لينكها و متون ديگر تمايز ايجاد كنيد. بدين منظور مي توانيد از كدهاي CSS استفاده كنيد.
* لينكهاي صحيح : هميشه سعي كنيد از سالم بودن لينكهاي موجود در وبسايتتان اطمينان حاصل كنيد. وجود لينكهاي خراب از نقطه ضعفهاي سايت به شمار مي آيد.
* استفاده مناسب از رنگها : به هنگام طراحي سايت از تركيب رنگهاي روشن استفاده كنيد. رنگهاي تيره خسته كننده هستند.
* توضيح براي تصاوير : براي همه تصاوير موجود در سايت خود توضيح قرار دهيد (با استفاده از مشخصه alt). بعضي مواقع به علل مختلف تصاوير استفاده شده در سايت، بارگذاري (load) نمي شوند. در اين حالت بازديدكننده سايت مي تواند با خواندن توضيحات، بدون مشاهده تصوير، از موضوع آن مطلع گردد.
* انتخاب عنوان مناسب : عناوين مناسب براي صفحات وب از مهمترين فاكتورها براي بهينه سازي نتايج جستجو در موتورهاي جستجو به شمار مي آيد. عنوان هر صفحه را با توجه به موضوع آن صفحه تعيين كنيد.
* به روز رساني (زنده بودن سايت) : از ديگر عوامل موفقيت يك سايت به روز رساني آن است. براي حفظ بازديد كنندگان سايت خود سعي كنيد سايت خود را به محلي متروكه تبديل نكنيد. حتي اگر مطلب مهمي براي ارائه كردن در سايت نداريد، با اضافه كردن يك خط نوشته به كاربران اطلاع مي دهيد كه اين سايت هنوز زنده است.
* عدم استفاده از علائم و عباراتي همچون "در دست ساخت" : در صورتي كه بخشي از وب سايتتان آماده نيست دليلي بر استفاده از علائم و نوشته هايي با مضمون "در دست ساخت" وجود ندارد. اكثر كاربران با مشاهده چنين پيغامها و علائمي، تصوير نامناسبي از سايت شما در ذهن خود مي سازند كه از بازديد مجدد آنها از وب سايت شما جلوگيري مي كند.
* ارتباط بين صفحات سايت : اگر سايتي با بيش از يك صفحه داريد (99 درصد مواقع همينطور هست) ، آنها را طوري طراحي كنيد كه كاربران با حداقل تعداد كليك بتوانند به ديگر صفحات مورد نظرشان منتقل شوند. به عبارت ديگر لينك صفحات اصلي و مرتبط را در همه صفحات سايت بگنجانيد.
* ارتباط با سايتهاي مرتبط : با سايتهاي مرتبط با زمينه ي فعاليت سايت خود ارتباط برقرار كنيد. در چنين ارتباطاتي نتايج سودمندي پنهان است.
* امكان جستجو : در صورت امكان قابليت جستجو در مطالب سايت را در همه صفحات قرار دهيد.
* خلاقيت داشته باشيد : كارها و ابتكارات نو در اغلب موارد نتيجه ي خوبي به دنبال دارند.
* استفاده از تجربيات ديگران : از سايتهاي مرتبط با موضوع سايت خود ايده بگيريد. اگرچه ابتكار و نوآوري بهتر است ولي استفاده از تجربيات ديگران كار اشتباهي نيست. ضمنا توجه داشته باشيد كه نظر شما هميشه بهترين نظر نيست.
* انتخاب مناسب قلم : براي متون فارسي بهترين قلم (فونت) Tahoma بوده و اندازه مناسب براي آن 10pt مي باشد. استفاده از متون با اندازه بزرگتر توصيه نمي شود.{happy}
به نظر شما چه تعداد از وب سايتهاي موجود، اصول طراحي حرفه اي را رعايت كرده اند؟
به جرات مي توان گفت در بيش از 70 درصد وب سايتها چنين اصولي مورد توجه قرار نگرفته است.
در اين مقاله به نكاتي اشاره مي شود كه توجه به آنها در بالا بردن كيفيت سايتهاي اينترنتي نقش بسزايي دارند.
* سرعت بارگذاري (load) صفحات : از مهمترين نكات در طراحي وب توجه به سرعت بارگذاري (load) صفحات سايت است كه علي رغم اين اهميت، كمتر به آن توجه مي شود. با استفاده از تكنيكهاي برنامه نويسي و طراحي وب، سرعت بارگذاري صفحات را تا حد امكان افزايش دهيد. دقت داشته باشيد كه اكثر كاربران، تحمل زيادي ندارند.
* پر رنگ كردن كلمات كليدي : در مقالات و متون طولاني قرار گرفته در سايت، كلمات و عبارات كليدي را پر رنگ كنيد. با اين كار به كاربران اجازه مي دهيد بدون مطالعه ي كل مطلب، يك طرح كلي در مورد آن در ذهن خود ترسيم كند.
* استفاده از متدهاي جديد : هميشه سعي كنيد از جديدترين شیوه های طراحي سايت استفاده كنيد. بسياري از روشهاي قديمي ساخت سايت ديگر مناسب نيست. براي مثال استفاده از فريم ها (Frames) ، اكتيوايس ها (ActiveX) ، اپلتهاي جاوا (JAVA Applets) و ... اگرچه در بسياري از مواقع جوابگوي نيازهاي برنامه نويسان (طراحان) سايتها است ولي استفاده از آنها ديگر توصيه نمي شود.
* كد نويسي بدون اشتباه : در نوشتن كدهاي HTML از نرم افزارهاي ساخته شده براي اين منظور استفاده كنيد. استفاده از نرم افزارهايي چون Macromedia Dreamweaver باعث كاهش تعداد خطاهاي احتمالي در كدهاي ياد شده مي گردند.
* اعتبار سنجي سايت : پس از كد نويسي و طراحي سايت، معتبر بودن كدهاي نوشته شده را با استفاده از نرم افزارهاي مربوط به آن بررسي كنيد. براي مثال براي اعتبار سنجي كدهاي HTML و CSS به ترتيب از نرم افزارهاي آنلاين HTML-Validator (http://validator.w3.org/) و CSS-Validator (http://jigsaw.w3.org/css-validator/) استفاده نماييد.
* استفاده كمتر از فايلهاي فلش : انيميشن هاي فلش بسيار جذاب و زيبا هستند ولي زيبايي آنها هميشه نمايان نمي شود. بعضي از كاربران سايت شما ممكن است به علت نصب نبودن Flash Player امكان مشاهده ي تمامي بخش هاي سايت را نداشته باشند و در اين صورت در اغلب مواقع با يك كليك از سايتتان خارج مي شوند. علاوه بر اين استفاده بيش از حد از اين انيميشنها عمليات شناسايي سايت توسط موتورهاي جستجو (http://pcmagblog.blogfa.com/cat-26.aspx) را با مشكلاتي روبرو مي كند.
* استفاده كمتر از تصاوير حاوي عبارات كليدي : در سايت خود هيچ وقت از نوشته هايي كه به فرمت تصويري (عكس) ذخيره شده اند استفاده نكنيد. موتورهاي جستجو قابليت استخراج اين متون را ندارند.
* اطلاعات منحصر به فرد : از ميان معيارهاي موفقيت يك وبسايت، داشتن مطالب و اطلاعات مفيد از مهمترين اين معيارها به شمار مي رود. داشتن سايتي با اطلاعات منحصربفرد بهترين برگ برنده است. لذا سعي كنيد در وب سايت خود مطالب سودمند و غير تكراري قرار دهيد.
* عدم استفاده از موسيقي : استفاده از موسيقي تنها در وب سايتهاي مرتبط با علم موسيقي و شاخه هاي مرتبط با آن توصيه مي شود.
* عدم استفاده از پنجره هاي popup : استفاده از پنجره هاي popup نه تنها مفيد نيست بلكه باعث كم شدن تعداد بازديد كنندگان سايتتان مي شود. لذا از استفاده بي رويه از چنين پنجره هايي، جدا پرهيز كنيد.
* عدم استفاده مستقيم از فايلهاي pdf : درصورت ارائه مقالات و موارد مشابه آن، بطور مستقيم از فايلهاي pdf (http://pcmagblog.blogfa.com/cat-16.aspx) براي نمايش اطلاعات استفاده نكنيد. به علت پايين بودن سرعت اينترنت در ايران، توصيه مي شود مطالب مورد نظر خود را به صورت متون عادي (مشابه همين مقاله) سايت قرار دهيد. در صورت تمايل مي توانيد فايل pdf مربوط به مقاله ي مورد نظر خود را به صورت جداگانه براي دريافت (Download (http://pcmagblog.blogfa.com/cat-5.aspx)) توسط كاربران، قرار دهيد.
* قالب و طرح واحد : استفاده از قالبها و طرح هاي متفاوت براي قسمتهاي مختلف سايت ايده جالبي نيست. در طراحي صفحات مختلف، بخشهاي مشترك بين همه صفحات (مانند منوي اصلي و ...) را در محل ثابتي قرار دهيد.
* سازگاري با همه مرورگرها : اطمينان حاصل كنيد كه سايت شما در همه مرورگرهاي معروف همچون Internet Explorer ، FireFox و ... بدرستي به نمايش در مي آيد. همه كاربران از نرم افزار يكساني استفاده نمي كنند.
* سازگاري با هر رزولوشن : طراحي صفحات سايت را طوري انجام دهيد كه با هر رزولوشني به درستي كار كند. براي رسيدن به اين مقصود يا از مقدار دهي درصدي براي جداول استفاده كنيد و يا از عرض ثابت 780 پيكسل براي جدول اصلي صفحات سايت استفاده كنيد. كاربران علاقه اي به استفاده از ابزارهاي scroll افقي ندارند.
* تمايز بين لينكها و متون عادي : با استفاده از تكنيكهاي طراحي، بين لينكها و متون ديگر تمايز ايجاد كنيد. بدين منظور مي توانيد از كدهاي CSS استفاده كنيد.
* لينكهاي صحيح : هميشه سعي كنيد از سالم بودن لينكهاي موجود در وبسايتتان اطمينان حاصل كنيد. وجود لينكهاي خراب از نقطه ضعفهاي سايت به شمار مي آيد.
* استفاده مناسب از رنگها : به هنگام طراحي سايت از تركيب رنگهاي روشن استفاده كنيد. رنگهاي تيره خسته كننده هستند.
* توضيح براي تصاوير : براي همه تصاوير موجود در سايت خود توضيح قرار دهيد (با استفاده از مشخصه alt). بعضي مواقع به علل مختلف تصاوير استفاده شده در سايت، بارگذاري (load) نمي شوند. در اين حالت بازديدكننده سايت مي تواند با خواندن توضيحات، بدون مشاهده تصوير، از موضوع آن مطلع گردد.
* انتخاب عنوان مناسب : عناوين مناسب براي صفحات وب از مهمترين فاكتورها براي بهينه سازي نتايج جستجو در موتورهاي جستجو به شمار مي آيد. عنوان هر صفحه را با توجه به موضوع آن صفحه تعيين كنيد.
* به روز رساني (زنده بودن سايت) : از ديگر عوامل موفقيت يك سايت به روز رساني آن است. براي حفظ بازديد كنندگان سايت خود سعي كنيد سايت خود را به محلي متروكه تبديل نكنيد. حتي اگر مطلب مهمي براي ارائه كردن در سايت نداريد، با اضافه كردن يك خط نوشته به كاربران اطلاع مي دهيد كه اين سايت هنوز زنده است.
* عدم استفاده از علائم و عباراتي همچون "در دست ساخت" : در صورتي كه بخشي از وب سايتتان آماده نيست دليلي بر استفاده از علائم و نوشته هايي با مضمون "در دست ساخت" وجود ندارد. اكثر كاربران با مشاهده چنين پيغامها و علائمي، تصوير نامناسبي از سايت شما در ذهن خود مي سازند كه از بازديد مجدد آنها از وب سايت شما جلوگيري مي كند.
* ارتباط بين صفحات سايت : اگر سايتي با بيش از يك صفحه داريد (99 درصد مواقع همينطور هست) ، آنها را طوري طراحي كنيد كه كاربران با حداقل تعداد كليك بتوانند به ديگر صفحات مورد نظرشان منتقل شوند. به عبارت ديگر لينك صفحات اصلي و مرتبط را در همه صفحات سايت بگنجانيد.
* ارتباط با سايتهاي مرتبط : با سايتهاي مرتبط با زمينه ي فعاليت سايت خود ارتباط برقرار كنيد. در چنين ارتباطاتي نتايج سودمندي پنهان است.
* امكان جستجو : در صورت امكان قابليت جستجو در مطالب سايت را در همه صفحات قرار دهيد.
* خلاقيت داشته باشيد : كارها و ابتكارات نو در اغلب موارد نتيجه ي خوبي به دنبال دارند.
* استفاده از تجربيات ديگران : از سايتهاي مرتبط با موضوع سايت خود ايده بگيريد. اگرچه ابتكار و نوآوري بهتر است ولي استفاده از تجربيات ديگران كار اشتباهي نيست. ضمنا توجه داشته باشيد كه نظر شما هميشه بهترين نظر نيست.
* انتخاب مناسب قلم : براي متون فارسي بهترين قلم (فونت) Tahoma بوده و اندازه مناسب براي آن 10pt مي باشد. استفاده از متون با اندازه بزرگتر توصيه نمي شود.{happy}