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

۳ مطلب با کلمه‌ی کلیدی «طراحی سایت کاربر پسند» ثبت شده است

طراحی سایت : چگونه سرعت لود سایت را بالا بریم؟

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

من هر طراحى را در یک بوم نقاشى سفید در برنامه فتوشاپ شروع میکردم،بدون برنامه ریزى قبلى،بدون چارچوب.من معمولا براى اینکه قرار است تعداد صفحات وبسایت چقدر باشد و یا اینکه چه چیزهایى قرار است روى آن صفحات قرار گیرد هم برنامه ریزى نمیکردم.من فقط به ایجاد وب سایت به دید یک تفریح و سرگرمو نگاه میکردم چرا که تصمیم گرفته بودم اوقات سالهاى نوجوانى خود را اینگونه سپرى کنم.
من تصور میکردم میتوانم با دانستن اینکه یک وب سایت چگونه ایجاد میشود،سرعت آن را نیز بیهینه سازى کنم.چرا که کم کم سرعت تبدیل به تنها مشکل مهم وب سایت من با آن حجم عظیم اطلاعات میشد،در حالى که مردم همچنان از اینترنت dial-up استفاده میکردند.درسته؟!
این سوال مطمئنا جواب معلوم و روشنى دارد،بله!
قسمت سخت یادگیرى این موضوع زمانى است که شما باید در یک حالت ایده ال این روال را جلو بروید.بعضى چیزها وجود دارد که شما باید اول آنها را اولویت بندى کنید و عوامل بیرونى که بر روى سرعت وب سایتتان تاثیر گذار است را بروسى کنید.
شما باید هر دو موضوع را در نظر داشته باشید.اکثر مردم هنوز با اینترنت هاى خیلى کند کار میکنند،سرعت بستر اینترنت هاى همراه نسل ٣ (3G) هم عالى نیستند و کاربران موبایل درگیر مزاحمت هاى کلاهک هاى داده اى نیز میشوند.همچنین در تمام دنیا میلیون ها دستگاه موبایل وجود دارد که حتى فرآیند پردازش را نمیتوانند به پایان برسانند
در همین حین که من سعى میکنم چند تکنیک و نکته اى که در این مسیر باید انجام دهید را به شما توصیه میکنم باید توجه کنید که مهمترین چیزى که شما باید با آن سازگار کنید نوع نگر و طرز فکر شماست.سرعت میتواند در مکالمات،فروش و افرادى که مجدد به وبسایت شما برمیگردند تا از محتواى آن بهره ببرند،معنى پیدا کند.یک وبسایت با سرعت پایین باعث میشود در وهله اول افرادى که صبور نیستند را از دست بدهید و بهمین ترتیب به مرور زمان حتى افراد صبور هم از منتظر ماندن خسته شوند و وب سایت شما را ترک کنند.در بعضى موارد هم مشاهده میشود با اینکه سایت سریع بازگذارى میشود اما باز هم احساس میشود سرعت آن به اندازه کافى مناسب نیست.
اینجا اینترنت است و شما باید براى یک مسابقه آماده شوید و در آن هرآنچه که دارید و فراتر از آنرا ارائه دهید.
توصیه میشود براى اطلاعات بیشتر در مورد توضیحات بصرى و تاثیرات سرعت کم وب سایت ها به اینفوگرافیک هایى که در اینترنت وجود دارد سر بزنید.

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

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

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

زمانیکه طراحى شما از سرعت کمى برخوردار است.
البته که تمامى این موضوعات در روش معکوس نیز کار میکنند، به این معنى که تعدادى از وب سایت هایى که از تصاویر کوچک استفاده کرده اند و حجم محتوایى آنها فقط شامل متن است به دلیل انتخاب نسنجیده طراحى و نامناسب بودن کدهاى استفاده شده بد آن از معضل کندى سرعت رنج میبرند،چرا که اکثریت مردم به صورت یک تفریح و کار تفننى به طراحى سایت نگاه میکنند.من متوجه شدم که اصرار به طراحى با استفاده از نرم افزار فلش (Flash) باعث میشود وب سایت طى یک روز راه اندازه شود ولى به همان سرعت هم به دلایل عدیده از بین برود.توصیه میشود بجاى Flash زبان هاى برنامه نویسی HTML5،CCS3 جاگذارى کنید و جاوا اسکریپت (JavaScript) را به عنوان هدف اصلى خود قرار ندهید.
کابران شما نیاز ندارند که چیزها از صفحه نمایش بیرون بپرند!آنها فقط نیاز دارد اطلاعات پیشنهادى شما را مطالعه و یا محصول شما را خریدارى کنند.

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

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

۰ نظر موافقین ۰ مخالفین ۰
Novin Novin

طراحی سایت : انتخاب رنگ به صورت مناسب

نقش رنگها در سایت

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

 

روانشناسی رنگ ها

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

سیاه

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

سفید

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

قرمز

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

زرد

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

ارغوانی

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

قهوه ای

استوار، قابل اعتماد و سنتی. حس اعتماد و اصالت را در کاربر ایجاد می نماید.

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

 

انتخاب رنگ به صورت مناسب

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

برای انتخاب رنگ مناسب وب سایت ابتدا می بایست نوع کاربران خود را مشخص نمایید و رنگ بندی خود را مناسب حال آنان انتخاب نمایید.

۰ نظر موافقین ۰ مخالفین ۰
Novin Novin

طراحی سایت : چرا آمار بازدید سایت من کم است؟

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

  • محتوای سایتتون به درد نمیخوره.

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

  • به سختی میتونه چیزی که دنبالش بوده رو پیدا کنه.
  • محتوا ربطی به سوالش نداشته.
  • خوندن مطلب سخته.
  • طراحی سایت بروز نیست.
  • مطلب پر شده از تکرارهای بی مورد کلمه کلیدی.

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

  • سئوی سایتتون به درد نمی خوره.

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

  • فعالیتی در شبکه های اجتماعی ندارید.

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

  • ظاهر سایتتون شبیه سایت هایی 15 سال پیش میمونه

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

یه نفر که شاید یکی از آشناهاتونه یا یکی از آشناهاتون بهتون معرفی کرده یه کارایی روی سایتتون انجام داده، اما انگار بیشتر مشتری پرونی کرده تا طراحی سایت! 
هر کی رو میبینی یکی رو میشناسه که اونم یکی رو میشناسه که طراحی سایت بلده. من چند باری از مشتری ها شنیدم که میگن، چرا من باید همچین پولی بدم وقتی فلانی هم میتونه با فلان قیمت این کارو برام انجام بده. من این جور مواقع ترجیح میدم به جای اینکه سر قیمت با هم چونه بزنیم، ازشون بپرسم بهتره مثلا 200 هزار تومن برای سایتشون بدن و دیگه سرمایشون هم برنگرده، یا اینکه 500 هزار تومن خرج کنن و 300% برگشت سرمایه داشته باشن؟
سایت های خوب ارزون نیستن. حتی اگه باید بیشتر از چیزی که در نظر گرفتید برای سایتتون خرج کنید، باز هم بهتره خرج کنید. پشیمون نمی شید.

۱ نظر موافقین ۱ مخالفین ۰
Novin Novin