כיצד לשפר את חווית המשתמש בעזרת מפות חום

ניסיון לשפר את חוויית המשתמש באתר האינטרנט שלנו, בחנות המקוונת או בדף הנחיתה שלנו, הוא חלק מהאבולוציה והשיפור המתמשך להתקדמות מתמדת. מפות חום, המכונות גם מפות חום, הם מספקים לנו בצורה ויזואלית ופשוטה, וזה מה שמעורר את העניין הרב ביותר, מה עלינו לשפר, ואילו דברים בקושי עובדים או לא מעוררים עניין.

ישנן "חובות" מסוימות שעדיפותן גבוהה יותר מאחרות, תלוי במה שאנו רודפים. ואם מדובר בשיפור הניווט המקוון של המשתמשים שלנו, מפות החום חייבות לנקוט בעמדות הראשונות. מסיבה זו, אנו הולכים לראות על מה מדובר, ואילו כלי עזר הם מציעים לנו. אילו דרכים לנצל אותן אנו יכולים למצוא. ואילו משאבים נוכל למצוא כדי שנוכל לשלב אותם באתרים שלנו.

מהי מפת חום?

מפת חום היא כלי המאפשר לנו לדעת את התנהגות המשתמש או המשתמשים באמצעותו ייצוג של תרמוגרפיה באתר שלנו. מאיפה שאתה לוחץ, לאן שעבר העכבר. כמו כן, אילו דברים הכי עניינו אותך וכמה זמן נשארת במקום והפסקת לעשות את זה.

כדי לקבוע את האזורים המעניינים ביותר, משתמשים בסולם צבעים לקביעת האזורים "החמים" (המעניינים ביותר) וה"קרים ביותר "(הכי פחות מעניינים). טווח הצבעים עובר מהקר ביותר, החל מכחול וירוק, לחם ביותר, כמו תפוזים, אדומים ואדומים כהים. היכולת לזהות את מוקד תשומת הלב, מאפשרת קבלת החלטות מתאימות לשיפור חוויות המשתמשים והממשק שלהם להתייחס למקום.

סוגי מפות חום

הייצוג התרמוגרפי של Heatmaps, כפי שאמרנו, מיוצג בצבעים על פי רמת תשומת הלב שלהם. לשם כך הצבעים מקובצים סביב קוטביות "חמה או קרה". עם זאת, אין סוג אחד של מפת חום. אלה ניתן לחלק אותם לשלוש קבוצות עיקריות בהתאם למה שאנחנו רוצים לנתח. מהקליקים, דרך תנועת הסמן, ועד לגלילה שהמשתמשים מבצעים באתר שלנו (אפשרות מעניינת למגילות ארוכות או אינסופיות, מכיוון שהן הפכו כל כך אופנתיות).

לוחץ על מפות חום

ללא ספק, הנפוץ ביותר. הם מאפשרים לקבל החלטות לטווח קצר על יעילותם של אלמנטים פעילים באתרנו על ידי רישום לחיצות משתמש. באופן זה, האלמנטים הספציפיים שנוכל לשנות במהירות, הם מרכז תשומת הלב של מפות חום המבוססות על קליקים. מה עוד, על ידי רישום פעולות המשתמשים, הם הופכים את מידת האמיתות והחשיבות של מפות אלה ליקרות יותר. הם נותנים מעט מקום לנתונים מבלבלים, מכיוון שהם מנתחים פעולות קונקרטיות.

מפות חום בתנועת העכבר

סוגי מפות אלה פועלים היטב בניגוד והשוואה לאחרים. במיוחד בגלל המחקרים שקיימים ביחס למקום בו המשתמש מציב את הסמן. יותר מ 80% מהזמן העיניים הולכות לאן שהסמן הולך. ובאותה צורה, יותר מ- 80% מהזמן מבט המשתמש אינו מסיים לכוון לאן הסמן לא נעלם. המשמעות היא שנתוני תשומת הלב של המשתמש אינם מדויקים ב 100%, בניגוד ללחיצות מפת החום. עם זאת, הם קרובים מאוד למציאות, והם ממשיכים להיות יעילים ביותר.

