قابليتها للاستخدام لالدمى. الجزء 2: ما ينبغي أن يكون النموذج على الموقع

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

المحتويات:

حدد الحقول الاختيارية

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

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

ضع النص أعلى حقول النموذج

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

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

يجب ألا يكون هناك زر "إلغاء" في النماذج.

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

يرتبط الزر "إلغاء" فقط في مربعات الحوار أو مؤشرات العملية.

تسليم المستخدمين من النقرات التي لا نهاية لها على المقابض خطوة

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

السائر البديل والانزلاق المنظمين. يقوم المستخدم ببساطة بالضغط على زر الماوس مرة واحدة لتحريك شريط التمرير إلى الموضع المطلوب.

في نموذج البحث ، يجب أن يكون الزر "بحث" موجودًا على اليسار.

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

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

يجب أن يكون نموذج تأكيد العمر بسيطًا

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

الأزرار الإضافية في شكل تأكيد تجعل النموذج أقل فعالية.

النموذج المثالي لتأكيد العمر به زر واحد:

يجب أن تحقق النماذج الطويلة على الفور صحة الحقول

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

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

قم بتوصيل حقل البحث وزر "بحث"

إذا تركت مساحة فارغة بين حقل البحث وزر "بحث" ، فقد يؤدي ذلك إلى مشاكل إدراكية.

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

النص في الحقل يحسن كفاءة الشكل

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

Captcha لا يتوقف فقط على استخدام الروبوتات غير المرغوب فيها ، ولكن أيضًا في المستخدمين

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

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

اجعل استمارة التسجيل بسيطة ومريحة قدر الإمكان.

لحل هذه المشكلة ، استخدم التوصيات التالية:

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

اجعل من الممكن تحديد مربع الاختيار بالنقر فوق النص.

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

الجمع بين البحث في الموقع العام مع البحث في القسم

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

يجب أن تظهر النصائح في النماذج عند تحريك المؤشر

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

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

قم بتقليل نموذج البحث من أقرب فرع إلى حقل واحد

بحث النماذج التي تتكون من عدة حقول تخيف المستخدمين.

للعثور على أقرب فرع ، يجب على المستخدم ملء حقل واحد فقط.

شجع المستخدمين على ملء النماذج

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

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

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

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

سبب آخر لوضع النص أعلى حقول النموذج

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

يتم حل هذه المشكلة عن طريق وضع النص أعلى حقول النموذج.

وصفة لأشكال فعالة

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

ملاحظة هذا المقال له جزء آخر: "قابليتها للاستخدام لالدمى. الجزء 1: ما ينبغي أن يكون الأزرار على الموقع ".

شاهد الفيديو: سبليمنال تقصير الطول . التقليل من حجم القامه للطول المناسب (ديسمبر 2019).

Loading...

ترك تعليقك