نقشه حرارتی (Heat map) چیست و 5 مدل اصلی نقشه های حرارتی وب سایت

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

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

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

نقشه حرارتی نشان دهنده چه چیزی می باشد؟

نقشه حرارتی از طیف رنگی گرم به سرد استفاده می کند تا به شما نشان دهد که کدام بخش از صفحه بیشترین توجه را به خود جلب می کند. ایجاد یک نقشه حرارتی به شما کمک می کند رفتار بازدیدکنندگان را فوراً درک کنید. همچنین به شما کمک می کنند به یک سوال مهم پاسخ دهید: "مهم ترین محتوا در این صفحه کجا باید باشد؟"

5 نوع اصلی نقشه های حرارتی وب سایت

5 نوع اصلی Heat map وب سایت وجود دارد: نقشه حرارت( Heat map) ، نقشه کلیک ((Click map، اسکرول مپ (Scroll map)، نقشه حرارتی ردیابی ماوس Mouse Tracking Heat map)) و نقشه حرارتی ردیابی چشم (Eye Tracking Heat map) .

• نقشه حرارت

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

• نقشه کلیک

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

با استفاده از نقشه های کلیکی، می توانید کلیک ها را بر روی موارد زیر ردیابی کنید:

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

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

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

- ناوبری: قابلیت ناوبری وب سایت خود را با استفاده از نقشه های کلیکی بررسی کنید و تجربه کاربری (UX) را بهبود بخشید. به عنوان مثال: با کلیک بر روی دکمه "ادامه" در صفحه سبد خرید، بازدیدکنندگان شما ممکن است انتظار داشته باشند که قبل از افزودن یک محصول به سبد خرید، به صفحه محصول دقیقی که در آن بودند بازگردند. اما برخلاف انتظار بازدیدکنندگان، دکمه «ادامه» آن‌ها را به مرحله بعدی در فرآیند پرداخت می برد. این بدان معناست که ناوبری وب سایت شما با انتظارات بازدیدکنندگان مطابقت ندارد و باید برای مطابقت با آن‌ها اصلاح شود.

• اسکرول مپ

 Scroll map یک نمایش بصری از رفتار اسکرول بازدیدکنندگان شما است. این نشان می‌دهد که کاربران تا چه اندازه صفحه را پایین می‌روند و همچنین در کدام بخش‌ها بیشترین زمان را در آن می‌گذرانند. تعداد بازدیدکنندگانی را که به پایین صفحه پیمایش کرده‌اند، بازدیدکنندگانی که ۵۰٪ از یک صفحه را پیمایش کرده‌اند یا جایی که بیشتر بازدیدکنندگان یک صفحه را رها کردند و ...

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

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

• نقشه حرارتی ردیابی ماوس

نقشه حرارتی ردیابی ماوس (که معمولاً با نام‌های Hover Maps، Attention Maps، Move Maps نیز شناخته می‌شود) مناطقی را نشان می‌دهد که بازدیدکنندگان مکان‌نمای خود را بیشتر روی آن می‌برند.

می توانید از نقشه های حرارتی ردیابی ماوس برای موارد زیر استفاده کنید:

شناسایی کنید که بازدیدکنندگان بیشتر در کدام بخش ها حضور دارند و سپس محتوای مهم، CTA اولیه، تبلیغات ضروری و غیره را در آن بخش ها قرار دهید.

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

از اسکرول مپ برای موارد زیر استفاده کنید:

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

• نقشه حرارتی ردیابی چشم

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

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

می توانید از نقشه های حرارتی ردیابی چشم برای موارد زیر استفاده کنید:

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

چرا باید از نقشه حرارتی در وب سایت استفاده کنید؟

