مجله تکنولوژِی در صنعت

تکنولوژی ، دوربین مداربسته ، قیمت دوربین مداربسته / هایک ویژن / دوربین مدار بسته

مجله تکنولوژِی در صنعت

تکنولوژی ، دوربین مداربسته ، قیمت دوربین مداربسته / هایک ویژن / دوربین مدار بسته

تکنیک هایی برای بهینه سازی تصاویر در وب

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

تکنیک هایی که در این مطلب بیان میشه برگرفته از کتاب بهینه سازی تصاویر نوشته شده توسط Addy Osmani هست. در هر نوع سایتی که از تصاویر استفاده میکنید میتوانید از این قواعد بهره ببرید.

تصاویر مهم و بحرانی رو انتخاب کرده و اونا رو Preload کنید

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

شما میتوانید از اون برای هر چیزی استفاده کنید ولی باید در نظر داشته باشید که به جز در موارد ضروری و تصایر حیاتی از این مورد استفاده نکنید. فرض کنید که میخواهیم تصویر اصلی یک سایت رو Preload کنیم. برای اینکار بصورت زیر عمل میکنیم:

<link rel="preload" href="/img/logo.svg" as="image">

کد بالا رو در قسمت Head سایت خودتون قرار بدین. شما همچنین میتوانید از Preload در هدرهای HTTP استفاده کنید. بصورت زیر:

Link: </img/logo.svg>; rel=preload; as=image

در تصویر زیر دو حالت مختلف از لود شدن تصویر رو مشاهده میکنید که تفاوت استفاده یا عدم استفاده از Preload در اون مشخص شده است:

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

کدهای SVG را بصورت اتوماتیک ساده سازی کنید

بهینه سازی SVG با بهینه سازی انواع تصاویر دیگه تفاوت داره چون برخلاف تصاویر PNG و JPG ، تصاویر SVG بصورت متنی هستند و شبیه به کدهای XML هست. پس شما از هر روشی که برای فشرده سازی متون استفاده میکنید، میتوانید برای بهینه سازی SVG نیز استفاده کنید. علاوه برای این موارد شما میتوانید از ابزار SVGO استفاده کنید و سایز فایلهای SVG خودتون رو پایین بیارید.

ابزار SVGO امکانات و ویژگی های زیادی رو در اختیارتون قرار میده که با استفاده از اونا میتوانید بصورت کامل بر روی فایلهای SVG خودتون مدیریت داشته باشید و اون چیزای اضافی رو حذف کنید و با اینکار حجم SVG خودتون رو کاهش بدید.

تبلیغات درون متنی/

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

تبلیغات درون متنی

شما با استفاده از نرم افزارهای گرافیکی مثل Adobe Illustrator که SVG رو به وجود میارید، میتوانید بصورت اتوماتیک مسیرهای SVG رو ساده سازی کنید و با اینکار سایز تصاویر SVG خودتون رو کاهش بدین. تصویر زیر رو ببینید:

تصویر سمت چپ، تصویر اولیه هست و همونطور که مشاهده میکنید 251 نقطه داره و حجم اون تقریبا 21 کیلوبایت هست. زمانی که تصویر رو ساده سازی میکنید، تفاوت چندانی در ظاهر اون به وجود نمیاد ولی تعداد نقاط اون به 152 عدد میرسه و حجم اون هم تقریبا 5 کیلوبایت کاهش پیدا میکنه. شما با این روش ساده و اتوماتیک مسیرهای SVG رو ساده سازی کردید.

تبدیل تصاویر انیمیشنی GIF به ویدیو

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

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

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

شما با استفاده از روشهای مختلف میتوانید این تبدیل رو انجام بدین. یکی از این راه ها استفاده از ابزار FFMpeg هست. با استفاده از این ابزار به راحتی میتوانید GIF رو به فرمتهای MP4 یا OGV یا WEBM و ... تبدیل کنید. برای اینکار میتوانید از دستورات زیر استفاده کنید:

1- ffmpeg -i animated.gif -b:v 512K animated.webm

2- ffmpeg -i animated.gif -b:v 512K animated.ogv

3- ffmpeg -i animated.gif -b:v 512K animated.mp4

در دستورات بالا بعد از i یا input میتوانید فایل GIF ورودی رو مشخص کنید و با استفاده از b هم میتوانید bitrate اون رو مشخص کنید. در نهایت هم نام و فرمت فایل خروجی رو مشخص میکنیم. در یک تست انجام شده یک فایل GIF ورودی با حجم 989 کیلوبایت به ویدیو تبدیل شده و سایز اون بصورت زیر شده است:

  • سایز 155 کیلوبایت در فرمت MP4
  • سایز 109 کیلوبایت در فرمت OGV
  • سایز 85 کیلوبایت در فرمت WebM

