فهم سلوك المستخدم هو أفضل تصميم موقع

في هذه المقالة ، سنتحدث عن كيفية تتبع سلوك العملاء على موقع الويب الخاص بك ، وابتكارات تحليل موقع UX ، وجميع الأسباب لاستخدام خريطة الحرارة لتتبع سلوك المستخدم لتحقيق أفضل تصميم للموقع .

ستجد ما يلي:

• ما هو سلوك المستخدم؟
• كيف يؤثر تصميم تجربة المستخدم على الترويج لمتجر أو موقع إلكتروني؟
• ما هي تحليلات سلوك المستخدم باستخدام أدوات Heatmap؟
• لماذا ينقر موقع الويب على شيء ما تحتاج إلى تتبعه
• سلوك المستخدم من خلال تحليل التمرير والنقرات على موقع الويب
• عرض مرئي لسلوك المستخدم في مثال حي على موقع الويب

قم بإنشاء تصميمات مثالية لموقعك

تستند جميع الأمثلة المتعلقة بسلوك المستخدم في المقالة إلى الإحصائيات الفريدة لأكثر من 40 مليون نقرة تم جمعها باستخدام Plerdy heatmap .

بالتفكير في اللحظة التي اشتريت فيها شيئًا ما ، من المرجح أن تتذكر مشاعرك بدلاً من المنتج. يتم تسجيل أي تفاعل مع متجر على الإنترنت أو موقع ويب في ذاكرتك العاطفية وهو جزء من سلوكك على الموقع.

ما هو سلوك المستخدم؟

اليوم ، يوفر الويب الكثير من المنتجات والخدمات التي يمكننا طلبها دون مغادرة منازلنا. على سبيل المثال ، إذا طلبت بيتزا في google ، فسيظهر لك البحث أكثر من 1.1 مليار عرض. نفس الشيء يتعلق بالعديد من فئات المنتجات الأخرى.

يؤدي هذا إلى سؤال: هل أدركت يومًا أن تجربة المستخدم لموقعك على الويب قد تثير المشاعر والسلوكيات السلبية التي قد تجعل ما يصل إلى 99 ٪ من المشترين المحتملين يغادرون؟ إليك بعض الإحصائيات التي يجب أن تقنعك بالتحقق من موقع الويب الخاص بك بحثًا عن أي مشكلات في تجربة المستخدم والقيام ببعض تتبع تحليلاتك:

• • يعترف 79٪ من العملاء بأنهم سيبحثون عن موقع ويب آخر إذا كان الموقع الحالي لا يفي بتوقعاتهم.
  • لقد صادف 96٪ من مستخدمي الهواتف الذكية مواقع ويب لا تحتوي على إصدارات للجوال أو لم يتم تكييفها للعرض على الهاتف المحمول.
  • صرح 52٪ من المستخدمين أن تجربة الهاتف المحمول السلبية تجعلهم أقل عرضة للتفاعل مع شركتك.
  • يتصفح 63٪ من المستخدمين المنتجات أو الخدمات على عدة أنواع من الأجهزة (الهواتف الذكية ، والأجهزة اللوحية ، وأجهزة الكمبيوتر المحمولة ، وأجهزة الكمبيوتر ، إلخ).

هناك الكثير من البيانات المماثلة حول سلوك المستخدم والتي تثبت أهمية تتبع تجربة المستخدم (UX) للتسويق الرقمي والعملاء عبر الإنترنت. لذلك دعونا نناقش كل ما تحتاج لمعرفته حول تحليلات UX.

كيف يؤثر تصميم تجربة المستخدم على الترويج لمتجر أو موقع إلكتروني؟

يحدد بيتر مورفيل ، رئيس شركة استشارية تقدم خدمات هندسة المعلومات وإمكانية العثور عليها ، العوامل التالية التي تؤثر على تجربة المستخدم وسلوك موقع الويب:

بمعنى آخر ، يجب أن يكون موقع الويب الذي يتمتع بتجربة مستخدم جيدة:

• مفيد

يجب أن يلبي محتوى الموقع بشكل كامل احتياجات العملاء ويثير سلوكًا إيجابيًا.

• صالحة للاستعمال

تظل سهولة الاستخدام مكونًا أساسيًا لتجربة المستخدم وتوفر سلوكًا جيدًا للمستخدم.

• مرغوب فيه

يجب أن تكون جميع الصور والعلامات التجارية وعناصر التصميم لافتة للنظر وتثير المشاعر والسلوك الإيجابي.

• يمكن الوصول

يجب أن تكون جميع عناصر موقع الويب ومحتوياته في متناول الأشخاص ذوي الإعاقة.

• معقول

يجب أن يكون كل ما تنشره على الموقع موثوقًا ودقيقًا لجعل المستخدمين يثقون بك. هذا يحسن سلوكهم على الموقع.

• يمكن العثور عليه

يجب أن يكون المحتوى منظمًا جيدًا وأن يكون لديه تنقل واضح.

إذا تم تلبية كل هذه العوامل الستة التي تضمن تحقيق تجربة مستخدم وسلوك لائق لموقع الويب ، فسيستمتع زوار الموقع باستخدام مواردك ويظهرون سلوكًا جيدًا. لذا فإن الأمر يستحق تتبع هذه العوامل.

ومع ذلك ، لا تثبت الإحصائيات ونتائج التحليلات المذكورة فقط أن تجربة المستخدم تلعب دورًا رئيسيًا. في الآونة الأخيرة ، نشرت Google كتابًا على الإنترنت من 108 صفحات - UX playbook . إنها مليئة بالنصائح المختبرة حول كيفية زيادة المبيعات باستخدام UX. تستند المراجعة إلى اختبارات A / B لمجموعة واسعة من الأبحاث والتحليلات والمقالات. بعد دراسة عدة آلاف من مواقع البيع بالتجزئة ، اكتشف Google Analytics أن هناك بعض عناصر UX العالمية.

يتضمن الكتاب قائمة تحقق تساعد في تحليل وتحسين تجربة المستخدم لموقع ويب للجوال في 6 مجالات رئيسية:

• الصفحة الرئيسية / الصفحة المقصودة.
• القائمة والملاحة.
• يبحث.
• الفئة / المنتج.
• تحويلات.
• تحسين النموذج.

لا يؤدي موقع الويب عالي الجودة UX إلى تحسين سلوك العميل على موقعك فحسب ، بل يؤدي أيضًا إلى تحسين تصنيف البحث الخاص بك. لاحظ أن قابلية استخدام مواقع الويب للجوّال هي أحد أهم 200 عامل ترتيب . يولي نهج Google Mobile-First Indexing الجديد أيضًا اهتمامًا كبيرًا لموقع الويب UX.

✨ لا تفوت: الدليل النهائي لتصميم الويب الشامل + نصائح حول كيفية القيام بذلك

ما هي تحليلات سلوك المستخدم باستخدام أدوات Heatmap؟

تستخدم غالبية المتاجر عبر الإنترنت تحليلات مماثلة لتتبع سلوك المستخدم. يفعلون ذلك ، بسبب الاعتقاد الذاتي بأن جميع موارد الويب الحالية قد تم اختبارها بالفعل ، وهي ملائمة تمامًا للعملاء المحتملين. في الواقع ، لكل موقع أو متجر على الإنترنت جمهور مستهدف فريد ، والذي قد يتصرف بشكل مختلف عن جمهورك.

لهذا السبب ، لفهم كيف يتصرف عملاؤك المحتملون في متجرك عبر الإنترنت ، تحتاج إلى استخدام خريطة الحرارة للنقر.

ستسمح لك البيانات التي تم جمعها باستخدام خريطة التحليلات هذه بمعرفة المزيد عن تفضيلات وسلوك المستخدمين. سترى أيضًا أي عقبات أو عيوب تمنع العملاء من إتمام عملية الشراء.

يمكن أن تساعد طرق البحث والتتبع هذه في زيادة تحويل متجر عبر الإنترنت وتجربة مستخدم أفضل.

تتبع سلوك المستخدم باستخدام أدوات تحليلات Heatmap

