7 مكاسب سريعة في تجربة المستخدم لتحسين موقع الويب الخاص بك 30 أغسطس 2016

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

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

---

ابدأ تجربتك المجانية !

جرب Mopinion الآن

• جمع تعليقات غير محدودة
• ■
• نسخة تجريبية مجانية لمدة 14 يومًا

---

نصيحة 1: وقت تحميل الصفحة

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

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

الاستضافة
قد تعتقد: ماذا يمكنك أن تفعل حيال ذلك؟ تتمثل الخطوة الأولى في التحقق مما إذا كان لديك نطاق ترددي كافٍ متاح. ألق نظرة على حلول الاستضافة المرنة والقابلة للتطوير ، مثل الاستضافة السحابية بواسطة Amazon أو Rackspace. قم بتعيين الحقل الذي يوجد فيه أكبر عدد من الزوار وتأكد من تشغيل أدوات المراقبة الصحيحة في هذه المنطقة ، مثل Pingdom أو Google Pagespeed. تأكد من أنك تعرف ما الذي تتحدث عنه عندما تلتقي بقسم تكنولوجيا المعلومات ...

أصول
يمكن العثور على حل أقرب إلى المنزل في الأصول التي تستخدمها. وفقًا للاختناقات المرورية في Yahoo مثل الصور و css و javascript ، فإن 80٪ من وقت تحميل الصفحة. لذلك ، تأكد من عدم تحميل الملفات غير المرغوب فيها غير الضرورية وأن الملفات الضرورية تم تصغيرها وضغطها بشكل صحيح.

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

يمكن أن يوفر التخزين المؤقت أيضًا حلاً. قم بإلقاء نظرة على الأدوات التي تضمن أن الزائر لا يضطر في كثير من الأحيان إلى تحميل نفس الأصول بشكل غير ضروري. عندما يعمل موقع الويب الخاص بك على إطار عمل أو CMS غير معروف ، على سبيل المثال WordPress ، غالبًا ما تتوفر خيارات التخزين المؤقت في شكل مكونات إضافية مثل W3 Total Cache.

نصيحة 2: إجراء تسجيل الدخول

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

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

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

توقف عن إعادة التحميل
قد يضمن استخدام عمليات التحقق في الواجهة الأمامية سهولة أكبر في الاستخدام (لذلك لا يتم جمع المعلومات من خلال الخادم / قاعدة البيانات ولكن بشكل مباشر في المتصفح ، على سبيل المثال عبر Javascript و / أو Ajax). الميزة هي أن الصفحة لا تحتاج إلى إعادة التحميل. مثال: عميل كتب عن طريق الخطأ "[email protected]" بدلاً من ".com" كعنوان بريد إلكتروني.

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

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

أخيرًا: رسالة الخطأ. بالنسبة للعديد من المستخدمين ، يكون الأمر مزعجًا بدرجة كافية لحدوث خطأ ما. حاول تجنب الرسائل الشبيهة بالروبوت مثل "كلمة مرور غير صالحة". قم بزيارة هذا الزميل اللطيف في قسم الاتصال ... قد تحصل على بديل رائع يناسب نبرة صوت الشركة. اقتراح للرسالة أعلاه: "يبدو أنك كتبت كلمة مرور خاطئة". يبدو بالفعل أكثر ودية ، أليس كذلك ؟!

النصيحة 3: النماذج

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

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

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

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

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

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

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

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

النصيحة 4: البحث عن الصفحة أو المعلومات الصحيحة

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

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

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

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

النصيحة 5: نص غير واضح

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

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

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

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

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

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

النصيحة 6: الحشرات في كل مكان

سيئة للغاية. لا يمكن تجنب الأخطاء. سيجدون دائمًا طريقة للتسلل إلى….

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

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

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

النصيحة 7: الجوال أولاً؟

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

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

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

كما ذكرت سابقًا في هذه المدونة ، فإن أوقات التحميل الطويلة لها تأثير سلبي على تجربة المستخدم ، لذا تأكد من أن ملفاتك لا تصبح كبيرة جدًا وأنك تقوم فقط بتحميل الأحجام الصحيحة. عندما تعمل كثيرًا مع الرسوم التوضيحية والأيقونات ، يمكنك أيضًا إلقاء نظرة على استخدام SVGs (Scalable Vector Graphics). هذه في الواقع ملفات سطر يمكن تغيير حجمها بسهولة مع تصميمك.

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

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

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

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

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