عملاؤك يكرهون الأزرار المكسورة. أصلحه الآن.

يمكن للزر المكسور أن يحول الزائر الجاهز بهدوء إلى عميل ضائع. لقد رأيت هذا يحدث على صفحات المنتج، ونماذج الاتصال، وشاشات الحجز، وصفحات الخروج. تبدو الصفحة مصقولة. العرض سهل الفهم. ينقر الزائر على "الحصول على عرض أسعار" أو "متابعة الدفع"، ولا يحدث شيء. حاول بعض الزوار مرة أخرى. يغادر الكثيرون دون الإبلاغ عن المشكلة. يمكن أن تؤثر مشكلة الزر الصغيرة على الثقة والمبيعات وعمليات إرسال النماذج والبيانات التي تستخدمها للحكم على تسويقك. إذا أظهرت تقاريرك عددًا أقل من التحويلات، فقد لا تكون المشكلة في نسخة إعلانك أو تسعيره. قد يكون هناك زر أو رابط أو نموذج أو تخطيط للهاتف المحمول يمنع الخطوة التالية. ## ابدأ بمسار العميل أبدأ باختبار المسار الكامل الذي يتبعه العميل: 1. افتح الصفحة المقصودة. 2. اقرأ العرض الرئيسي. 3. انقر فوق الزر الأساسي. 4. أكمل النموذج أو حدد منتجًا. 5. قم بتقديم الطلب أو تقديم الطلب. 6. تحقق من رسالة التأكيد والبريد الإلكتروني للمتابعة. يجب اختبار هذا المسار على الهاتف والجهاز اللوحي وجهاز الكمبيوتر المكتبي. قد يعمل الزر بشكل جيد مع الماوس ولكنه يفشل عندما ينقر عليه الزائر على شاشة أصغر. أقوم أيضًا باختبار متصفحات مختلفة. يمكن لمتصفح Chrome وSafari وEdge وFirefox التعامل مع البرامج النصية والنوافذ المنبثقة وحقول النماذج بطرق مختلفة. قد لا تستجيب الصفحة التي تعمل على أحد المتصفحات بشكل صحيح على متصفح آخر. اختبار مفيد لا يتوقف بعد النقرة الأولى. أتحقق مما يحدث قبل وبعد إجراء الزر. هل تنتقل الصفحة إلى القسم الصحيح؟ هل الاستمارة مفتوحة ؟ هل تظهر رسالة التحميل؟ هل يتم تحميل صفحة التأكيد؟ ## تحقق مما إذا كان الزر قابلاً للرؤية لا يزال من الممكن أن يفقد زر العمل العملاء إذا لم يتمكن الأشخاص من العثور عليه. ألقي نظرة على الصفحة على الهاتف أولاً لأن زائري الهاتف المحمول غالبًا ما يشاهدون جزءًا فقط من الشاشة في المرة الواحدة. يجب أن يحتوي الزر الرئيسي على مساحة كافية حوله، ونص واضح، وحجم يدعم النقر دون الضغط على رابط آخر. يؤثر نص الزر أيضًا على ثقة المستخدم. "إرسال" يعطي القليل من السياق. "طلب مكالمة تسعير" يخبر الزائر بما سيحدث بعد ذلك. قد تعمل كلمة "متابعة" أثناء الخروج، ولكنها قد تبدو غير واضحة في صفحة الخدمة. يجب أن يتطابق الزر مع الإجراء الذي وعدت به الصفحة. إذا كانت الصفحة تشرح استشارة مجانية، فإن الزر المسمى "تنزيل الدليل" قد يثير الشك. تساعد الصياغة المتسقة الزائرين على المضي قدمًا دون تخمين. ## اختبار إجراء النقر قد يبدو الزر نشطًا أثناء فشل الكود الخاص به. أقوم بفحص الأسباب الشائعة مثل: - رابط مفقود أو غير صحيح - حقل نموذج يمنع الإرسال - أخطاء جافا سكريبت - نافذة منبثقة محظورة بواسطة المتصفح - برنامج نصي للتحميل لا ينتهي أبدًا - زر يوضع أسفل عنصر صفحة آخر - حالة معطلة لا يتم إيقاف تشغيلها - أداة الدفع أو الحجز التي فقدت اتصالها يمكن لأدوات مطور المتصفح أن تظهر الأخطاء بعد النقر. يمكن لتحليلات موقع الويب أيضًا الكشف عن المكان الذي يتوقف فيه الأشخاص. إذا وصل العديد من الزائرين إلى صفحة الخروج ولكن القليل منهم وصل إلى خطوة الدفع، فقد تكون المشكلة داخل تدفق الخروج وليس في الصفحة المقصودة. أنا لا أعتمد على اختبار واحد ناجح. نقرة واحدة على جهاز الكمبيوتر الخاص بي لا تمثل كل عميل. أكرر الاختبار باستخدام أجهزة وأحجام شاشات ومتصفحات وسرعات اتصال مختلفة. ## مراجعة سلوك الهاتف المحمول قد تأتي نسبة كبيرة من زيارات موقع الويب من الأجهزة المحمولة، لذا يحتاج اختبار زر الهاتف المحمول إلى عملية خاصة به. أتحقق مما إذا كان: - يتناسب الزر داخل الشاشة - يظل النص قابلاً للقراءة - تحتوي منطقة النقر على مساحة كافية - يغطي شعار ملف تعريف الارتباط الزر - قائمة ثابتة تمنع الإجراء - تقفز الصفحة عند النقر على الزر - يفتح النموذج أعلى المنطقة المرئية أو أسفلها - تخفي لوحة المفاتيح الحقل أو الزر التالي لا يحتاج العميل إلى الضغط على الشاشة أو تدوير الهاتف أو البحث عبر الصفحة لإكمال إجراء بسيط. أقوم أيضًا باختبار الاتصالات الأبطأ. يمكن أن تؤدي الصور الثقيلة والنصوص البرمجية التابعة لجهات خارجية وأدوات التتبع إلى تأخير الزر أو جعل الصفحة تبدو مجمدة. يمكن أن تساعد رسالة التحميل القصيرة الأشخاص على فهم أن الطلب قيد المعالجة. ## تسهيل إصلاح الأخطاء غالبًا ما تفشل النماذج دون إخبار الزائرين بالخطأ الذي حدث. رسالة مثل "إدخال غير صالح" لا تساعد كثيرًا. أفضّل التوجيه المباشر بالقرب من الحقل المتأثر: - "أدخل عنوان بريد إلكتروني صالحًا". - "اختر خيار التسليم." - "هذه الخانة مطلوبه." - "يجب أن تحتوي رسالتك على 20 حرفًا على الأقل." يجب أن تظل الرسالة مرئية بعد أن يقوم الزائر بتصحيح النموذج. إذا قامت الصفحة بمسح كل الحقول بعد خطأ واحد، فسيغادر العديد من الأشخاص بدلاً من البدء من جديد. أتأكد أيضًا من عدم قيام الزر بإرسال النموذج مرتين. عندما ينقر الزائر بشكل متكرر، يجب أن يُظهر الموقع حالة تحميل قصيرة ويمنع الطلبات المكررة. وهذا يحمي تجربة العميل ويقلل من مشكلات الطلب أو العملاء المحتملين التي يمكن تجنبها. ## استخدم البيانات للعثور على المشكلات المخفية يمكن للتحليلات أن توضح أن الصفحة تتلقى حركة مرور، ولكن حركة المرور وحدها لا تخبرني ما إذا كانت الصفحة تعمل أم لا. أتتبع أحداثًا مفيدة مثل: - مشاهدات الأزرار - نقرات الأزرار - بدء النموذج - أخطاء النموذج - عمليات إرسال النموذج - تقدم الدفع - فشل الدفع - زيارات صفحة التأكيد الأرقام تحتاج إلى سياق. قد يشير معدل النقر المرتفع مع معدل إكمال منخفض إلى وجود مشكلة في النموذج أو الدفع. قد يشير معدل النقر المنخفض إلى نص زر غير واضح، أو بنية صفحة ضعيفة، أو موضع ضعيف، أو مشكلة فنية. أقوم أيضًا بمقارنة بيانات الجهاز. إذا أكمل زوار سطح المكتب النموذج بينما توقف زوار الهاتف المحمول بعد النقر، فإنني أركز على تجربة الهاتف المحمول قبل تغيير العرض. يمكن أن يساعد تسجيل جلسة بسيطة في الكشف عن السلوك الذي تفوته الأرقام. قد ترى أشخاصًا ينقرون على صورة تشبه الزر، أو يقومون بالتمرير للخلف وللأمام، أو ينقرون على عنصر تحكم معطل عدة مرات. ## تعلم من مثال عملي تخيل شركة إصلاح محلية لديها صفحة تقول "احجز زيارة منزلية". يعمل الزر على سطح المكتب، ولكن على الهاتف المحمول يغطي شعار الخصوصية الجزء السفلي من الشاشة. يمكن للزائرين رؤية الزر ولكن لا يمكنهم النقر عليه. قد تفترض الشركة أن الصفحة تحتاج إلى المزيد من الزيارات. من الأسهل حل المشكلة الفعلية: قم بتحريك اللافتة وإضافة مساحة حول الزر واختبار نموذج الحجز على عدة هواتف. مثال آخر يتضمن متجرًا عبر الإنترنت. يعمل زر "إضافة إلى سلة التسوق"، لكن المتسوقين لا يتلقون أي استجابة مرئية بعد النقر عليه. ينقر بعض الأشخاص مرة أخرى، مما يؤدي إلى إنشاء عناصر مكررة. يفترض آخرون أن الصفحة فشلت ويغادرون. يمكن لحالة التحميل الواضحة وتحديث سلة التسوق ورسالة تأكيد قصيرة أن تجعل الخطوة التالية أسهل في الفهم. ## أنشئ روتينًا قبل نشر التغييرات أستخدم قائمة مرجعية صغيرة للإصدار: - اختبر الزر الرئيسي على سطح المكتب والجوال - افتح الصفحة في أكثر من متصفح - أرسل النموذج بتفاصيل صالحة وغير صالحة - تحقق من صفحة التأكيد - اختبر حالات التحميل البطيء - تأكد من تسجيل أحداث التحليلات - راجع الصفحة باستخدام قارئ الشاشة أو لوحة المفاتيح - اطلب من شخص آخر إكمال الإجراء دون توجيه، يمكن أن تكشف هذه الخطوة الأخيرة عن صياغة مربكة. أعرف بالفعل الغرض من الزر، لذا قد أتجاهل مشكلة تبدو واضحة للزائر الجديد. نادرًا ما يكون الزر المكسور مجرد تفاصيل تصميمية. يمكن أن يقاطع قرار العميل في النقطة المحددة التي يجب أن تتحول فيها الثقة إلى إجراء. أتحقق من الرحلة بأكملها، وأختبر التفاصيل الصغيرة، وأستخدم سلوك العميل لتوجيه كل إصلاح. عندما يتمكن الزائر من رؤية الخطوة التالية وفهمها وإكمالها دون احتكاك، فإن الصفحة لديها فرصة أفضل لدعم هدف العمل.