تجمع أداة التتبع هذه البيانات وتقسيمها حسب نوع الجهاز المستخدم لعرض موقع الويب وسلوك المستخدمين عليه.

ميزة إضافية لهذه ، هي القدرة على تتبع التفاعلات السلوكية مع جميع عناصر مواقع الويب الديناميكية (النوافذ المنبثقة ، والقوائم ، وما إلى ذلك). مرة أخرى ، كل شيء يحدث في الوقت الفعلي.

هذه الخرائط الحرارية التي تعالج بيانات تتبع مواقع الويب ، لا تكتشف فقط المكان الذي تحدث فيه النقرات ولكن أيضًا تسجل تسلسلها. تقسم أداة التحليلات الصفحة إلى 5 أجزاء على أساس النسبة المئوية وتتتبع عدد النقرات في كل جزء منها. كما أنه يتتبع عمق التمرير وهو أيضًا جانب مهم جدًا في سلوك المستخدمين. يمكنك استخدام هذه البيانات الخاصة بسلوك المستخدم لتحديد أنسب المواقع (المناطق ذات الحد الأقصى من النقرات) لوضع المعلومات المهمة.

دعنا نتحدث أكثر عن الأرقام والنتائج التي حصلنا عليها من خلال تتبع تجربة المستخدم وسلوكه والبحث فيهما على صفحات موارد الويب المختلفة.

تحليل سلوك المستخدم على أساس بيانات Heatmap

يختلف سلوك المستخدم ويعتمد على موضوع موقع الويب ومصدر حركة المرور ونوايا زائر الموقع. للحصول على تحليل أكثر دقة لسلوك المستخدم ، قمنا بجمع حوالي 100 مليون نقرة من مصادر مختلفة. تم إجراء هذه التفاعلات على مواقع الويب ذات الموضوعات والوظائف المختلفة.

فيما يلي رسم بياني لإجمالي النقرات مجمعة حسب مصدر الزيارات. لقد اعتمدنا على بيانات التحليلات هذه في دراساتنا التالية لسلوك المستخدم.

تقسيم إجمالي النقرات حسب نوع الجهاز

كما ترى من الرسم البياني ، تم إجراء أكبر عدد من النقرات على أجهزة الكمبيوتر. عدد النقرات على الأجهزة الجوّالة أقل بشكل ملحوظ ، وتُنسب أقل النقرات إلى مستخدمي الأجهزة اللوحية.

يعلم الجميع أن حركة المرور عبر الأجهزة المحمولة تتزايد بشكل مطرد عامًا بعد عام وهذا يؤثر أيضًا على سلوك المستخدم. يثير هذا سؤالًا منطقيًا: لماذا لا يزال يتم إجراء معظم النقرات على أجهزة سطح المكتب؟

الجواب بسيط. عندما يزور المستخدمون موقع ويب من جهاز محمول ، فإنهم ينقرون فقط لغرض معين (للانتقال إلى صفحة أخرى ، أو تحديد زر ، أو ارتباط نشط). باقي الوقت يتم التمرير. عندما يتصفح المستخدمون من جهاز كمبيوتر ، فغالبًا ما يقومون بالتمرير فوق النص باستخدام الماوس ، أو تمييز العناصر ، أو نسخها ، أو إجراء ما يسمى بالنقرات الفارغة (النقرات خارج عناصر موقع الويب). تشكل النقرات المستهدفة جزءًا فقط من إجمالي التفاعلات وسلوكها.

تحليل تحوم الماوس قبل النقر

يوضح الرسم البياني بوضوح أن مستخدمي إصدار موقع سطح المكتب يحومون فوق العناصر قبل النقر عليها (توقف لمدة ثانيتين على الأقل) كثيرًا. هذا يعني أنهم يقرؤون المحتوى بعناية أو يترددون.

بمجرد معرفة الأنماط السلوكية العامة (النقرات بناءً على مصادر وأجهزة حركة مختلفة) ، يمكنك التنبؤ بإجراءات وسلوك زوار موقعك على الويب ومساعدتهم على استخدام موقع الويب الخاص بك بشكل أكثر كفاءة.

