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

يادگيري زبان HTML و استفاده از آن در طراحي وب سايت كار ساده ايست. حتي بدون يادگيري HTML نيز مي توان با استفاده از برنامه هاي كمكي مختلف مانند Front Page بدون نوشتن حتي يك دستور HTML صفحات وب را ايجاد كرد. اما چرا فقط تعداد كمي مي توانند در اين زمينه موفقيت بيشتري كسب كنند و طراحي وب را بعنوان شغل اصلي خود دنبال كنند؟ عوامل بسياري را در اين زمينه مي توان ذكر كرد، ولي نوع طراحي و ظاهر صفحات وب را مي توان مهمترين اين عوامل دانست. در زير تعدادي از اشتباهاتي كه معمولا طراحان وب در طرح هاي خود مرتكب مي شوند آمده است:

ناهماهنگي صفحات يك وب سايت

حتما با وب سايتهايي برخورد كرده ايد كه هر كدام از صفحات ظاهري متفاوت با صفحات ديگر دارد. دكمه (button) هاي آنها با هم متفاوت است. رنگ زمينه (background) آنها مختلف است و … اين ناهماهنگي ها، يكپارچگي و زيبايي وب سايت را از بين مي برد. سعي كنيد هميشه يك الگوي مشخص در طراحي وب سايت خود به كار ببريد.

استفاده نادرست از رنگها

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

استفاده از پاراگراف هاي بلند

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

استفاده نادرست نام دامين

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

به خاطر بسپاريد بيش از 90 درصد كاربران اينترنت براي پيدا كردن اطلاعات موردنظر خود از موتورهاي جستجو (search engine) كمك مي گيرند و اين موتورهاي جستجو نام دامين و وب سايت ها را نيز در كاوش خود در نظر مي گيرند. پس سعي كنيد نام domain ي كه انتخاب مي كنيد مرتبط با محتويات و نوع فعاليت وب سايت موردنظر شما باشد.

استفاده از صفحات سنگين و پر حجم

سرعت بالا آمدن صفحات يك وب سايت يكي از مواردي است كه شما بعنوان طراح وب سايت بايد به آن توجه داشته باشيد. به خصوص در كشور ما كه بيشتر كاربران هنوز از خط تلفن براي اتصال به اينترنت بهره مي گيرند و سرعت دسترسي آنها پايين است. اگر صفحات وب سايت شما بيش از 10 ثانيه براي بالا آمدن وقت نياز دارند، حتما فايل HTML شما بيش از حد سنگين است. سعي كنيد تا حد امكان از تصاوير گرافيكي كوچك در فرمتهاي درست در صفحات وب خود استفاده كنيد. از فرمت JPEG براي تصاوير رنگي حجيم مانند تصاوير طبيعت و از فرمت GIF براي تصاوير تك رنگ و شكلكهاي كوچك كه معمولا در منوها به كار مي روند استفاده كنيد. سعي كنيد مطالب طولاني خود را به چند صفحه جداگانه كه به هم لينك شده اند تقسيم كنيد.

استفاده از فريم (frame)

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

Resolution نادرست

ئر حال حاضر بيشتر كاربران كامپيوتر، صفحه نمايشگر خود را بر روي قدرت تفكيك 800 در 600 تنظيم مي كنند. اگر صفحات وب خود را براي قدرت تفكيك 1024 در 768 طراحي مي كنيد بايد به اين نكته توجه كنيد كه كاربران براي آنكه بتوانند كل صفحه را ببينند مجبورند به چپ يا راست پيمايش (scroll) كنند . اگر مي خواهيد صفحات وب شما در تمامي resolution ها درست نمايش داده شود، مي توانيد آنها را مبتني بر table پياده سازي كنيد و به جاي آنكه از مقياس pixel براي تعيين اندازه جداول استفاده كنيد، اندازه ها را بر حسب درصد مشخص كنيد. براي مثال ويژگي width مربوط به table را به جاي 800 برابر 100% قرار دهيد.

به كار نگرفتن تگ meta

معمولا افراد مبتدي به تگ هاي meta كه در قسمت head هر يك از صفحات وب جاي مي گيرند توجه نمي كنند. اگرچه تگ هاي meta از ديد كاربران مخفي است، اما بيشتر موتورهاي جستجو اطلاعات موجود در اين تگ ها را در فرآيند جستجوهاي خود در نظر مي گيرند.

استفاده بي رويه از متن هاي متحرك

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

نبود ارتباط بين صفحات يك وب سايت

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


شما مي توانيد با دوري از اين اشتباهات به بهتر شدن طراحي هاي خود و در نتيجه جلب مشتريان بيشتر كمك كنيد.


%d وب‌نوشت‌نویس این را دوست دارند: