دليل نهائي لتصميم النماذج: كيفية تصميم تحويل النماذج عبر الإنترنت

هل قمت بملء نموذج عبر الإنترنت مؤخرًا؟

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

لكنك ربما لم تدرك ذلك ، لأن ملء نماذج الويب أصبح جزءًا لا يتجزأ تقريبًا من نسيج حياتنا.

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

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

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

فلماذا النماذج على الإنترنت لديها مثل هذا مندوب سيئة؟

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

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

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

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

"من السهل جدًا إنشاء نموذج. الجزء الصعب هو جعل الناس يملأونها بالفعل ".

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

فمثلا:

  • وجد HubSpot أن القراء كانوا أكثر عرضة بنسبة 17٪ لملء نموذج إنشاء عميل من 14 صفحة عند وضعه على صفحة مقصودة منفصلة.
  • وجدت Marketo أن بعض الحقول غير الأساسية كانت تضخم تكلفتها لكل عميل بنسبة 25 ٪.

تصميم نموذج؟ اجعلها تجربة سهلة وبسيطة وودية. يخبرك هذا الدليل كيف.

المكونات الرئيسية للنموذج

1. تحية المجيبين: العنوان والمقدمة

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

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

فقط أسأل BettingExpert: لقد تلقوا المزيد من الاشتراكات بنسبة 31.54 ٪ عن طريق تغيير عنوان النموذج الخاص بهم للتأكيد على سبب وجوب تسجيل الأشخاص.

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

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

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

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

2. ضع الرؤوس والعناوين الفرعية ذات الصلة

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

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

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

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

أفضل طريقة لاختبار ذلك هي من خلال قراءة رؤوسك بمعزل - هل ما زالت منطقية؟

3. كسر الأسئلة مع فواصل

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

4. حدد ما إذا كنت ستستخدم نموذج متعدد الصفحات أو صفحة واحدة

ذلك يعتمد على عدد الأقسام.

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

5. التأكيد على الدعوات إلى الإجراءات (CTAs)

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

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

يحتاج لمزيد من الإقناع؟ في هذه الدراسة ، اكتشف Unbounce أنه حتى مجرد تغيير "بدء الإصدار التجريبي المجاني" إلى "بدء الإصدار التجريبي المجاني" زاد عدد النقرات على الدعوة إلى اتخاذ إجراء بنسبة 90٪.

6. تحديد حقول النموذج الخاص بك

الآن ليس الوقت المناسب للتخيل ....

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

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

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

7. لا تنسى أبدًا صفحة "شكرًا"

تذكر أن المستفتيين من البشر هم من أعطاك بعض الوقت. لذلك لا تنتهي فجأة - قل دائمًا شكرًا لك.

كيف تكتب حتى يستمع الناس

فيما يلي بعض النصائح حول فن كتابة النماذج حتى يملأها الناس.

8. تحدث ببساطة

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

تفضلوا بقبول خالص اعتذارنا. ومع ذلك ، فإننا نهتم لمعرفة رأيك. علاوة على ذلك… "

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

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

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

9. اجعلها شخصية

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

10. القضاء على الجمل السلبية

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

الكتابة السلبية تميل إلى أن تكون أطول وأقل تركيزًا.

كيف يمكنك معرفة ما إذا كانت الجملة غير فعالة؟ وهنا اثنين من الهبات القتلى:

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

لا يزال غير متأكد؟ يمكنك التحقق من السلبيات باستخدام إحصائيات قابلية القراءة في Microsoft Word ، أو باستخدام طريقة المساعدين في بوردو.

11. قص أكبر عدد ممكن من الكلمات

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

"لكل كلمة تقصها ، تكسب قارئًا."

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

مناطق مفيدة للقطع:

الاحوال (الكلمات المنتهية في -ly).

تصفيات لا معنى لها (الكثير ، الكثير)

المكثفات الفارغة (جدا ، تماما ، بالأحرى ، حقا).

كلمة "ذلك".

المعلومات غير الأساسية.

كلمات غامضة (شيء ، قليل ، كثير).

12. استخدام نسخ التعاقد من الكلمات

