طراحی وب

Heatmap خوانی و تحلیل رفتار بصری

تفاوت Heatmap با Eye Tracking، تعریف Attention Map، تفکیک کاربران و حالت‌های صفحه، اندازه نمونه، فرضیه‌سازی و حریم خصوصی.

1404/12/21 1 دقیقه مطالعه 1,225 بازدید

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

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

نام نقشه را با نوع داده تطبیق دهید

مستندات Heatmap در Microsoft Clarity نقشه‌های کلیک، اسکرول و انواع دیگر را از هم جدا می‌کند. Click Map جای انتخاب‌ها را نشان می‌دهد؛ Scroll Map درباره رسیدن به عمق صفحه اطلاعات می‌دهد. نقشه حرکت نشانگر نیز مسیر موس را ثبت می‌کند. هیچ‌کدام را بدون توضیح روش، معادل اندازه‌گیری مستقیم نگاه فرد معرفی نکنید.

Eye Tracking به داده مربوط به نگاه نیاز دارد و از حرکت موس به دست نمی‌آید. Attention Map هم نامی است که ابزارها ممکن است برای معیارهای متفاوت به کار ببرند؛ باید تعریف همان ابزار خوانده شود. در Clarity این نقشه به زمان صرف‌شده در بخش‌ها مربوط است. اگر گزارش برآورد یا مدل پیش‌بینی است، آن را با داده مشاهده‌شده از کاربر یکی ندانید. نام جذاب گزارش مبنای اعتبار آن نیست.

نقشه کلیک را با رفتار عنصر بخوانید

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

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

اسکرول به معنی خواندن نیست

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

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

جمعیت و شرایط را تفکیک کنید

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

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

حالت‌های صفحه را بی‌دلیل مخلوط نکنید

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

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

حجم نمونه و کیفیت داده را بیان کنید

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

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

به هدف نهایی وصل کنید

کلیک روی CTA آغاز یک مسیر است، نه نتیجه نهایی آن. فرد ممکن است بعداً در فرم یا درگاه متوقف شود. Heatmap را کنار داده مراحل و خطاها بخوانید تا محل مسئله محدودتر شود. برای پرداخت، راهنمای Checkout نمونه‌ای از وضعیت‌هایی است که نقشه کلیک صفحه اول به‌تنهایی توضیح نمی‌دهد. تعامل زیاد با یک کنترل می‌تواند هم علاقه و هم دشواری را نشان دهد.

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

حریم خصوصی بخشی از راه‌اندازی است

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

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

گزارش تحلیلی قابل استفاده

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

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

واکنش به این مقاله

اشتراک‌گذاری این مقاله:
دیدگاه‌ها 0
۰ / ۲۰۰۰

هنوز دیدگاهی ثبت نشده

اولین نفری باشید که نظر می‌دهد!