للحصول على تتبع وتحليل وتوقع أكثر تفصيلاً لسلوك المستخدم ، أعددت أيضًا رسمًا بيانيًا يوضح توزيع النقرات بين أجزاء الصفحة.

توزيع النقرات حسب عمق التمرير ونوع الجهاز

يوضح الرسم البياني أدناه كيف يعتمد عدد النقرات على نوع الجهاز وجزء الصفحة:

كما ترى ، حقق المستخدمون أكبر عدد من النقرات على الأجزاء الأولى من الصفحة (0-20٪). حتى إذا قمت بإضافة النقرات من الأجزاء الأخرى ، فإنها لا تزال أقل.

يُظهر الرسم البياني أيضًا انخفاضًا ملحوظًا في النقرات بدءًا من الجزء الثاني من الصفحة (20-40٪). هذا يعني أنك بحاجة إلى تخطيط هيكل المحتوى الخاص بك. يجب دائمًا وضع المعلومات الأكثر أهمية للمستخدمين في الجزء الأول لأنها مهمة جدًا لتكوين سلوك إيجابي.

بالطبع ، ليست كل الصفحات متطابقة. قد يكون لديهم أحجام وتصميمات مختلفة. ومع ذلك ، فإن هذا الرسم البياني ينقل فكرة رئيسية واحدة - إذا كنت ترغب في الاحتفاظ بالعملاء ، فضع العبارات التي تحث المستخدم على اتخاذ إجراء في أعلى الصفحات.

توزيع تسلسل النقرات حسب جزء الصفحة

بينما يوضح الرسم البياني السابق مكان وضع المعلومات الرئيسية ، فإن الرسم التالي يساعد في فهم كيفية تنقل المستخدمين في صفحات الويب وما يفعلونه في أغلب الأحيان.

يتم تقسيم تسلسل النقرات عن قصد حسب نوع الجهاز. يعد هذا ضروريًا لرؤية صورة شاملة أوضح لسلوك المستخدم.

توزيع تسلسلات النقر على أجهزة الكمبيوتر

يوضح الرسم البياني أن معظم المستخدمين قاموا بأول نقرة لهم في مكان ما بأعلى الصفحة (0-20٪). بالإضافة إلى ذلك ، ينخفض ​​عدد النقرات الأولى بشكل حاد في الثانية (20-40٪) والأجزاء التالية من الصفحات.

يوضح هذا التوزيع أيضًا أن عدد النقرات الأولى على أقسام الصفحة المختلفة دائمًا ما يكون أعلى من النقرات الثانية والثالثة وما إلى ذلك.

ما هي الاستنتاجات التي يمكننا استخلاصها من هذا الرسم البياني؟

بعد النقرة الأولى ، يترك العديد من المستخدمين الصفحة للانتقال إلى صفحة أخرى أو إغلاق موقع الويب على الإطلاق. يواصل عدد أقل بكثير من المستخدمين تصفح الصفحة والتفاعل مع موقع الويب.

توزيع تسلسلات النقر على الهواتف الذكية

الوضع مشابه بين مستخدمي الأجهزة المحمولة. ومع ذلك ، في هذه الحالة ، يكون الفرق بين عدد النقرات على الجزء الأول (0-20٪) والثاني (20-40٪) من الصفحة أكثر أهمية.

هذا يعني أن أي إصدار موقع ويب للجوال يجب أن يتضمن جميع المعلومات الضرورية في الأعلى. من غير المرجح أن يقوم المستخدمون بالتمرير لأسفل بحثًا عن مزيد من التفاصيل.

توزيع تسلسل النقر على الأجهزة اللوحية

مثل هذه المقارنة ضرورية لتحسين موقع الويب لأنواع مختلفة من الأجهزة وتوفير سلوك إيجابي للمستخدم. في حين أنه ، على سبيل المثال ، يمكن أن يحتوي إصدار سطح المكتب على الكثير من المعلومات في أعلى الصفحة ، فإن إصدار الهاتف المحمول به مساحة محدودة. تأكد من أخذ ذلك في الاعتبار أثناء تصميم موقع الويب للجوال لتحسين سلوك المستخدم.

توزيع عمق التمرير حسب جزء الصفحة