استخدام النسخ المتعاقد عليها من الكلمات (على سبيل المثال ، لا يمكن ، ليس) بدلاً من بدائلها الجدية والمتكاملة (لا يمكن ، ليست كذلك)) يظل مكتوبًا بالضوء وودية ومحادثة.

بالاضافة الى ذلك ، يمكنك توفير مساحة. والأشكال الجيدة دائما واسعة.

ما هو> ما هو. بسيط.

13. تشق الجمل الطويلة

الجمل المطولة والتعرج تحرض على الغالب. هكذا تفعل كتل كثيفة من النص.

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

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

14. مراجعة المحتوى المكتوب

خلال رحلة المدونات الخاصة بي ، تعلمت (بالطريقة الصعبة) أن الكتابة الجيدة هي تكوين 30٪ وتعديل 70٪.

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

سيكولوجية الأشكال

معظم مبادئ علم النفس UX مدمجة في نفسنا لدرجة أننا لا نلاحظها - ما لم تكن هناك.

لكن كل لون وخط وخط وزر يخدم غرضًا.

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

فيما يلي بعض المبادئ النفسية الأساسية التي تشكل الأساس المتين لأشكال جيدة التصميم.

15. مقارنة التكاليف والفوائد

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

إنها مهمة مصمم للتأكد من أن الفوائد المتصورة تفوق التكاليف دائمًا.

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

بعض الاستراتيجيات الرئيسية لتقليل تكاليف المستجيبين:

16. نص قطعة

+919–555–2743 مقابل 19195552743.

ما رقم الهاتف العصي في عقلك؟ أول واحد ، بالطبع. هذا لأنه تم تقسيمه.

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

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

17. تحديد متطلبات التنسيق

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

قانون هيكس

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

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

أقل حقا هو أكثر من ذلك.

بعض الطرق لتطبيق قانون هيكس:

18. قطع بلا رحمة (مرة أخرى)

ما الغرض من هذا الرابط؟ أو هذا الزر في أعلى اليمين؟ إذا لم تتم إضافته ، فسيتم التخلص منه. كل كلمة نسخ أو كل صورة أو جرس أو صفارة ليست ضرورية بنسبة 100٪ ستؤدي إلى خفض معدل تحويل النموذج الخاص بك.

كان نيل باتل قادرًا على زيادة معدل إرسال نموذج الاتصال بنسبة 26٪ عن طريق إزالة حقل واحد.

كما قال ترومان كابوت ذات مرة ، "أنا أؤمن بالمقص أكثر مني بالقلم الرصاص".

19. تقليل الحاجة للكتابة

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

20. تقصير النموذج الخاص بك مع المنطق الشرطي

وفقًا لمجموعة Marketing Insider Group ، يقول 78٪ من مستخدمي الإنترنت أن المحتوى ذي الصلة الشخصي من العلامات التجارية يزيد من نية الشراء لديهم. وتكون حملات التسويق أقل فعالية بنسبة 83٪ عندما تكون التجربة غير ذات صلة بالمستخدم.

شكرا لله على المنطق الشرطي!

يقوم المنطق الشرطي (أو "المنطق الفرعي") بتبسيط العمليات المعقدة عن طريق السماح بتعليمات إضافية تستند إلى استجابة معينة - أو ، "إذا كان هذا ، إذن ،". في سياق نموذج ما ، لا يرى المجيب سوى الأسئلة التي تنطبق عليها أساس إجاباتهم السابقة.

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

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

نظرية الترميز المزدوج

أنا أقول: شجرة.

ترى: جذع ، أوراق خضراء ، فروع.

دماغنا ذكي مثل هذا: فهو يربط بين الصور والكلمات.

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

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

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

21. تصور المعلومات

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

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

22. النظر في الألوان

هل تعلم: 90٪ من تقديرنا المبدئي للمنتج يعتمد على اللون وحده؟

في الواقع ، وفقًا لمعلم التسويق نيل باتيل ، فإن اللون هو "85٪ من سبب قيامك بشراء منتج معين."

لست بحاجة إلى أن تكون مصممًا للتعرف على مخططات الألوان والتباينات التي تعمل بشكل أفضل. توجد برامج مفيدة مثل Adobe Color CC و Paletton لمساعدتك في اختيار لوحة تعكس صورة شركتك.

23. اجعل شكلك جميلا

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