با اینکه این تغییر فرمت سایز خیلی زیادی رو کم میکنه ولی کیفیت ویدیو ساخته شده خیلی با GIF اولیه تفاوت نداره. حالا شما میتوانید این ویدیوهای ساخته شده رو درون کدهای HTML خودتون قرار بدین. بصورت زیر:

<video preload="none">

<source src="/videos/animated.webm" type="video/webm">

<source src="/videos/animated.ogv" type="video/ogg">

<source src="/videos/animated.mp4" type="video/mp4">

</video>

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

لود کردن تصاویر با استفاده از IntersectionObserver

احتمالا زیاد از تکنیک Lazy loading برای لود کردن تصاویر استفاده کرده باشید. ولی بیشتر ابزارهایی که برای اینکار مورد استفاده قرار میگیره زیاد از CPU استفاده میکنن چون در هر لحظه موقعیت فعلی اسکرول صفحه رو بررسی میکنن و با توجه به اون تصمیم میگیرن که تصویر مورد نظر باید لود بشه یا خیر. دستگاه هایی که CPU ضعیفی دارند در این مواقع به مشکل بر میخورن و سایت شما رو با اختلال مواجه میکنه.

خوشبختانه با استفاده از Intersection Observer API میتوانید خیلی ساده تر و بهینه تر اینکار رو انجام بدین و متوجه بشید که تصویر چه زمانی وارد Viewport میشه و در همون زمان تصویر مورد نظر رو لود کنید تا کاربر بتونه اون رو مشاهده بکنه. نحوه استفاده از این API رو در ادامه توضیح میدیم. در ابتدا تصویر رو در کدهای HTML قرار میدیم:

<img class="lazy" data-src="/images/lazy-loaded-image.jpg" src="/images/placeholder.jpg" alt="I'm lazy." width="320" height="240">

همونطور که میبینید در src یک تصویر placeholder یا اولیه قرار دادیم تا زمانی که تصویر اصلی لود نشده است اون رو نمایش میدیم. تصویری که میخوایم بصورت Lazy load با استفاده از API اون رو لود کنیم درون ویژگی data-src قرار میدیم. حالا میتونیم با استفاده از کلاس در Javascript به این تصویر دسترسی داشته باشیم و کارهای مورد نظرمون رو انجام بدیم. بصورت زیر:

document.addEventListener("DOMContentLoaded", function(){

if("IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype){

elements = document.querySelectorAll("img.lazy");

var imageObserver = new IntersectionObserver(function(entries, observer){

entries.forEach(function(entry){

if(entry.isIntersecting){

entry.target.setAttribute("src", entry.target.getAttribute("data-src"));

entry.target.classList.remove("lazy");

imageObserver.unobserve(entry.target);

}

});

});

elements.forEach(function(image){

imageObserver.observe(image);

});

}

});

همونطور که میبینید در ابتدا بررسی شده که Intersection API در مرورگر کاربر پشتیبانی میشه یا خیر. بعد از اون تصاویری که در Viewport قرار میگیرن رو لود میکنیم.

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


7 پیش بینی برای روند طراحی سایت در سال2020

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

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

2) ویدیو:
احتمالا به خاطر افزایش سرعت اینترنت و دسترسی گسترده تر برای کاربران ، ویدیو ها به طور فزاینده ای در وب سایت محبوب شده اند. بسیاری از مردم نیز ترجیح میدهند از طریق ویدیو به یادگیری بپردازند تا اینکه به خواندن محتوای زیاد بپردازند به طوریکه 96 درصد سازمانهای B2B در حال حاضر در کمپین های بازاریابی خود از ظرفیت قابل توجهی ویدیو استفاده میکنند و 87 درصد فروشنده های آنلاین از محتوای ویدیویی استفاده می کنند.

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

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

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

6) ارتباط متقابل با کاربر :
روند micro interaction در سال 2016 بسیار وسیع بود. Micro interaction، روالی لحظه ای است که حول یک وظیفه در جریان است به عنوان مثال تنظیم یک آلارم ، انتخاب پسورد ، لایک کردن در فیس بوک و .... در سال 2017 ما به عنوان کابر، درگیر هزاران micro-interaction خواهیم بود. به عنوان نمونه تنظیم یک رمز عبور جدید شامل یک عمل micro-mini interaction است که شامل تایپ کردن پسورد در کامپیوتر یا تایپ مجدد برای تایید پسوردو کلیک کردن روی دگمه submit ... میباشد. طراحان وب و برنامه نویسان باید توجه دقیق روی این مورد در طراحی وب سایت داشته باشند تا زمان ایجاد وب سایتها بر اساس micro-interaction که به صورت محسوس و قابل دسترس برای کاربران ایجاد شود.

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