يمكن للزر المكسور أن يوقف عملية البيع قبل أن يصل العميل إلى الخروج. لقد رأيت متسوقين يقرأون تفاصيل المنتج، ويختارون الحجم، ويحددون خيار الدفع، ثم ينقرون على زر لا يفعل شيئًا. البعض ينتظر. البعض ينقر مرة أخرى. يغادر الكثيرون دون الإبلاغ عن المشكلة. من وجهة نظر العميل، قد يبدو المتجر غير موثوق به، حتى عندما يكون المنتج والخدمة جيدة. يقوم الزر بأكثر من مجرد إرسال نموذج أو إضافة عنصر إلى سلة التسوق. إنه يرشد الإجراء التالي. وعندما يفشل هذا الإجراء، تفقد عملية الشراء مسارها. ## الشكل الذي يبدو عليه الزر المكسور الزر المكسور لا يكون دائمًا غير مستجيب تمامًا. قد: - عدم القيام بأي شيء بعد النقر - العمل على سطح المكتب ولكنه يفشل على الهاتف المحمول - فتح صفحة خاطئة - إظهار خطأ بعد إرسال النموذج - إضافة منتج خاطئ إلى سلة التسوق - البقاء معطلاً بعد اكتمال الحقول المطلوبة - إرسال نفس الطلب أكثر من مرة - الاندماج في الصفحة حتى لا يلاحظها العملاء - التوقف عن العمل بعد تحديث قالب أو مكون إضافي أو برنامج نصي يسهل اكتشاف بعض المشكلات. وتظهر أخرى فقط في ظل ظروف معينة، مثل متصفح معين، أو حجم الشاشة، أو خيار المنتج، أو طريقة الدفع. وهذا يجعل اختبار الأزرار بشكل منتظم جزءًا من صيانة المبيعات، وليس مجرد مهمة تصميم. ## ابدأ بمسارات العملاء الرئيسية ولا أختبر كل صفحة بشكل عشوائي. أبدأ بالإجراءات الأقرب إلى الإيرادات: 1. افتح صفحة المنتج. 2. حدد الخيارات المطلوبة. 3. أضف السلعة إلى سلة التسوق. 4. قم بتحديث كمية سلة التسوق. 5. ابدأ الخروج. 6. أدخل تفاصيل العميل. 7. اختر الشحن والدفع. 8. قم بتقديم الطلب. 9. أرسل نموذج اتصال أو عرض أسعار. أقوم باختبار هذه المسارات كما سيستخدمها العميل. قد يعمل الزر عند النقر عليه من صفحة واحدة ولكنه يفشل عندما يصل إليه العميل بعد تغيير خيار المنتج. يمكن أن تتضمن ورقة الاختبار البسيطة ما يلي: | صفحة | عمل الزر | الجهاز | المتصفح | النتيجة | |---|---|---|---|---| | صفحة المنتج | أضف إلى السلة | الجوال | كروم | يعمل | | صفحة سلة التسوق | تحديث الكمية | الجوال | سفاري | فشل | | الخروج | تقديم الطلب | سطح المكتب | الحافة | يعمل | يساعدني هذا السجل في العثور على الأنماط بدلاً من الاعتماد على الذاكرة. ## التحقق من سلوك الهاتف المحمول يتصفح العديد من العملاء ويشترون من الهاتف. يمكن أن يظهر الزر بشكل طبيعي على شاشة كبيرة ويصبح من الصعب استخدامه على شاشة أصغر. أتحقق مما إذا كان: - يظل الزر مرئيًا دون تغطية محتوى آخر - يتناسب النص داخل الزر - يحتوي الزر على مساحة كافية حوله - يمكن للإصبع النقر عليه دون الضغط على عنصر تحكم آخر - تنتقل الصفحة إلى القسم الصحيح بعد النقر - تظهر حالة التحميل بعد الإرسال - يظل الزر قابلاً للاستخدام عند الإمساك بالهاتف عموديًا تظهر مشكلة شائعة عندما تغطي قائمة ثابتة الجزء السفلي من الصفحة. الزر موجود، لكن لا يمكن للعميل النقر عليه بشكل صحيح. يمكن لتغيير بسيط في التخطيط إزالة الكتلة. ## مراجعة الكود وأدوات الموقع غالبًا ما تأتي الأزرار المعطلة من تغييرات خارج الزر نفسه. قد يقوم برنامج نصي جديد بإيقاف تشغيل حدث النقر. قد يتعارض البرنامج المساعد مع عملية الخروج. قد تؤدي أداة التتبع إلى تأخير إرسال النموذج. قد يؤدي التحديث الأخير للموضوع إلى تغيير فئة الزر أو رابطه. أتحقق من: - أخطاء وحدة تحكم المتصفح - روابط الأزرار وإجراءات النموذج - أحداث نقر جافا سكريبت - تحديثات المكونات الإضافية والموضوع - إعدادات الخروج - رسائل بوابة الدفع - قواعد التحقق من صحة النموذج - إعادة توجيه المسارات - حالات التحميل والتعطيل يمكن للمطور استخدام أدوات المتصفح للتأكد من وصول النقرة إلى البرنامج النصي للصفحة. يمكن أن يقلل هذا من التخمين ويساعد في فصل مشكلة التصميم عن المشكلة الفنية. ## اجعل الإجراء سهل الفهم: يجب أن يخبر الزر العملاء بما سيحدث بعد ذلك. قد يتناسب خيار "اشتر الآن" مع تدفق الشراء المباشر. "أضف إلى سلة التسوق" يناسب المتجر حيث يمكن للمتسوقين مواصلة التصفح. يعمل خيار "طلب عرض أسعار" بشكل أفضل مع الخدمة التي تحتاج إلى تفاصيل العميل. يجب أن تكون الصياغة متطابقة مع الإجراء. إذا كان الزر يقول "ابدأ" ولكنه يفتح نموذج اتصال طويل، فقد يشعر بعض الزوار بعدم اليقين بشأن الخطوة التالية. أتجنب أيضًا وضع عدة أزرار بنفس الوزن المرئي بجانب بعضها البعض. عندما يبدو كل خيار مثل الإجراء الرئيسي، قد يتوقف العملاء مؤقتًا بدلاً من الاختيار. ## أضف تعليقات مفيدة بعد كل نقرة يحتاج العملاء إلى استجابة واضحة بعد تفاعلهم مع الزر. يمكن أن تعرض الصفحة: - مؤشر التحميل - رسالة تأكيد - تحديث عدد سلة التسوق - خطأ مرئي بالقرب من الحقل المتأثر - رابط لإعادة محاولة الإجراء - سبب واضح لعدم إمكانية إرسال النموذج الفشل الصامت يخلق الشك. رسالة مفيدة تعطي العميل وسيلة للمضي قدما. يجب أن تستخدم الرسالة لغة واضحة. "الرجاء تحديد حجم قبل إضافة هذا العنصر" يساعد أكثر من "خطأ في التحقق: الخيار مطلوب". ## الاختبار بعد كل تغيير كبير أقوم باختبار الأزرار بعده: - تعديلات السمات - تحديثات المكونات الإضافية - تغييرات الخروج - تغييرات إعداد الدفع - قوالب المنتجات الجديدة - تعديلات النماذج - تحديثات كود التتبع - عمل سرعة الصفحة أقوم أيضًا باختبار تسجيل الدخول وجلسات الضيف عندما يكون كلاهما متاحًا. يمكن للصفحات المخزنة مؤقتًا إخفاء التغييرات، لذلك أتحقق من جلسة متصفح جديدة وجهاز محمول. كان لدى أحد المتاجر الصغيرة عبر الإنترنت التي قمت بمراجعتها زر إضافة إلى سلة التسوق الذي كان يعمل مع المنتجات القياسية ولكنه فشل عندما حدد العملاء خيارًا مخصصًا. ولم تظهر صفحة المنتج خطأً واضحًا، لذلك اعتقد المالك أن المتجر يتلقى فائدة أقل. القضية لم تكن الطلب. لم يتم تمرير الخيار المحدد بشكل صحيح إلى سلة التسوق. يمكن أن يظل هذا النوع من المشاكل مخفيًا عندما يغطي الاختبار أبسط المنتجات فقط. ## تتبع النقرات والإجراءات الفاشلة يمكن للتحليلات إظهار الأماكن التي يغادرها الأشخاص، ولكن البيانات تحتاج إلى سياق. قد يكون سبب ارتفاع معدل الخروج من صفحة المنتج هو المحتوى الضعيف، أو التحميل البطيء، أو فشل الزر بعد التحديد. تتضمن الأحداث المفيدة ما يلي: - نقرات الإضافة إلى عربة التسوق - بدء عملية الدفع - عمليات إرسال النماذج - أخطاء الدفع - النقرات المتكررة على الأزرار - تحديثات سلة التسوق - تأكيدات الطلب الناجحة تعد النقرات المتكررة إشارة مفيدة. وقد تظهر أن الصفحة لا تقدم أي استجابة، أو يتم تحميلها ببطء، أو تحظر الإجراء. الأزرار المكسورة هي مشكلات فنية صغيرة لها تأثير مباشر على ثقة العملاء. أتعامل معها كجزء من مسار المبيعات، وأختبرها عبر الأجهزة الشائعة، وأقدم للعملاء تعليقات واضحة بعد كل إجراء. لا يضمن زر العمل إجراء عملية بيع، ولكن يمكن للزر الفاشل إزالة الخطوة التالية قبل أن تتاح للعميل فرصة اتخاذ القرار.