يوضح الرسم البياني أدناه كيف يقوم المستخدمون بالتمرير العميق للصفحات دون النقر.

استنادًا إلى المؤشرات ، يمكننا اكتشاف انخفاض تدريجي في عمق التمرير يبدأ في نقطة معينة من الصفحة. مع كل جزء من الصفحة ، يقل عدد المستخدمين. كلما ذهبنا إلى الأسفل ، استمر عدد أقل من الزوار في التمرير. نظرًا لأن غالبية النقرات تتم في الجزء الأول من الصفحة ، فإن هذا الرسم البياني يوضح أيضًا انخفاضًا بدءًا من الجزء الثاني.

لماذا ينقر موقع الويب على شيء ما تحتاج إلى تتبعه

للتأكد من أن العملاء المحتملين يشعرون بالراحة على موقع الويب الخاص بك ، تحتاج إلى معرفة ما يفعلونه أولاً بعد الهبوط على الصفحة مباشرة. لذلك هذا يستحق المتابعة.

تعرف على النقرات التي يقومون بها ، والأقسام التي يزورونها ، وفي أي مرحلة من مسار تحويل المبيعات يغادرون موقع الويب الخاص بك. يمكن لعدد النقرات على عناصر الموقع المختلفة الإجابة عن الأسئلة التالية:

• ما الذي يعجب المستخدمين على موقع الويب الخاص بك وما الذي يمنعهم من الشراء؟
• لماذا تحتوي صفحة موقع ويب على معدل تحويل أعلى من صفحة أخرى؟
• لماذا يحتوي موقع الويب الخاص بك على معدل ارتداد مرتفع (أو أن صفحة منفصلة لها معدل خروج مرتفع)؟
• هل يشتمل موقع الويب الخاص بك على أي عناصر تبدو قابلة للنقر عندما لا تكون كذلك؟
• هل المحتوى جيد؟ كيف يمكنك زيادة عمق التمرير؟
• ما هي المواقع الأكثر ملاءمة لوضع عناوين URL الداخلية والعروض الشيقة؟
• هل النوافذ المنبثقة المعروضة في صفحة معينة مناسبة وفعالة؟ (إذا أغلق معظم المستخدمين النافذة المنبثقة ، يجب أن تحاول إزالتها ، ومعرفة كيف سيتصرفون بدونها).
• هل دعواتك إلى العمل والعناصر الأخرى فعالة؟

فقط عندما تكون لديك هذه المعلومات ، ستتمكن من تقليل عدد العملاء غير الراضين وزيادة سلوك المستخدم الإيجابي وكسب عملاء جدد.

سلوك المستخدم من خلال تحليل التمرير والنقرات على موقع الويب

يمكنك عرض شريحة البيانات الخاصة بخرائط الحرارة للنقر والتمرير الخاصة بـ Plerdy مباشرة بعد تثبيت البرنامج النصي للتعقب. ما عليك سوى الضغط على Ctrl-Alt-H لفتح الشريط الجانبي لأداة التحليلات لتتبع سلوك المستخدم. يتم عرض الإحصائيات في كل صفحة على حدة. يتم عرض معلومات التتبع في الوقت الفعلي على موقع ويب مباشر ، بدلاً من لقطات الشاشة المستخدمة بواسطة العديد من أدوات التحليلات المماثلة مثل Hotjar وغيرها. يتيح لك ذلك تتبع العناصر الديناميكية وتجنب التبديل بين الصفحات ولوحة المعلومات الرئيسية.

تحتوي لوحة القيادة على جميع بيانات التحليلات المجمعة والمجمعة حسب معلمات محددة لسلوك المستخدم. من السهل جدًا رؤية أي انحرافات في أداء موقع الويب تؤثر على سلوك العملاء.

عرض مرئي لسلوك المستخدم في مثال حي على موقع الويب