3راز برای داشتن یک وب سایت تجاری موفق

اگر شما صاحب یک کسب و کار کوچک و نوپا هستید , تا الان متوجه شده اید که برای بودن در عرصه رقابت تجاریتان , داشتن یک وب سایت امری ضروری می باشد .

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

اما چند سوال :

آیا داشتن یک وب سایت به معنی موفقیت در تجارتمان است ؟

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

آیا با داشتن یک وب سایت باید به داشتن مخاطبان همیشگی افتخار کنیم ؟

جواب این سوال ها را خودتان هم می دانید , که همگی منفی می باشند . گاهی اوقات همین وب سایت بلای وجود تجارتمان خواهد شد . گاهی همین وب سایت ها رشته ارتباطی شما با مشتریانتان را برای همیشه پاره خواهند کرد .

وب سایت را برای خودتان طراحی نکنید

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

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

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

منحصر به فرد باشید

زمانی که محتوای وب سایت شما و یا حتی گرافیک آن و یا حتی نمونه کارهای شما در صفحه Portfolio با دیگر رقبایتان شبیه باشد , از مشتری چه انتظاری دارید ؟

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

همیشه برای مشتریانتان یک پیشنهاد داشته باشید

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

حداقل یک پیشنهاد ارسال خبر , که می توانم برای او داشته باشم . در یک طراحی سایت حرفه ای کاربر هیچ گاه نباید آن وب سایت را دست خالی ترک نماید .

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

پا نوشت:

1.      سئو سایت

2.      سئو

3.      طراحی وب سایت

4.      طراحی سایت شرکتی

5.      طراحی سایت فروشگاهی

6.      طراحی سایت تهران

7.      طراحی سایت

8.      سئو سایت

9.      سئو

10.  طراحی وب سایت

طراحی سایت

https://seoweb5.blogsky.com/1399/01/23/post-10/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%b5%d8%b1%d8%a7%d9%81%db%8c

طراحی سایت

https://seoweb5.blogsky.com/1399/01/23/post-9/10-%d9%86%da%a9%d8%aa%d9%87-%d8%b3%d9%86%d8%ac%d8%b4-%d9%85%d9%86%d8%a7%d8%a8%d8%b9-%d8%a7%d9%86%d8%b3%d8%a7%d9%86%db%8c

طراحی سایت

https://seoweb5.blogsky.com/1399/01/23/post-8/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%b4%d8%b1%da%a9%d8%aa%db%8c

طراحی سایت وکلا

https://seoweb5.blogsky.com/1398/11/20/post-7/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%af%d9%86%d8%af%d8%a7%d9%86%d9%be%d8%b2%d8%b4%da%a9%db%8c

طراح وبسایت تهران

https://seowebdesigner2.blogsky.com/1399/01/23/post-10/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d9%87%d8%aa%d9%84

طراحی سایت کرج

https://seowebdesigner2.blogsky.com/1399/01/23/post-9/7-%d8%b1%d8%a7%d9%87%da%a9%d8%a7%d8%b1-%d8%a8%d8%b1%d8%a7%db%8c-%d8%aa%d8%a8%d8%af%db%8c%d9%84-%d8%b4%d8%ba%d9%84-%d8%ae%d9%88%d8%af-%d8%a8%d9%87-%d8%b4%d8%ba%d9%84-%d8%a7%db%8c%d8%af%d9%87-%d8%a2%d9%84

طراحی سایت در تهران

https://seowebdesigner2.blogsky.com/1399/01/23/post-8/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%b5%d9%86%d8%b9%d8%aa%db%8c

طراحی سایت حرفه ای

https://seowebdesigner2.blogsky.com/1398/11/20/post-7/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%b1%d9%88%d8%b2%d9%86%d8%a7%d9%85%d9%87

طراحی سایت شرکتی

https://seowebmaster5.blogsky.com/1399/01/23/post-10/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%aa%d8%a8%d9%84%db%8c%d8%ba%d8%a7%d8%aa%db%8c

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

https://seowebmaster5.blogsky.com/1398/11/20/post-7/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%b1%d8%b3%d8%aa%d9%88%d8%b1%d8%a7%d9%86

طراحی وبسایت

https://seowebmaster5.blogsky.com/1399/01/23/post-8/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a8%db%8c%d9%85%d9%87

طراحی سایت در تهران

https://seokar9.blogsky.com/1399/01/23/post-10/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%b3%d8%a7%d8%ae%d8%aa%d9%85%d8%a7%d9%86%db%8c

طراحی سایت