ينقر العميل على "أضف إلى سلة التسوق" أو "احجز عرضًا تجريبيًا" أو "ادفع الآن". لا شيء يحدث. قد تبدو الصفحة مصقولة، وقد يتناسب العرض مع احتياجات الزائر، وقد تكون عملية الدفع جاهزة. لا يزال من الممكن أن يوقف الزر المكسور الرحلة بأكملها. سيقوم بعض الزوار بتحديث الصفحة. سيغادر الكثيرون دون الإبلاغ عن المشكلة. لقد رأيت هذا يحدث على صفحات المنتج، ونماذج الاتصال، وقوائم الهاتف المحمول، وشاشات الخروج. غالبًا ما تكون المشكلة صغيرة: رابط خاطئ، أو نص برمجي محظور، أو زر مخفي، أو نموذج لا يرسل بيانات. يمكن أن يصل التأثير إلى ما هو أبعد من صفحة واحدة. ## ابدأ بمسار العميل، ولا أبدأ بالتحقق من كل زر على موقع الويب. أتبع المسار الذي من المتوقع أن يسلكه العميل. بالنسبة لمتجر عبر الإنترنت، قد يبدو هذا المسار كما يلي: - صفحة المنتج - إضافة إلى سلة التسوق - مراجعة سلة التسوق - الخروج - الدفع - تأكيد الطلب بالنسبة لأعمال الخدمة، قد يكون: - صفحة الخدمة - نموذج الاستفسار - تفاصيل الاتصال - طلب موعد - رسالة تأكيد أفتح الرحلة كما يفعل الزائر. أستخدم هاتفًا وجهاز كمبيوتر مكتبيًا. أقوم باختبار الإجراء الرئيسي في كل صفحة بدلاً من افتراض أن الزر يعمل لأنه يبدو صحيحًا. قد يفشل الزر الذي يتم فتحه على سطح المكتب على شاشة أصغر. قد يتم إرسال النموذج بنجاح عندما أقوم بتسجيل الدخول ولكنه يفشل بالنسبة للزائر العادي. يساعد اختبار المسار الكامل في الكشف عن المشكلات التي يمكن أن يفوتها الفحص البصري السريع. ## تحقق مما يحدث بعد النقر. يجب أن يؤدي زر العمل إلى إنشاء نتيجة واضحة. قد تفتح الصفحة عنوان URL جديدًا، أو تضيف عنصرًا إلى سلة التسوق، أو تعرض رسالة نموذجية، أو تبدأ عملية تنزيل، أو تعرض شاشة تأكيد. إذا لم ير الزائر أي تغيير، أتحقق من استجابة الصفحة ووحدة تحكم المتصفح بحثًا عن الأخطاء. تتضمن الأسباب الشائعة ما يلي: - عنوان URL غير صحيح - صفحة مفقودة - حدث نقرة معطل - برنامج نصي يفشل في التحميل - حقل نموذج تم وضع علامة عليه على أنه مطلوب بدون توجيه واضح - زر مخفي خلف عنصر آخر - أداة دفع أو حجز فقدت اتصالها - تخطيط متنقل يضع الزر خارج المنطقة المرئية كما أتحقق مما إذا كان الزر رابطًا حقيقيًا أم مجرد عنصر مرئي. يوفر رابط HTML الواضح للمستخدمين ومحركات البحث مسارًا قابلاً للاستخدام. يحتاج الزر الذي يعتمد على برنامج نصي إلى خيار احتياطي مناسب عندما لا يتم تشغيل هذا البرنامج النصي. ## اختبار كل زر مفتاح على الهاتف المحمول غالبًا ما يواجه الزائرون عبر الهاتف المحمول مشكلات غير مرئية على الشاشة العريضة. أتحقق من: - حجم الزر والتباعد - النص الذي يتناسب مع الزر - استجابة اللمس - لافتات لاصقة تغطي الزر - إشعارات ملفات تعريف الارتباط التي تحجب الجزء السفلي من الصفحة - النماذج التي تتحرك خارج الشاشة - القوائم التي تفتح ولكن لا يمكن إغلاقها - نصوص برمجية بطيئة التحميل تؤخر الإجراء لا يحتاج الزائر إلى التكبير أو تدوير الهاتف أو النقر عدة مرات. كما يساعد النص الواضح مثل "إرسال استفسار" أو "عرض سلة التسوق" الأشخاص على فهم ما سيحدث بعد ذلك. ## جعل رسائل الخطأ مفيدة يجب ألا يترك الإجراء الفاشل الزائر في حالة تخمين. رسالة مثل "حدث خطأ ما" لا تقدم سوى القليل من المساعدة. تشرح رسالة أفضل الخطوة التالية: "لم يتم إرسال رسالتك. تحقق من حقل البريد الإلكتروني وحاول مرة أخرى." بالنسبة لمشكلة الدفع، قد يقول الموقع: "لم نتمكن من معالجة هذه الدفعة. يرجى التحقق من تفاصيل بطاقتك أو اختيار طريقة دفع أخرى." يجب أن تظهر الرسالة بالقرب من الحقل أو الإجراء المتأثر. يجب أن تظل قابلة للقراءة على الهاتف. أتجنب إلقاء اللوم على العميل، خاصة عندما تكون المشكلة من الموقع الإلكتروني. ## مراجعة الروابط بعد تغيير موقع الويب غالبًا ما تظهر الأزرار المعطلة بعد إعادة التصميم أو تحديث البرنامج المساعد أو تغيير المنتج أو نقل النطاق. أحتفظ بقائمة بسيطة من الإجراءات المهمة وأراجعها بعد كل تحديث رئيسي: | صفحة | زر | النتيجة المتوقعة | نتيجة الاختبار | |---|---|---|---| | صفحة المنتج | أضف إلى السلة | يظهر العنصر في سلة التسوق | العمل | | صفحة الاتصال | إرسال استفسار | يظهر التأكيد | يحتاج إلى مراجعة | | صفحة الخدمة | احجز مكالمة | تفتح صفحة الحجز | العمل | هذه القائمة لا تحتاج إلى أن تكون معقدة. إنه يمنحني سجلاً لما يهم ويجعل عمليات التحقق المستقبلية أسهل. يجوز لمالك موقع الويب أيضًا استخدام أدوات فحص الارتباط والتحليلات وإشعارات النماذج وأدوات اختبار المتصفح. يمكن أن تشير هذه الأدوات إلى وجود مشكلة، ولكنني لا أزال أختبر رحلة العميل بنفسي. قد يُظهر التقرير أنه يتم تحميل الصفحة مع عدم ملاحظة حقيقة فشل الإجراء الرئيسي بعد النقر. ## انتبه للعلامات في التحليلات قد يشير التغيير المفاجئ في نشاط موقع الويب إلى وجود مشكلة في الزر. تشمل العلامات المفيدة ما يلي: - تظل مشاهدات المنتج ثابتة بينما تنخفض إضافات سلة التسوق - تستمر زيارات النموذج بينما تنخفض عمليات الإرسال - تزداد عمليات الدفع بينما تنخفض الطلبات المكتملة - يغادر مستخدمو الهاتف المحمول الصفحة بمعدل أعلى بكثير - لا تتلقى صفحة التأكيد أي زيارات بعد تحديث الموقع. لا تثبت هذه الأرقام أن الزر مكسور. أنها تظهر أين يجب أن أختبر عن كثب. على سبيل المثال، قد يتلقى متجر عبر الإنترنت نفس العدد من زيارات صفحة المنتج بعد تحديث السمة، ومع ذلك قد ينخفض ​​نشاط سلة التسوق. يمكن أن يكشف اختبار زر "إضافة إلى سلة التسوق" على العديد من الأجهزة أن البرنامج النصي لم يعد يتم تحميله على الهاتف المحمول. ## اجعل من السهل العثور على الإجراءات المهمة. زر واضح يدعم كلاً من المستخدمين وإمكانية رؤية البحث. يمكن لمحركات البحث فهم الصفحة بشكل أفضل عندما يتوافق محتواها وروابطها وعناوينها وإجراءاتها مع غرض الزائر. أستخدم نص رابط وصفيًا بدلاً من التسميات الغامضة. "تنزيل دليل التسعير" يخبر الزائر بأكثر من "انقر هنا". أضع الإجراء الرئيسي بالقرب من المعلومات ذات الصلة وأتجنب ملء الصفحة بعبارات متكررة تحث المستخدم على اتخاذ إجراء تتنافس على جذب الانتباه. يمكن أن تحتوي الصفحة الواحدة على عدة إجراءات، ولكن يجب أن تخدم نفس مسار العميل. قد تقوم صفحة الخدمة بتوجيه الزائرين نحو نموذج الاستفسار، بينما قد ترشدهم صفحة المنتج نحو عربة التسوق. قبل أن أنشر صفحة، أسأل نفسي سؤالاً واحدًا بسيطًا: إذا وصلت إلى هنا بحاجة واضحة، فهل يمكنني إكمال الخطوة التالية دون شك أو احتكاك؟ زر العمل هو أكثر من مجرد تفاصيل التصميم. فهو يربط المصلحة بالعمل. تساعد عمليات الفحص المنتظمة والرسائل الواضحة والاختبار عبر الهاتف المحمول والتتبع البسيط في الحفاظ على هذا الاتصال مفتوحًا. اتصل بنا على Allan-zheng: longxianghardware@gmail.com/WhatsApp +8618959885227.

1. ستيف كروج - 2014 - لا تجعلني أفكر في إعادة النظر: نهج منطقي لقابلية استخدام الويب 2. جاكوب نيلسن - 1999 - تصميم قابلية الاستخدام على الويب: ممارسة البساطة 3. لوك فروبليوسكي - 2008 - تصميم نموذج الويب: ملء الفراغات 4. ستيف كروج - 2010 - جراحة الصواريخ أصبحت سهلة: دليل افعل ذلك بنفسك للعثور على مشكلات قابلية الاستخدام وإصلاحها 5. اتحاد شبكة الويب العالمية - 2018 - إرشادات إمكانية الوصول إلى محتوى الويب 2.1 6. أفيناش كوشيك - 2009 - تحليلات الويب 2.0: فن المساءلة عبر الإنترنت وعلم التركيز على العملاء