38 ٪ من الناس سوف تتوقف عن المشاركة مع صفحة إذا كان المحتوى أو التخطيط غير جذاب. بمعنى آخر ، إذا لم يكن من الجميل النظر إلى نماذج الويب الخاصة بك (وسهل ملؤها) ، فهي مضيعة للوقت.

بالتأكيد ، الجمال في عين الناظر. لكن الواجهة البسيطة والخط النظيف والتصميم الأنيق ستفوزك بمسابقات الجمال (النموذجية).

تأثير التقدم الموهوب

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

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

بعض الأمثلة على تطبيق تأثير التقدم الموقوف على النماذج:

24. أسئلة مذهل من السهل إلى الصعب

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

25. توضيح التقدم

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

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

أسئلة وإجابات وتجميع

26. طرح الأفكار

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

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

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

ثم ، اكتب بعض الإجابات المحتملة التي من شأنها أن تعطيك ما تبحث عنه.

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

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

ستوجه عملية ما قبل المسح هذه أيضًا التصميم الخاص بك وتوفر لك الوقت.

علم الحقول

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

الآن ، اسأل نفسك: هل حقا ، حقا ، حقا بحاجة إلى طرح هذا السؤال؟

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

نعم ، قد تكون الإجابة على هذا السؤال مهمة. ولكن هل من الأهمية بمكان أن نفقد نموذج المستفتى عليه؟

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

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

27. مجموعة الأسئلة بشكل صحيح

هيكلة النماذج عبر الإنترنت هي مفتاح النجاح.

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

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

28. حدد تسلسل سؤال منطقي

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

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

من خلال التكييف ، يمكننا التعرف على بعض أنواع التدفق بسهولة أكثر من غيرها. على سبيل المثال ، "ما اسمك؟" سيأتي قبل "أين تعيش؟" والذي بدوره سيأتي قبل "ما هي تجربة عملك؟"

29. اتخاذ قرار بشأن "إلزامي مقابل اختياري مقابل" لطيف بين "

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

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

30. اسأل شيء واحد في وقت واحد

الأسئلة ذات الأسطوانة المزدوجة تؤدي إلى الغموض. و - خمنت ذلك - لا يمكن تحديد الإجابات الغامضة.

تجنب سلسلة الأسئلة المتعجرفة عن طريق مسحها ضوئيًا للكلمات "و /" أو ". هل ترى واحدة؟ تشق السؤال في النصف.

كلما كان السؤال أوضح ، أوضح الجواب. أوضح الجواب ، أوضح البيانات.

31. أعط اختصارات

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

بعض أمثلة الاختصارات المفيدة:

البحث عن الرمز البريدي

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

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

تسمية الميدان

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

بمعنى آخر ، يمكن أن يكون لديك تسميات بدون نص نائب ، لكن ليس نصًا نائبًا بدون تسمية.

إجابات محددة مسبقا

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

يمكنك تحديد الإجابات مسبقًا عن طريق طرح الأسئلة نعم / لا أو الاختيار الفردي (الراديو) أو الاختيار من متعدد (مربع الاختيار). في حالة وجود إجابة لا يمكنك التنبؤ بها ، أضف مربع نص "الآخر" للسماح للقراء بإدخال استجابة مخصصة.

البحث التنبئي

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

الجمهور والغرض وسياق النموذج

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

النماذج هي وسيلة للاتصال. هناك طرفان المعنية.

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

لماذا يجب على شخص ما ملء النموذج الخاص بك؟ ما هو الغرض منها؟ اكتبه.

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

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

32. تعرف من تتحدث

يحتاج النموذج إلى جذب انتباه الجمهور المناسب - إذن ، من هو هذا الجمهور؟

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

تخيل عميلًا مثاليًا وهميًا له وظيفة وشخصية وعائلة وآمال وأحلام. جعل هذا الشخص في تركيز حاد. أين يعيشون ويعملون؟ ما هي آرائهم وقيمهم؟ كيف تتصل عملك؟

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

هذا هو الشخص الذي تحتاج إلى الاستمرار في الرجوع إليه. هذا هو الشخص الذي تحتاج إجاباته.

شكل صور والبنية

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

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

