كيفية تحسين النماذج للاستفادة من الملء التلقائي

مفاجئة! يمكنك تسهيل شراء المستخدمين لمنتجاتك عبر الإنترنت من خلال قوة الملء التلقائي.

يجب أن يكون يومك المحظوظ. أو ، حسنا ، سنوات؟

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

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

كما أنه يحمي المستخدمين من الاضطرار إلى التفكير كثيرًا ، أو الأسوأ من ذلك ، النهوض من أريكتهم المريحة للسير لمسافة مخيفة إلى محافظهم.

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

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

هذا هو سبب وجود القدرات التلقائية في قائمتنا لأفضل ممارسات تصميم النماذج.

لذا ، كيف تجعل الملء التلقائي يعمل على نماذج الويب الخاصة بك؟

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

كيف يعمل الملء التلقائي؟

ماذا لو نبدأ هنا: ما هو الملء التلقائي في المقام الأول؟

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

تقوم المتصفحات المختلفة بحفظ بيانات مستخدم مختلفة قليلاً ولكنها متشابهة بشكل عام:

ملاحظة: تتضمن "العناوين" أرقام الهواتف وعناوين البريد الإلكتروني وعناوين الشحن.

الآن ، كيف يؤدي الملء التلقائي سحره؟

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

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

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

كيفية إضافة ملء تلقائي للنماذج إلى نماذج الويب الخاصة بك

هل أنت مستعد لبعض الأخبار الجيدة؟

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

إذا لم يكن الأمر كذلك ، فإن Google تقدم سببين لعدم نجاح الملء التلقائي للمستخدمين:

1. 1. قد لا يكون موقع الويب الخاص بك آمنًا بما يكفي لكي يوفر Chrome بيانات المستخدم.
   2. إذا كان موقع الويب الخاص بك آمنًا ، فقد لا يتمكن Chrome من اكتشاف حقول النموذج.

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

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

نموذج أفضل الممارسات لضمان أعمال الملء التلقائي

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

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

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

صورة من Google Developers.

للامتثال لممارسات نماذج HTML القياسية ، يجب عليك أنت أو مطور موقع الويب أيضًا التأكد من أن عناصر الإدخال مغلفة بعلامة <form> لتمكين الملء التلقائي. يتطلب مستعرض الويب Google Chrome أن تكون حقول النموذج في علامة نموذج HTML ، أو لن يقدم سوى اقتراحات ولن يقوم بملء بيانات النموذج تلقائيًا.

ما لا يجب فعله: الممارسات التي تمنع الملء التلقائي

بينما تساعد بعض الممارسات المتصفحات في الملء التلقائي لبيانات النموذج ، فإن البعض الآخر يعيق الطريق. عند إنشاء النماذج ، تأكد من:

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

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

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

بالنسبة لمالكي مواقع الويب ، يعني هذا التأكد من أن نماذج تسجيل الدخول تعمل مع تطبيقات الملء التلقائي لكلمة المرور.

لحسن الحظ ، يرتبط مديرو كلمات المرور بالنماذج المبنية بشكل صحيح من تلقاء أنفسهم - تمامًا مثل المتصفحات. اتبع نصائح النموذج أعلاه ، ويجب أن يعمل النموذج الخاص بك بسلاسة مع LastPass و 1Password.

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

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

كيفية الملء التلقائي: نصائح أخرى

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

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

إعداد نماذج الملء التلقائي للتطبيقات

عند إنشاء تطبيق يستطيع المستخدمون الوصول إليه على أجهزة Apple ، تأكد من أن تطبيقك يدعم وظيفة التدوين الآلي لكلمة المرور من Apple ، وقم بإعداد المجالات المرتبطة بتطبيقك كما هو موضح هنا:

متطلبات الملء التلقائي لنظام iOS

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

عملية وإرشادات الملء التلقائي لنظام Android

احصل على الشكر في التحويلات

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

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

وفي رأينا ، التحويلات هي أفضل طريقة يمكن للمستخدم أن يقول بها شكرًا لك.

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