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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• وجود خطای 404

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

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

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

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

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

• استفاده از آگهی ها

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

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

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

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

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

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

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

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

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

 

مزایای استفاده از نظرات یک فرد جدید، درباره طراحی سایت

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

• وقتی وارد سایت شدی، اولین چیزی که نظرتو جلب کرد چی بود؟
• چه چیزی خیلی برات جلب توجه می کرد و دوست داشتی حتما روش کلیک کنی؟
• به نظر میومد هدف سایت همون چیزیه که میخواستی روش کلیک کنی؟
• اگه این سایت، سایتِ شرکت خودت بود- مثلا میخواستی همون کاری رو بکنی که ما میخواهیم بکنیم و یکی بهت این سایت رو تحویل میداد- خوشحال میشدی یا ناراحت میشدی یا یه چیزی بین این دو تا؟ چرا؟
• سه تا از اولین چیزهایی که دوشت داشتی فوری تغییرشون بدی چی بود؟
• سه تا از چیزهایی که به نظرت خوبن یا حداقل میشه ازشون گذشت و بذاری روی سایت بمونن چیا هسنن؟
• چیز خاصی روی سایت هست که به نظر خیلی خوب یا بد یا عجیب بیاد؟ (اگه 95% از طراحی عالیه و فقط 5% بد شده، حتما سایتتون تو سرزمین عجایبه، همچین آماری خیلی بعیده.)

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

بهینه سازی حجم صفحات وب و تاثیر آن بر طراحی سایت

بهینه سازی حجم صفحات وب و تاثیر آن بر طراحی سایت

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

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

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

همچنین استفاده از تعداد فایل های زیاد CSS و جاوا علاوه بر کند کردن سرعت سایت در بعضی موارد حتی باعث فشار آوردن به سرور می شود بنابراین سعی کنید به طور معقولانه از CSS و فایل های JV استفاده کنید.

اصول استفاده از رنگها در طراحی سایت

اصول استفاده از رنگها در طراحی سایت

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

از آنجایی که رنگ ها تاثیر بسزایی در روحیه ی ما دارند محققان رنگ ها را دسته بندی کرده اند که آن ها را نام می بریم:

√ رنگ های گرم : قرمز،نارنجی،صورتی
√ رنگ های سرد : آبی،سبز،ارغوانی
√ رنگ های طبیعی : سفید،خاکستری،قهوه ای،سیاه

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

به طور کل انتخاب رنگ مناسب برای سایت باید بر اساس موارد زیر باشد:

• رنگ نوشته شده با رنگ زمینه مناسب باشد برای مثل وب سایتی با رنگ زمینه ی سفید و قلم مشکی می تواند انتخاب مناسبی باشد .رنگهایی از این قبیل به دلیل تضاد به شما در راحت خواندن متن کمک می کند.

• برای انتخاب رنگ در طراحی سایت بهتر است از رنگ هایی که افراد را به خود جذب می کند انتخاب کرد.

• برای رنگهای پیوسته در همه مرورگرها، از رنگهای Web Safe استفاده نمایید.

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

• بهتر است رنگها در همه ی صفحات یکی باشد این کار به بیننده این امکان را می دهد که بفهمد در همان سایت می باشد.

• رنگهایی را انتخاب کنید که تصویری را که می خواهید به بازدید کنندگان تان بدهد.

با رعایت اصول بالا می توانید در طراحی وب سایت نمونه و استاندارد در بین سایر وب سایتها از بهترین ها باشید.

نکاتی راجع به طراحی فروشگاه اینترنتی

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

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

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

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

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