طراحی وب سایت

طراحی سایت، سئو، طراحی فروشگاه اینترنتی

۲ مطلب با کلمه‌ی کلیدی «روش های بد طراحی وب سایت» ثبت شده است

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

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

متن وب سایت

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

برخی از نمونه استفاده های نادرست از متن در وب سایت ها عبارتند از:

  • متن کوچک که خواندن آن دشوار است.
  • فونت های نامعتبر (به عنوان مثال فونت هایی که به نظر دست نوشته اند).
  • متن هایی که به نظر می رسند با هم شلوغ شده اند.
  • کنتراست رنگ، خواندن متن را دشوار می کند.
  • متن زیر خط دار لینک نیست.
  • متن رنگی که لینک نیست.
  • پاراگراف های برجسته.

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

متن وب سایت 

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

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

  • ناوبری ضعیف
  • ناوبری ناشناس
  • ناوبری پیچیده
  • لینک های شکسته در ناوبری
  • پیشمایش بی پایان
  • ناوبری بدون نوار جستجو 

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

استفاده از طرح کلی بد برای وب سایت

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

بعضی از این ویژگی های طراحی بد طراحی وب عبارتند از:

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

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

پس زمینه وب سایت

پس زمینه وب سایت 

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

  • پس زمینه های شلوغ و منحرف کننده که سبب از بین رفتن تمرکز روی محتوا سایت می شوند.
  • پس زمینه های مورد استفاده در متن که خواندن را سخت می کنند.
  • پس زمینه هایی که موجب سرگیجه می شوند و مایل به استفراغ هستند (مانند تصویر بالا).

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

لینک های وب سایت

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

  • لینک های شکسته و خراب
  • لینک هایی که به دلیل کنتراست کم رنگ مشاهده آن ها آسان نیست.
  • پیوندهایی که هم رنگ و شبیه همان متن شماست. (چطور مردم آنها را پیدا خواهند کرد؟)
  • لینک های غیر مرتبط

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

تصاویر

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

  • تصاویر بزرگ که بارگذاری آن ها طول می کشد.
  • تصاویری بزرگتر از صفحه نمایش کاربران.
  • تصاویر بدون برچسب های Alt.
  • تصاویر بند انگشتی بزرگ (از نظر اندازه فایل)

پس سعی کنید از تصاویر بهینه استفاده کنید. انجام کارها به صورت ساده و آسان می تواند سرعت سایت شما را تا حد زیادی افزایش دهد.

وب سایت خالی از محتوا و بی فایده

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

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

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

طراحی بد

طراحی سایت بد 

نظرات مختلفی درباره چگونه طراحی وب سایت های خوب و بد وجود دارند، اما مواردی موجود دارند که همه در آن ها به توافق رسیده اند:

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

طراحی خوب 

طراحی خوب سایت 

توصیف طراحی بد، قطعا این پرسش را مطرح می کند که طراحی خوب چیست؟ 

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

نوآوری

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

سودمندی و قابلیت استفاده

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

زیبایی شناسی

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

درک آسان

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

محبوبیت

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

صداقت

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

طول عمر

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

دقت

همه چیز هایی که باید وجود داشته باشند، هستند و چیز های اضافی نیز حذف شده اند.

محیط

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

شما چه ویژگی هایی از یک طراحی وب سایت بد را دارید؟

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

شما فکر می کنید چه ویژگی های دیگری وجود دارد که می تواند طراحی وب سایت شما را بهبود بخشد؟ منتظر شنیدن نظرات و پیشنهادات شما هستیم.

۰ نظر موافقین ۰ مخالفین ۰
حمید آزاد

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

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

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

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


1. استفاده از صفحه ورود یا خوشامد گویی

صفحات خوش آمد گویی و ورود در دنیای امروزی اینترنت در واقع هیچ ارزشی ندارد. زمانی که کاربر نتواند بلافاصله مطلبی که می خواهد را پیدا کند به سرعت سایت شما را ترک خواهد کرد. به جای استفاده از صفحه خوشامد گویی سایت شما باید یک صفحه استاندارد به عنوان صفحه اصلی (home page) داشته باشد. اگر قصد دارید که به کاربران تعامل داشته باشید میتوانید از پنجره های پاپ آپ (popup windows) استفاده کنید. همچنین استفاده یک صفحه (home page) استاندارد به شما در سئو سایت کمک میکند.


