close
تبلیغات در اینترنت
آموزش سئو - 3
loading...
سرویس سایت سایت رزبلاگ بزرگترین سرویس ارائه خدمات سایت نویسی حرفه ای در ایران

آموزش سئو

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

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

  •  استفاده از فونت کوچک

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

  • استفاده از موزیک در پس زمینه

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

  • استفاده مکرر از فلش

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

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

  • استفاده از فایل های PDF

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

  • چک نکردن در مرورگرهای مختلف

سایت خود را در مرورگرهای مختلف تست کنید تا در نمایش سایت شما در مرورگرهای مختلف مشکلی پیش نیاید و شما بازدید کننده های خود را از دست ندهید. نیمی از ایرانیان هنوز از مرورگر اینترنت اکسپلولر ورژن 7 و 6 استفاده می کنند و اگر صفحات طراحی شده شما در این مرورگرها به خوبی نمایش داده نشوند، شما نیمی از ویزیتورهای خود را از دست خواهید داد.

  • تغییر ندادن رنگ لینک هایی که قبلا بازدید شده

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

  • استفاده از فونت های یکنواخت

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

  • استفاده از رنگ مشکی و چشم آزار در پس زمینه

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

  • استفاده از alt و Title

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

  • وجود خطای 404

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

  • استفاده نکردن از متن های تودرتو

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

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

  1. استفاده از عنوان های فرعی یا همان subhead ها برای متن خود
  2. استفاده از لیست ارجاعات
  3. استفاده از کلیدواژه های های لایت شده
  4. استفاده از پاراگراف های کوچک
  5. استفاده از هرم معکوس در تنظیم مطالب
  6. استفاده از نوشتار و نگارش ساده در متون
  • استفاده از آگهی ها

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

از جمله طراحی های که بنظر آگهی رایج تبلیغاتی میرسد و برای کاربر جذابیتی ندارد میتوان به موارد زیر اشاره نمود:

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

استفاده از انیمیشن هایی که شلوغ و پلوغ است زیرا این نیز به تجربه به کاربر اثبات گشته با یک اگهی روبروست.

استفاده pop-up یا منوهای جهنده و حساس زیرا قبل از آنکه این منوها کامل لود شوند توسط کاربر بسته میگردند.

  • باز شدن هر صفحه در پنجره جدید

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

  • سادگی بیش از انتظار

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

بازدید : 4 تاریخ : یکشنبه 06 تير 1395 زمان : 14:41 نویسنده : زهرا مرزبان نظرات ()

فرمت های گرافیکی در طراحی سایت

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

شفافیت (Transparency) : این ویژگی به تصویر این امکان را می دهد تا درجه ای متغیر از ماتی را داشته باشد که از جامد تا شفافیت کامل (پشت تصویر کاملا قابل مشاهده است) متغیر است.

چند خط در میان (Interlacing) : این ویژگی به تصویر این امکان را می دهد تا به این ترتیب بارگذاری شود که در ابتدا خصوص فرد کشیده شوند و سپس خطوط زوج. اینکار به کاربران و بینندگان این امکان را می دهد تا تصویر را زودتر از آنکه بارگذاری به اتمام برسد مشاهده نمایند.

پیشرفت کننده (Progressive) : این ویژگی در بارکدگزاری تصاویر، چیزی شبیه به interlacing است به این ترتیب که قسمتهای مختلف تصویر بطور جداگانه بارگذاری می شوند ولی محدود به خطوط زوج و فرد نیستند. این کار سبب می شود تا کاربر تصویر را زودتر از زمان بارگذاری آن مشاهده کند.

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

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

فرمت های گرافیکی

GIF
این فرمت یکی از قدیمی ترین فرمت ها می باشد که در سال 1980 برای طراحی صفحات سایت توسط طرحان سایت ایجاد شد.این فرمت از الگوریتم هایی برای فشرده سازی استفاده می کند که با کم حجم کردن فایل ها در لود شدن صفحات وب استفاده می شود.در فرمت GIF رنگها به 256 رنگ (8 بیت) محدود شده است همچنین در این فرمت این امکان وجود دارد تا تصویری متحرک و انیمیشن دار با استفاده از این فرمتی تصویر ساخته شود.این فرمت جهانی بوده و در همه یمرورگرها قابل مشاهده می باشد.فرمت GIF دارای مزایایی می باشد که عبارتند از:
√ در این فرمت بیشترین فرمت گرافیکی پشتیبانی می شود
√ در این فرمت دیاگرامها تصویری بهتر نشان می دهند
√ Transparency در این فرمت پشتیبانی می شود

JPEG
این فرمت بیشتر برای افرادی که کیفیت تصویر برایشان مهم است کاربرد دارد زیرا این فرمت فایلها را فشرده می کند ولی از رنگهای حقیق 24 بیتی پشتیبانی میکند بنابراین تصویر با کیفیت بیشتری ایجاد می شود.فرمت JPEG نیز جهانی بوده و در همه ی مرورگرها ابل اجرا می باشد.این فرمت از فرمت Progressive پشتیبانی می کند.فرمت JPEG نیز دارای مزایایی می باشد که عبارتنداز:
√ این فرمت قدرت فشرده سازی بالایی دارد و به این دلیل سرعت بارگزاری آن بیشتر می باشد
√ این فرمت عکس ها را با کیفیت مطلوبی ایجاد میکند.
√ فرمت JPEG از رنگ 24 بیتی پشتیبانی می کند.

PNG
این فرمت به نسبت از بقیه ی فرمت ها جدیدتر می باشد و جایگزین مناسبی برای فایلهای GIF می باشد.این فرمت 24 بیت رنگ،Transparency و Interlacing پشتیبانی می کند همچنین این فرمت متن توصیفی کوتاهی را برای تصویر در خود نگه می دارد تا موتورهای جستجوگر از آن استفاده کنند.
معایب این فرمت این است که در همه ی مرورگرها قابل اجرا نیست و فقط در تعدادی قابل مشاهده می باشد.مزایای PNG:
√ دیاگرامهای موجود در این فرمت بهتر از فرمت JPEG نمایش داده می شوند.
√ این فرمت از Transparency پشتیبانی می کند.
√ غلبه بر محدودیتهای 8 بیت رنگ GIF
√ امکان قراردادن متن توصیفی در تصویر برای استفاده در موتورهای جستجوگر

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

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

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

بازدید : 9 تاریخ : یکشنبه 06 تير 1395 زمان : 14:39 نویسنده : زهرا مرزبان نظرات ()
تبلیغات
Rozblog.com رز بلاگ - متفاوت ترين سرويس سایت ساز

آمار سایت
  • کل مطالب : 53
  • کل نظرات : 3
  • افراد آنلاین : 1
  • تعداد اعضا : 0
  • آی پی امروز : 0
  • آی پی دیروز : 2
  • بازدید امروز : 6
  • باردید دیروز : 0
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 6
  • بازدید ماه : 6
  • بازدید سال : 6
  • بازدید کلی : 1,162
  • مطالب