كيف تصنع نموذجًا جيدًا (تأكد من أن النماذج الخاصة بك لا تخيف الناس)
نشرت: 2018-12-20النماذج هي الطريقة التي تجعل الأشخاص يقومون بها على موقع الويب الخاص بك. وبغض النظر عن نوع النموذج الذي تستخدمه ، فأنت بحاجة للتأكد من أن النموذج الخاص بك سهل الاستخدام - حتى يملؤه الأشخاص.
إذا كانت النماذج الخاصة بك تعطي انطباعًا سيئًا للمستخدم ، فلن يقوم الأشخاص بملئها. مما يعني أنهم يغادرون موقع الويب الخاص بك ، ولن يصبحوا عملاء أبدًا - كل ذلك لأنك قمت بتنسيق حقول النموذج بشكل متزعزع قليلاً!
هذا يعني أنك بحاجة إلى معرفة كيفية صنع شكل جيد.
ما أنواع النماذج التي ستستفيد من التصميم الجيد للشكل؟
- نماذج إنشاء قوائم العملاء المحتملين — عندما تريد أن يشترك الأشخاص في قائمة البريد الإلكتروني الخاصة بك أو تنزيل عرض مجاني
- نماذج الاتصال - عندما تريد أن يتواصل الناس معك
- نماذج التسجيل - عندما تريد أن يقوم الأشخاص بالتسجيل في خدمتك أو حدثك
- نماذج تسجيل الدخول - عندما تريد أن تسهل على الأشخاص تسجيل الدخول
- نماذج الخروج — عندما تريد التأكد من أن الأشخاص لا يتخلون عن عربات التسوق
- نماذج التقاط البريد الإلكتروني العامة - لأي وقت متنوع تحتاج فيه إلى الحصول على عنوان البريد الإلكتروني لشخص ما
لسوء الحظ ، هناك الكثير من الأشكال السيئة.
لحسن الحظ ، فإن تصميم نموذج بسيط وفعال مع تجربة مستخدم جيدة ليس بالأمر الصعب.
إليك كيفية صنع شكل جيد.
مبادئ تصميم النموذج التي يجب اتباعها (العناصر الأربعة للتصميم الجيد الشكل)
عندما تحتاج إلى عمل نموذج جيد ، فأنت بحاجة إلى شيئين:
- أفضل الممارسات البسيطة ، مثل مكان وضع تسميات الحقول وكيفية تكديس الحقول
- المبادئ التي تحكم كيفية صنع شكل جيد
يمكنك أن تتعلم الكثير من الأشياء التي اختبرها الآخرون بالفعل - وفي ثانية سأقوم بإدراج مجموعة من أفضل ممارسات تصميم النماذج التي ستجعل من السهل عليك تصميم النماذج.
لكن في بعض الأحيان تحتاج إلى استخدام نموذج لشيء لم يتم اختباره.
أو أنك تعمل مع جمهور يختلف ، لأي سبب كان ، عن معظم الأشخاص الذين يملئون النماذج.
يمنحك فهم مبادئ تصميم النموذج الأدوات اللازمة لإنشاء نموذج جيد في أي ظرف من الظروف.
[blog-subscribe headline = "هذا النموذج يتبع المبادئ" description = "وعندما ترسل بريدك الإلكتروني ، ستتلقى بريدًا إلكترونيًا واحدًا في الأسبوع - يعرض أفضل نصائحنا التسويقية."]
وبالتالي. إليك النصائح السريعة والمحددة التي تساعدك في التعامل مع أخطاء تجربة المستخدم الشائعة:
- ضع تسميات فوق الحقول الخاصة بك ، وليس كنص يختفي داخل الحقل. وإلا ، عندما يبدأ شخص ما في الكتابة ، فقد ينسى المعلومات التي طلبتها.
- تكديس الحقول عموديًا عندما يكون هناك أكثر من اثنين. الحقول العمودية أسهل في المسح الضوئي من الحقول الأفقية.
- اجعل من الواضح الحقول المطلوبة. العلامات النجمية شائعة (أو يمكنك تحديد الحقول الاختيارية).
- إذا كان هناك أكثر من 6 خيارات للنموذج ، فاستخدم القائمة المنسدلة . هل سمعت عن قاعدة 7؟ يمكن أن يتذكر الأشخاص حوالي 7 عناصر ، لذلك إذا كان لديك هذا الرقم أو أكثر ، فلا تعرضهم جميعًا مرة واحدة كأزرار اختيار.
- استخدم نماذج متعددة الخطوات إذا كان لديك عدد كبير من الحقول - يمكن أن تقلل الاحتكاك
- اجعل حقول النموذج بأحجام مختلفة بناءً على طول الإجابة التي تتوقعها. يجب أن يكون نموذج الرمز البريدي أقصر من مرة لرقم الهاتف.
- إذا كانت لديك رسائل خطأ ، فقد يكون من الأفضل إضافة تحقق مضمّن
- لا تجعل زر الإرسال يقول "إرسال". اجعلها مميزة بصريًا باستخدام التصوير المصغر المقنع.
نصيحة سريعة من Oli Gardner - اسأل عن رسائل البريد الإلكتروني الخاصة بالعمل
في بعض الأحيان ، يولي الناس اهتمامًا وثيقًا لما يُطلب منهم القيام به - سواء كانوا متعبين أو مثل التعليمات الواضحة. في تجربة أجريتها عدة مرات ، لاحظت أنه من خلال تغيير تسمية الحقل إلى "عنوان البريد الإلكتروني للعمل" أو "عنوان البريد الإلكتروني للعمل" ، يمكنك جمع المزيد من رسائل البريد الإلكتروني التي تحمل علامة الشركة (مثل [email protected] بدلاً من [email protected]).
وتتمثل فائدة ذلك في أنه عندما تقوم بالتسويق عبر البريد الإلكتروني لاحقًا ، فإن اتصالاتك ستنتقل إلى صندوق الوارد الخاص بالعمل ، غالبًا أثناء ساعات العمل ، عندما يتخذون قرارات العمل. اختراق بسيط ولكنه قوي ".
- أولي غاردنر هو متحدث تسويق شهير ومؤسس مشارك لـ Unbounce ، وهي منصة تسهل إنشاء واختبار الصفحات المقصودة
ثم ها هي المبادئ الكامنة وراء الأشكال الجيدة. هذه هي العناصر الأربعة للتصميم الجيد بالشكل:
- صافي
- مختصرا
- ذكي
- تعاوني
(ملاحظة: الفضل للفريق في Formulate لتطوير نموذج 4 Cs).
1. الأشكال الواضحة أسهل في الاستخدام
الأشكال الواضحة لا تجعل الناس يفكرون (وهذا شيء جيد).
هناك سبب يشبه الكتاب المقدس لتصميم الويب (أمازون)
ماذا يعني أن يكون لديك شكل واضح؟ هذا يعني أن الشخص الذي يملأ نماذج الويب الخاصة بك يجب أن يكون قادرًا على القيام بذلك بأقل جهد ممكن.
يجب أن يكون الحقل المطلوب مطلوبًا بشكل واضح. يجب أن توضح حقول الإدخال المدخلات التي يطلبونها.
إذا كان لديك نموذج طويل ، فسيتم تمييز الحقول بوضوح وتكون غير مؤلمة قدر الإمكان.
الوضوح في النماذج الخاصة بك أمر بالغ الأهمية. إذا كان أي جزء من النموذج محيرًا ، فستفقد التحويلات!
وأعني أي جزء من شكلك. يتضمن:
- الأجزاء الاختيارية أو المطلوبة
- ما هي المعلومات لملء
- ما هي الحقول التي تتوافق مع أي معلومات
- ماذا سيحدث بعد تقديم النموذج
- لماذا يجب عليهم ملء النموذج الخاص بك في المقام الأول!
ما لم يكن النموذج الخاص بك أمرًا مجنونًا ويطالب الأشخاص قانونًا بملئه (مثل المستندات الضريبية) ، فأنت بحاجة إلى حث الأشخاص على ملء النموذج الخاص بك. هذا يعني أنك بحاجة إلى عرض جيد وواضح بنسخة جيدة وواضحة للاشتراك.
وهذا يعني جعل نموذجك سهلاً وغير مؤلم قدر الإمكان.
عند تصميم النموذج الخاص بك ، اطرح الأسئلة التالية:
- هل من الواضح ما الذي يريد النموذج أن يفعله شخص ما؟
- هل من الواضح ما هي المعلومات التي يتم طلبها؟
- هل من الواضح الشكل الذي يجب أن تأخذه تلك المعلومات؟
- هل من الواضح أين يجب إدخال كل معلومة؟
- إذا كان هناك خطأ ، فهل توضح رسالة الخطأ كيفية تصحيحه؟
- بمجرد إدخال المعلومات ، هل من الواضح ما يجب فعله بعد ذلك؟
2. الأشكال الموجزة تحصل على مزيد من التحويلات
الإيجاز لا يعني أنه قصير! هذا يعني أنه لم يعد من الضروري.
نعم ، عادةً ما يحصل النموذج القصير على تحويلات أكثر من النموذج الطويل. ولكن:
- في بعض الأحيان ، يتحول الشكل الطويل بشكل أفضل من النموذج القصير
- في بعض الأحيان تحتاج حقًا إلى مزيد من المعلومات
- قد ترغب أحيانًا في التأكد من وصول الأشخاص الأكثر اهتمامًا إليك فقط
عندما اختصر مايكل آجارد ، خبير تحسين معدل التحويل ، شكله بثلاثة حقول ، اعتقد أن معدل التحويل سيرتفع.
لا. انخفضت التحويلات بنسبة 14٪.
"النتائج؟ 14٪ انخفاض في التحويل. لقد أزلت جميع الحقول التي يريد الأشخاص التفاعل معها وتركت فقط الحقول السيئة التي لا يريدون التفاعل معها. كندة غبية ". - مايكل أجارد ، على موقع ConversionXL
بعض حقول النموذج هي بطبيعتها احتكاك أعلى (مثل "رقم الهاتف") من غيرها (مثل "الاسم الأول").
بالطبع ، ترغب في الحصول على أكبر قدر ممكن من المعلومات حول العملاء المتوقعين. تحتاج فقط إلى موازنة ذلك مقابل المعلومات التي يرغب الناس في إعطائك إياها.
من ناحية أخرى ، هناك سببان وجيهان حقًا قد ترغبان في إنشاء نموذج أطول:
- أنت حقًا بحاجة إلى كل هذه المعلومات لتحويل العملاء المحتملين إلى عملاء
- لديك الكثير من زوار الموقع ، وتريد تخويف الأشخاص غير الجادين بشأن عرضك
تكون النماذج الطويلة أكثر شيوعًا عندما تبيع خدمات أكثر تكلفة ، خاصة إذا كنت تبيع للشركات.
حتى إذا كانت النماذج طويلة ، فتأكد من أنك تطلب المعلومات التي تحتاجها فقط.
وتذكر - يمكنك تحويل النموذج الطويل إلى نموذج متعدد الخطوات لتسهيل إنهاءه.
3. الأشكال الذكية تساعد الناس
ذكي لا يعني أن النموذج الخاص بك يجب أن يحتوي على مجموعة من التورية. كما كتبنا من قبل ، الوضوح أكثر أهمية من الذكاء — على الأقل عندما يعني الذكاء "أن تكون مرحًا".
في هذا السياق ، تعني كلمة "ذكي" "ذكي". النماذج الذكية هي نماذج ذكية بما يكفي لمساعدة الزائرين على إكمالها - من خلال اتخاذ خطوات غير ملائمة أو تسهيل إكمال الزائرين للخطوات التي يحتاجون إلى القيام بها.
ما هي بعض تلك الخطوات؟
- حقول النموذج التي يتم إكمالها تلقائيًا - بحيث يمكن للزائرين ملء معلوماتهم بشكل أسرع
- إخفاء حقول النموذج للمعلومات التي لديك بالفعل
- إخفاء حقول النموذج حتى يتم ملء الحقول المطلوبة
- قبول بعض المدخلات فقط لبعض حقول النموذج (على سبيل المثال ، يجب أن يحتوي عنوان البريد الإلكتروني على @)
تتيح لك Google الملء التلقائي لمعلوماتك. يوضح هذا المثال (من developer.google.com) مدى سرعة الملء التلقائي.
يجعل جعل النماذج أكثر ذكاءً من السهل على الأشخاص إرسال النماذج الخاصة بك.
4. النماذج التعاونية لا تجعل الناس محبطين
"التعاونية" مبدأ أكثر عمومية من المبادئ الثلاثة الأخرى. إذا كان النموذج تعاونيًا ، فهذا يعني أنه يعمل مع زوارك لتسهيل ملئه.
يتضمن المبدأ التعاوني مجموعة من أفضل الممارسات. على سبيل المثال ، الأشكال التعاونية:
- اعمل مع الإطار الذهني الذي يستخدمه برنامج ملء النماذج عند الاقتراب من النموذج
- تحديد المصطلحات وإعطاء السياق كلما لزم الأمر
- يستخدم المصطلحات التي ستكون مألوفة لنوع الشخص الذي يرسل النموذج
- اجعل الأخطاء واضحة وقدم خطوات لإصلاحها
- يستوعب بعض الأخطاء الطفيفة في المدخلات (أخطاء إملائية ، تنسيقات متعددة)
- تأكد من توفر إجابة صحيحة ودقيقة لجميع حقول النموذج
- يطرح أسئلة تحتوي على إجابات صحيحة ، لإزالة "أفضل الإجابات" التي لا تعكس المعتقدات / الحالة / المعلومات الحقيقية لملء الاستمارات
- وضح ما هو متوقع من برنامج ملء النموذج ، وما يمكن أن يتوقعه برنامج ملء النموذج من ملء النموذج
عدم اليقين يجعل الناس محبطين. لا يملأ الأشخاص المحبطون النماذج ولا يصبحون عملاء.
كان لتحليل تلوي حديث حول تأثيرات عدم اليقين أن يقول هذا حول كيفية تأثيره على عملية صنع القرار.
"غالبًا ما يكون عدم اليقين أمرًا لا مفر منه في الحياة اليومية ويمكن أن يكون مرهقًا ومثيرًا ... تشير الأبحاث الحديثة إلى أن الكائنات البيولوجية تحاول حل وتقليل عدم اليقين ، كوسيلة لتحسين الاستدلالات والتنبؤات حول العالم الخارجي ، وفي النهاية تعزيز نجاح البقاء على قيد الحياة."
عندما تواجه شكلاً محيرًا ، ما هي أسرع طريقة "لحل وتقليل عدم اليقين؟"
لم تملأ الاستمارة!
هذا هو سبب أهمية النماذج التعاونية - فهي تمنع أدوات ملء النماذج من الإحباط.
ويجلبون المزيد من الأشخاص لملء النماذج الخاصة بك.
الخلاصة: ما الذي يأتي بعد الشكل الجيد؟
الشكل الجيد هو فقط بداية تفاعل زوارك مع عملك.
يمكن أن يؤدي التصميم الجيد للنموذج ونسخة الاشتراك القوية إلى جذب المزيد من الأشخاص لإرسال نماذجك. بعد ذلك ، ستحتاج إلى طرق لمواصلة جذب العملاء المحتملين والمشتركين الجدد.
فيما يلي بعض الطرق للحفاظ على تفاعل الأشخاص:
- أرسلهم إلى صفحة شكر مخصصة. تتيح لك صفحة الشكر المخصصة توجيه الأشخاص إلى المزيد من الموارد التي قد تهمهم (وتبقيهم على موقعك)
- اجعل الخطوة التالية المطلوبة واضحة. هل ستتصل بهم؟ هل تريد إرسال بريد إلكتروني للتأكيد؟ هل هم بحاجة لفعل أي شيء آخر الآن؟ اجعل هذا واضحا لهم.
- متابعة (يمكنك أتمتة هذا). إرسال بريد إلكتروني ترحيبي. متابعة آلية الزناد. تكون المشاركة في أعلى مستوياتها بعد إرسال النموذج مباشرةً - لذا اضرب بالمكواة وهي ساخنة وامد يدك الآن.
تعلم كيف تصنع شكلا جيدا. أصنعها. ثم تابع. قم بتنمية نشاطك التجاري فقط بتحويل المزيد من الزوار إلى عملاء متوقعين وعملاء.