ابزارهای سنتی یا تجزیه و تحلیل کاربر فقط به شما می گویند که چه تعداد بازدید کننده به صفحه شما آمده اند و چه تعداد تبدیل شده اند، اما نمی توانند دقیقاً پاسخ دهند که در طی این دو مرحله چه اتفاقی افتاده است . در اینجاست که درک کیفیت آن تعاملات مطرح می شود. مثلاً، یک فروشگاه تجارت الکترونیک روزانه حدود هزار بازدیدکننده جدید می‌بیند و حدودا 20 مشتری جدید خرید انجام می دهند. برای صاحب فروشگاه، برای اینکه بفهمد چرا 980 بازدیدکننده باقیمانده تبدیل نشدند، باید همه دلایل مختلفی را که منجر به ترک فروشگاه بدون انجام خرید شده است، بدانند. دلایل ممکن است، پیدا نکردن دکمه "افزودن به سبد خرید" یا ناتوانی در یافتن اطلاعات حمل و نقل یا "صرف زمان زیادی برای ایجاد حساب مهمان برای پرداخت" و غیره باشد. چنین اطلاعاتی را می توان به راحتی با استفاده از ابزارهای تحلیل کیفی مانند نقشه های حرارتی کشف کرد. هیت مپ کمک بزرگی در جمع آوری اطلاعات خواهد کرد. Heat map یکی از قدرتمندترین و کارآمدترین ابزارهای تشخیصی است که با آن می‌توانید بینش‌های زیادی را در مورد نحوه تعامل بازدیدکنندگان با صفحات وب خود کشف کنید و از این بینش‌ها برای بهبود تعامل وب‌سایت خود استفاده کنید و برای آن یک رابط کاربری هوشمندتر طراحی کنید.

1- عملکرد وب‌سایت را اندازه‌گیری کنید: با رنگ‌های متنوع نقشه حرارتی که سطوح عملکرد مختلف را نشان می‌دهد، نقشه‌های حرارتی فوراً مسائل اصلی وب‌سایت شما را برجسته می‌کنند. با الگوی کلیک بازدیدکنندگان ردیابی نقشه‌های کلیکی، نقشه‌های اسکرول که طول صفحه بهینه را تعیین می‌کنند و نقشه‌های ردیابی ماوس که نشان می‌دهد بازدیدکننده در حین مرور صفحه وب شما کجا قرار دارند، در نتیجه می‌توانید به راحتی متوجه شوید که وب‌سایت شما چقدر جذاب است و چه میزان کار خوبی در حفظ آن انجام می‌دهد.

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

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

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

4- نرخ تبدیل وب سایت خود را بهینه کنید: همه مزایای فوق به یک تمرین بزرگ برای بهینه سازی وب سایت شما به بهترین و هوشمندانه ترین نسخه ممکن کمک می کند. هر بازدید کننده ای که در یک نقشه حرارتی ردیابی می شود به معنای بینش های عملی اضافه شده برای بهینه سازی وب سایت شما است.

 Heat map بخشی از یک برنامه گسترده تر به نام Conversion Rate Optimization CRO)) است. در CRO، نقشه های حرارتی ابزارهای تحقیقاتی کیفی هستند که بینش هایی را در مورد رفتار بازدیدکنندگان ارائه می دهند که بر اساس آن تغییراتی در وب سایت خود ایجاد می کنید. شما نقشه های حرارتی را تنظیم می کنید، نتایج را تجزیه و تحلیل می کنید، بر اساس آن‌ها تغییرات ایجاد می کنید، شما می توانید تغییرات کوچکی مانند تغییر مکان CTA، طول صفحه و همچنین تغییرات بزرگتری مانند طراحی مجدد صفحات خاص، طراحی مجدد کامل وب سایت و ... را با کمک بینش های ایجاد شده توسط نقشه های حرارتی ایجاد کنید.

ابزارهای مورد نیاز برای ایجاد هیت مپ کدامند؟

• Hot jar

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

• Crazy Egg

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

• Heat map

یکی از آسان‌ترین ابزارهای مورد نیاز برای ساختن نقشه حرارتی heat map می باشد. نصب این ابزار بسیار راحت است و دارای نسخه رایگان 6 ماهه می باشد. لازم است بدانید که این ابزار یک کد JavaScript دارد که به طور همزمان و بدون کد گذاری وب سایت، آپلود می‌شود.

• User Heat

ابزاری دیگر برای به وجود آوردن نقشه حرارتی یا هیت مپ، کار با ابزار User Heat می باشد. برای سایت‌های وردپرس هم می‌توانید با نصب افزونه ای از این ابزار به طور رایگان استفاده کنید.

نقشه های حرارتی برای چه کسانی مناسب می باشند؟

• مدیران محصول

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

• حرفه ای های UX

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

• بازاریابان دیجیتال

نقشه های حرارتی را با تست A/B و با شناسایی ضعیف ترین قسمت های وب سایت خود و آزمایش راه های بهبود هیت مپ، ترکیب کنید تا در نهایت کاربران بیشتری را به مشتریان بالقوه تبدیل کنید.

سخن آخر

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