2. داشتن یک ظاهر نامناسب

اگر سایت شما یک پالت رنگی نامناسب داشته باشد و یا اینکه از روش های تایپی نامناسب (فاصله ها ، منو ها و ... ) و یا استفاده از فونت ها و سایز های متفاوت استفاده کنید برای بازدیدکنندگان جالب و حرفه ای به نظر نمیرسد. و نمی توانید کاربران دایمی جلب کنید. برای جلوگیری از یک ظاهر نامناسب و برای اینکه سایت شما حرفه ای به نظر برسد می توانید از رنگ ها و فونت ها برای خودتان برند سازی کنید. که می توانید با کمک راهنمای برند سازی سایت99designs برند خود را ایجاد کنید.


3. منو های گیج کننده

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


4. لوگوی سایت تان قابلیت کلیک کردن ندارد

بر اساس گزارشات 36 درصد از بازدید کنندگان برای رسیدن به صفحه اصلی بر روی لوگوی سایت کلیک میکنند. اگر لوگو قابلیت کلیک کردن نداشته باشد ، آنها ممکن است فکر کنند سایت مشکل دارد و سایت را ترک خواهند کرد. شما به راحتی میتوانید با قرار دادن تگ <img> در بین تگ باز <a> و تگ بسته </a> لوگوی سایت تان را لینک دهید.


5. استفاده بیش از حد از تصاویر (بزرگ) یا انیمیشن ها یا ویدئو ها

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


6. استفاده از عکس های نوشتاری به جای متن

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


7. استفاده از عکس های غیر واقعی (fake)

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


8. استفاده نکردن از فضای سفید (white space)

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


9. پخش صدا یا موزیک به صورت خودکار هنگام باز شدن سایت

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


10. استفاده بیش از حد از صفحات جانبی

صفحات جانبی به صفحاتی گفته می شود که قبل از ریسدن به مطالب مور نظر یا بعد از آن به نمایش در میاد گفته میشود. این صفحات نه تنها به شدت آزار دهنده هستند بلکه گوگل اخیرا باز شدن پنجره ها بدون دخالت کاربر را نوعی پنالتی محسوب میکند و این به شدت برای سئو سایت امتیاز منفی حساب میشود. صفحه هایی مانند پذیرفتن قوانین توسط کاربر مجاز است ولی سایت هایی که قبل از اجازه خواندن مطالب یا هر مورد دیگری که کاربر جستجو کرده است اقدام به دریافت ایمیل می کند به شدت از رتبه سایت کاسته خواهد شد و مقدار فرار از سایت (bounce rate ) افزایش پیدا میکند. وب سایتی که صفحات جانبی مانند pop-up ها یا تبلیغات اینترنتی باز میکند از معایب طراحی محسوب می شود و مانع UX می شود. برای حل این مساله ، صفحات جانبی فقط باید بر حسب نیاز مطلبی که قرار دارد باشد نه بر حسب تبلیغات و درآمد . ولی بهتر این است که به جای صفحات جانبی روش دیگه ای برای دریافت اشتراک از کاربران استفاده کنید.


11. چک نکردن سایت برای سازگاری داشتن با همه مرورگرها

بعضی از طراحان سایت فراموش میکنند که که طراحی خود را با همه مرورگرها تست کنند و بازدیدکنندگان در مرورگرهای مختلف مدام با اشکال متفاوتی از سایت برخورد میکنند. یکی از روش های حل این مساله استفاده از ابزارهای چک کردن سازگاری با مرورگرها (a cross-browser compatibility testing tool) قبل از انتشار سایت می باشد.


12. سایت تان واکنش گرا برای استفاده از تلفن های همراه نباشد.(mobile friendly)

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

منبع: سایت فراسافت


۰ نظر موافقین ۰ مخالفین ۰
حمید آزاد