https://seokar9.blogsky.com/1399/01/23/post-8/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d8%b1%d8%a7%db%8c%d8%b4%db%8c

طراحی سایت کرج

https://seowebmaster66.blogsky.com/1399/01/23/post-12/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%da%af%d8%b1%d8%af%d8%b4%da%af%d8%b1%db%8c

طراحی سایت تهران

https://seowebmaster66.blogsky.com/1399/01/23/post-10/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%da%a9%d9%84%db%8c%d9%86%db%8c%da%a9

طراحی سایت

https://seowebmaster66.blogsky.com/1399/01/23/post-9/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%da%a9%d8%a7%d9%81%db%8c-%d8%b4%d8%a7%d9%be

طراحی وبسایت

https://seowebmaster66.blogsky.com/1399/01/23/post-8/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%da%a9%d8%a7%d8%b1%d8%ae%d8%a7%d9%86%d8%ac%d8%a7%d8%aa

طراحی سایت

https://seowebmaster66.blogsky.com/1398/11/20/post-7/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%b4%d8%b1%da%a9%d8%aa%db%8c

طراحی سایت تهران

https://seowebkaran1.blogsky.com/1399/01/23/post-8/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d9%85%d8%a8%d9%84%d9%85%d8%a7%d9%86

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

https://seowebkaran1.blogsky.com/1398/11/20/post-7/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%b5%d9%86%d8%b9%d8%aa%db%8c

طراحی سایت شرکتی تهران

https://seowebmaster3.blogsky.com/1399/01/23/post-10/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d9%be%d8%b2%d8%b4%da%a9%db%8c

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

https://seowebmaster3.blogsky.com/1399/01/23/post-8/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d9%81%d8%b1%d9%88%d8%b4%da%af%d8%a7%d9%87%db%8c

طراحی سایت تجاری

https://seowebmaster3.blogsky.com/1398/11/20/post-7/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%b9%d9%85%d8%b1%d8%a7%d9%86%db%8c

طراحی سایت اداری

https://seowebkar6.blogsky.com/1399/01/23/post-9/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%ae%d8%a8%d8%b1%db%8c

طراحی سایت حرفه ای

https://seowebkar6.blogsky.com/1399/01/23/post-7/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%b1%d8%b3%d8%aa%d9%88%d8%b1%d8%a7%d9%86

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

https://seowebkar6.blogsky.com/1398/11/20/post-6/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d9%81%d8%b1%d9%88%d8%b4-%d9%81%d8%a7%db%8c%d9%84

طراحی سایت اداری

https://seo-webdesigner.blogsky.com/1399/01/23/post-10/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d9%88%da%a9%d9%84%d8%a7

طراحی سایت پزشکی

https://seo-webdesigner.blogsky.com/1399/01/23/post-8/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%aa%d8%ac%d8%a7%d8%b1%db%8c

طراحی سایت وکلا

https://seo-webdesigner.blogsky.com/1398/11/20/post-7/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d9%81%d8%b1%d9%88%d8%b4%da%af%d8%a7%d9%87%db%8c

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

https://seo-webmaster.blogsky.com/1399/01/23/post-10/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%aa%d9%81%d8%b1%db%8c%d8%ad%db%8c

طراحی سایت تهران

https://seo-webmaster.blogsky.com/1399/01/23/post-8/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%aa%d8%b1%d8%ac%d9%85%d9%87

طراحی وبسایت

https://seo-webmaster.blogsky.com/1398/11/20/post-7/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d9%81%db%8c%d9%84%d9%85

طراحی سایت


5 مرحله راهبردی برای مدیریت اعتراض مشتری

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

گرچه مشتری ممکن است کاملاً صادق و صمیمی باشد، اما امکان دارد که شما نتوانید دربابید که دقیقاً دلمشغولی او چیست. اندکی فکر کنید تا ببینید دیدگاه شما نسبت به اعتراضات چیست. به اعتراضات، چگونه پاسخ می دهید؟نگرش شما چیست؟اگر پس از شنیدن یک اعتراض، بلافاصله پاسخ شما این باشد که از خود بپرسید « منظور مشتری از این اعتراض واقعاً چیست؟» در مسیر درستی حرکت کرده اید.

در این جا با یک راهبرد 5 مرحله ای شما را راهنمایی می کنیم که چگونه اعتراضات مشتری را مدیریت کنید.

1- اعتراضات مشتریان را پذیرا باشید و به آنها اعتبار ببخشید.

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

2- اعتراض مشتری را روشن سازید.

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

3- بلافاصله به اعتراض پاسخ دهید و مسئله را حل کنید.

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

4- نسبت به برطرف شدن اعتراض، تایید بگیرید.

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

5- پیشاپیش، خود از اعتراضات پرده بردارید.

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