أداة تتبع الخرائط الحرارية المستخدمة لتحليل سلوك زوار موقع الويب لمعرفة أزرار الميزات (التي تعيد توجيهها إلى القسم المقابل) التي تحتوي على أعلى نسب النقر إلى الظهور. العنصر الأكثر شيوعًا هو الحقل حيث يمكن للمستخدمين إدخال عنوان URL أو مجال موقع الويب الذي يريدون تحليله. وفقًا لبيانات التتبع ، تم النقر فوق هذا الحقل 10612 مرة مقارنة بالزر "بحث" بعدد 1890 نقرة فقط.

وبالتالي ، يمكننا أن نفترض أن المستخدمين الآخرين قد نقروا للتو ، وانتظروا النتائج أو غادروا الموقع على الإطلاق.

إذا تجاهل مالكو موقع الويب هذا النمط السلوكي ، فسيخسرون الكثير من المستخدمين. لحسن الحظ ، من خلال النقر فوق Enter ، يمكن للزوار تشغيل تحليل الارتباط. المشكلة الوحيدة هي أن التحليل بطيء جدًا ، مما قد يدفع الأشخاص إلى مغادرة الصفحة.

بصرف النظر عن العدد الإجمالي للنقرات التي تم إجراؤها على العنصر ، يمكنك أيضًا عرض العناصر / الكتل التي ينقر عليها المستخدمون أولاً. يتيح لك ذلك فهم ما يجذب انتباه الزوار فور وصولهم إلى الصفحة وكيف يؤثر ذلك على سلوكهم.

يُظهر تحليل منفصل لشريط البحث CRT لحركة المرور المباشرة فقط أن هذا العنصر يحتوي على 12.3٪ من إجمالي نقرات حركة المرور المباشرة (حركة المرور المباشرة تشكل 47٪). هذا يعني أنه على الرغم من إبراز شريط البحث في هذه الصفحة ، يقوم المستخدمون أيضًا بالنقر فوق عناصر أخرى تشتت انتباههم ويؤثر ذلك على سلوكهم.

إذا كنت تريد معرفة المكان الذي ينقر فيه زوار موقعك على الويب أولاً وكيف يحدد ذلك سلوكهم ، يمكن أن تكون خرائط الحرارة التحليلية مفيدة للغاية. لا يقومون فقط بتصفية النقرات الأولى حسب مصدر الزيارات ، ولكن أيضًا من خلال تسلسل النقرات.

على سبيل المثال ، يمكنك بهذه الطريقة معرفة المكان الذي نقر فيه الزوار الذين أتوا من الزيارات العضوية أولاً وسلوكهم.

دعنا نعود إلى الرسوم البيانية السابقة لتسلسل النقرات في أجزاء مختلفة من الصفحة لمزيد من التحليل لسلوك العميل.

بعد مشاهدة لقطة الشاشة هذه ، يمكننا أن نستنتج مرة أخرى أن 97.6٪ من جميع النقرات تمت على الشاشة الأولى. وبالتالي ، تكون الأجزاء الأربعة الأخرى من الصفحة أقل فاعلية ونادرًا ما يتم النقر عليها.

يُظهر تحليل تحركات الماوس أن المستخدمين يتفاعلون مع العنصر بسرعة كبيرة. يستغرق الأمر أقل من ثانيتين للنقر ، على الرغم من أن معظمهم يتصفحون الموقع على أجهزة الكمبيوتر.

الوضع مع عمق التمرير مشابه. تتكون الصفحة الرئيسية لموقع Serpstat على الويب من ثماني شاشات تمرير بدقة 1920 × 1080 بكسل. وفقًا للبيانات التي تم جمعها ، شاهد 5٪ فقط من المستخدمين الشاشة الثانية ، أو بعبارة أخرى ، قاموا بالتمرير حتى لا يكون السلوك على الشاشة الثانية مثمرًا.

تثبت بيانات تحليلات عمق التمرير مرة أخرى أنه لا أحد عمليًا يتحقق من الجزء السفلي من موقع الويب ، وبالتالي فإن السلوك هناك غائب تقريبًا. لا يوجد أي فائدة تقريبًا في وضع أي عناصر إضافية هناك.

الكلمات الأخيرة

إذن هذا هو البحث الذي أجريته مع فريق Plerdy. آمل أن يساعدك ذلك في تحليل موقع الويب الخاص بك UX وفهم سلوك المستخدم.