גלול את מפות החום

משמש מאוד בדפים עם הרבה גלילה או "אינסוף". בדרך זו, אנו יכולים לנתח את רמת העומק של המשתמש בעת גלילה ואילו אזורים מעניינים ביותר. בנוסף, הם עוזרים לקבוע אם מתרחשת התנהגות חריגה כלשהי, כגון משתמשים שעוזבים את הדף בעת צפייה בבאנר. וזה תלוי בעיצוב ובמה שנדון בחלק, הם יכולים לפרש שהדף הסתיים ואין יותר תוכן. משהו שאנחנו יכולים להימנע ממנו על ידי הסרה או שינוי של הבאנר, למשל.

כלי עזר למפת חום

היתרון הגדול ביותר שאנחנו יכולים לקבל ממפות חום מגיע ממנו את הפרשנות שאנו עושים עליהם. אזורים שמעוררים מעט עניין ואנחנו רוצים לשפר, או ללחוץ על מקומות כמו תמונות שלא מובילות לשום מקום. אנו יכולים להסיק מסקנות מכל התנהגויות המשתמש. במקרה של לחיצות על באנרים או תמונות, שאינן נושאות שום קישור, מכאן נובע שהם מעוררים עניין. לכן, יהיה מעניין אם אותו קליק שהמשתמשים עשו, יוביל אותם למשהו אחר שניתן להציע, הוספת קישור. במקרה שלא היה זמין שום דבר שמדבר או מתייחס לאלמנט פסיבי זה, ניתן להפנות את הקליק לאלמנט אחר. הרעיון הסופי נסוב על הימנעות מהתסכול בלחיצה על משהו ללא אפקטים.

במקרה של אלמנטים פעילים, יש צורך לנתח את מה שלא עובד. אולי אלמנט לא מעורר עניין או לא מבדיל עצמו כאלמנט פעיל ומתעלמים ממנו. או בגלל שזה באזור של אלמנטים אטרקטיביים אחרים שמושכים תשומת לב. במקרים אלה, או מקבילים דומים, ינותח כדי להבין מה נכשל, ולתקן את המצב.

• דוגמה, הדגש אלמנט: אולי אובייקט אחר ממקד את תשומת הלב. למשל, קריאה לפעולה של צבעים לא בולטים בתחילת פוסט עם תמונה מדהימה. יהיה מעניין לשנות את הטיפולוגיה של הקריאה לפעולה, לשנות אותה במקום או בשניהם.

אני רוצה לקבל מפות חום, לאן ללכת?

ישנן פלטפורמות שונות המאפשרות לנו לשלב מפת חום באתרנו. הדבר הטוב ביותר בהם הוא היעילות שלהם, והדבר הרע הוא שהם משלמים בעיקר. הם יכולים גם לעזור להאט את טעינת הרשת (מבלי להיות מוגזמים), ולכן לאחר התקנת סקריפט נוסף, בנוסף, יהיה נוח לשנות את קובצי ה- cookie כדי להזהיר משתמשים (דבר פשוט לביצוע).

• Yandex Metrica: במקרה זה הוא בחינם וניתן לנסות אותו בגרסת ההדגמה שלו. הם מציעים לנו מפות חום של לחיצות וגלילה.
• מפת חום: כלי נוסף שהוא בחינם, כן, הממשק שלו קצת מורכב.

ישנם כלים אחרים ששילמתי שלא כללתי, וכי כמו האחרים, אנו יכולים לראות את ההערכות עליהם. שילוב של מפת צבעים, במיוחד אם יש לנו אתר בו אנו מציעים שירותים, קורסים, מנויים, מוצרים או כל דבר אחר, תהיה דרך חכמה לייעל את פעולתה. כך שבסופו של דבר, לא רק שנשפר את חווית המשתמש, אלא את היתרונות שאנו עצמנו מצפים להם.