ما هي شخصية شركتك؟ ما هي العبارات والكلمات التي تعبر عنها؟ ما هي قيمك؟

في JotForm ، نركز على كوننا شاملين ودودًا ومتواضعًا - واللغة التي نستخدمها تعكس ذلك.

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

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

33. محاذاة التسميات أعلى اليسار

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

34. تجنب طرح الأسئلة جنبًا إلى جنب.

أظهرت دراسات تتبع العين أن تخطيطات عمود واحد بسيطة أفضل من تخطيطات الأعمدة المتعددة مع وضع أسئلة جنبًا إلى جنب.

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

35. جرب شيء واحد لكل صفحة

شيء واحد في الصفحة هو تقنية نفسية تعرف باسم:

... "تقسيم العملية المعقدة إلى قطع أصغر متعددة ، ووضع تلك القطع الصغيرة على شاشات خاصة بها."

في الأساس ، ليس لدى المستخدمين سوى شيء واحد مهم للتركيز عليه.

  • قطعة واحدة من المعلومات لفهم.
  • قرار واحد لاتخاذ.
  • سؤال واحد للإجابة.

تشجع الصفحة الخالية من الفوضى المستخدمين على الاستمرار في المهمة.

36. استخدام طول الحقل كتكلفة

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

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

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

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

الأخطاء والمسار إلى الانتهاء في تصميم النموذج

كما هو الحال في الحياة ، من الممكن أن تخطئ عند ملء النماذج.

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

37. لا تعتمد على اللون وحده

1 من كل 12 رجلاً لديهم درجة من العمى اللوني.

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

38. تحديد الأخطاء المضمنة

أظهر للمستخدم مكان حدوث الخطأ وقدم سببًا.

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

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

39. استخدام التحقق من صحة المجال

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

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

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

تستعيد JotForm Cards عنوان البريد الإلكتروني للمستخدم الذي أدخل اسم المجال خطأ ؛ john@gnail.comshould يكون john@gmail.com.

40. ... ولكن لا تكون صارمة للغاية

إذا كان هناك اختلاف كبير في كيفية قيام المستخدمين بالإجابة على حقل (على سبيل المثال ، الاستجابة إلى "رقم الهاتف" باستخدام +12345678912 ، +44 12345678912 ، 012345678912) ، فقم بتحويلها إلى تنسيق ثابت.

ما هو نموذج الدفع؟

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

تكامل الدفع لديها الكثير من المزايا. أنها تساعدك على

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

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

41. الحد من خطوات الدفع

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

42. استخدام المؤشرات البصرية للأمن

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

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

كما أنه يساعد على تمكين SSL في النماذج الخاصة بك للمساعدة في حماية البيانات. يشعر الزوار بالراحة مع العلم أن جميع التفاعلات مشفرة. JotForm هي أكثر الطرق أمانًا لنقل البيانات: نحن متوافق مع معيار أمان بيانات صناعة الدفع ببطاقة الدفع (PCI DSS) وتمكين طبقة المقابس الآمنة.

43. اشرح بوضوح لماذا تطلب معلومات حساسة

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

44. احفظ البيانات

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

45. كيفية إضافة تكامل الدفع مع JotForm

الخطوة 1: إضافة شعار العلامة التجارية الخاصة بك والأساليب المخصصة.

الخطوة 2: أدخل بيانات اعتماد التكامل باستخدام زر الاتصال ، أو أدخلها مباشرة.

الخطوة 3: إضافة صورة المنتج وتفاصيل المنتج مثل الكمية واللون والحجم.

الخطوة 4: حساب القسائم والضرائب والشحن.

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

الخطوة 5: اكتب رسالة بريد إلكتروني خاصة بالشكر شكرا لك.

كل مجموعة. يمكنك الآن بيع منتجاتك بسهولة على مواقع الويب أو المدونات أو وسائل التواصل الاجتماعي.

عندما تنتهي من النموذج ...

يا هلا ، فعلت! تقريبيا. قد يتم الانتهاء من النموذج الخاص بك ، ولكن هذا ليس وقت إرساله بعد ...

هناك بعض الخطوات النهائية التي يجب وضعها في الاعتبار.

46. ​​اختبار النموذج الخاص بك قبل المشاركة

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

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

نشرت أصلا على https://www.jotform.com