6 ممارسات تصميم صفحة التسجيل للنماذج الخالية من الاحتكاك

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

ربما سجل في خدمتك ، أليس كذلك؟

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

كانت هناك مشكلة في صفحة التسجيل الخاصة بهم.

ما هي صفحة التسجيل؟

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

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

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

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

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

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

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

1. استخدم عنوانًا موجهًا للفائدة

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

أدناه ، يستخدم Copyblogger عنوانًا محشوًا برهان اجتماعي لإقناع المستخدمين بالتسجيل ، وما فوق ، Shopify يذكّر الاحتمالات بأن تجربتهم التجريبية مجانية لمدة 14 يومًا.

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

2. اجعل جميع الحقول المطلوبة

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

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

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

حقول النموذج للنظر فيها

بعض حقول النموذج للنظر في دمجها / التخلص منها:

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

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

اسأل نفسك: هل يُنشئ العملاء المحتملون حقًا كلمات المرور الخاصة بهم في مكان عام مزدحم؟ غير محتمل.

بدلاً من استخدام حقل "تأكيد كلمة المرور" ، اسمح للمستخدمين برؤية ما يكتبونه عن طريق الكشف عن حقل "كلمة المرور" الأصلي ، أو استخدام ميزة "إظهار / إخفاء" ، بالطريقة التي يعمل بها MailChimp في صفحة التسجيل الخاصة بهم:

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

في العديد من الأمثلة أدناه (Buffer ، Asana ، Crazy Egg) ، لا تطلب صفحات الاشتراك الاسم على الفور ، ولكن تسمح لعملائها المحولين بإدخال التفاصيل بمجرد تسجيل الدخول إلى النظام الأساسي.

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

3. إذا كنت في حاجة ماسة إلى كل هذه المعلومات ، فاطلبها بخطوات

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

يوضح تقرير من Formstack أن نماذج التسجيل متعددة الصفحات تفوقت في العام الماضي على نماذج الصفحة الواحدة بأكثر من 9٪:

لماذا ا؟

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

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

4. النظر في استخدام نافذة مشروطة

بالنسبة لأولئك الذين لديهم عملية تسجيل سريعة ، مثل Canva ، توفر النافذة النموذجية بعض المزايا.

يوضح المصمم جوشوا جونسون السبب:

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

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

5. تمكين الملء التلقائي الاجتماعي

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

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

6. التخلص من نص العنصر النائب

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

وفقًا لمجموعة Nielsen Norman Group ، فإن إضافة نص باللون الرمادي الفاتح إلى حقول النموذج الخاصة بك يمكن أن يؤدي إلى:

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

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

كيف يبني المحترفون صفحات التسجيل

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

ينكدين

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

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

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

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

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

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

Copyblogger

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

كما أنها تستفيد من ظاهرة تُعرف عمومًا باسم "FOMO" ، وتعني "الخوف من الضياع". لا أحد يريد أن يفوت فرصة الحصول على السبق الذي حصل عليه 334000 من أقرانهم في الصناعة.

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

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

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

بشكل عام ، في حين أن بعض أوجه القصور في النموذج واثنين من الروابط الصادرة قد يضر بالتحويلات على صفحة الاشتراك هذه ، فإن المحتوى المجاني لـ Copyblogger ذو قيمة كبيرة للغاية بحيث لا يمكن تفويته.

بيضة كريزي

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

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

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

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

إجمالاً ، تجعل هذه الصفحة التحويل أمرًا سهلاً بالنسبة للزوار.

متعادل

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

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

أسانا

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

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

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

ابدأ في إنشاء صفحة تسجيل محسّنة باستخدام Instapage ، واطلب عرض Instapage Enterprise اليوم.