تصميم الصفحة المقصودة: 12 قواعد مهمة مع أمثلة حقيقية

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

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

والآن ، من الكلمات - إلى العمل. ضع في اعتبارك قواعد محددة ، يمكنك بعدها تحسين تصميم صفحتك المقصودة ، وبالتالي زيادة مستوى التحويل على موقع الويب الخاص بك.

1. اعتن بإمكانية استخدام صفحتك المقصودة.

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

  • هدف الصفحة
  • العمل الذي يجب عليه القيام به
  • الفوائد التي سيجلبها منتجك

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

فيما يلي مثال على صفحة مقصودة ناجحة ، مأخوذة من موقع FeedMyInbox ، والذي سيتعامل معه حتى تلميذ:

2. لا تستخدم الكثير من الرسومات.

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

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

النظر في الصفحة المقصودة على موقع Dialogix ، والذي يقدم خدمة الويب لمراقبة الشبكات الاجتماعية:

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

3. تقليل خيارات التنقل

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

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

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

4. استخدام ويندوز مشروط

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

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

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

5. تجنب اللون الأحمر في زر الحث على اتخاذ إجراء.

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

6. جعل الدعوة إلى العمل زر مرئية.

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

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

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

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

7. حدد فقط المعلومات التي تهم زوار الموقع.

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

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

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

ألق نظرة على الصفحة المقصودة لمحرر النصوص على الإنترنت TitanPad. كما ترى ، فهي تحتوي فقط على المعلومات الضرورية (وظائف التطبيق ونداء واضح للعمل):

8. لا تطلب الكثير من المعلومات.

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

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

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

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

9. لا تسأل ج زوار الموقع في وقت واحد.

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

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

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

قام مطورو البرنامج المساعد VaultPress المصمم لدعم مواقع WordPress بتطبيق هذه القاعدة بنجاح في الممارسة العملية:

10. تهدف لتصميم بسيط ومرتب.

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

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

انتبه إلى الصفحة المقصودة لتطبيق Things 2 for iPhone:

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

11. تسليط الضوء على أفضل الصفقات.

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

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

تعرف على كيفية قيام مصممي موقع Ning على الويب ، الذين يقدمون طلبًا لإنشاء منصة اجتماعية خاصة بهم ، بما يلي:

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

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

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

بشكل عام ، لا تتردد في مدح منتجك وفقًا للجدارة ، كما هو الحال ، على سبيل المثال ، من قِبل مطوري تطبيق Skylight:

لا تنس اختبار الصفحات المقصودة

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

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

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

شاهد الفيديو: حساب محيط ومساحة المستطيل مع الشرح المبسط (ديسمبر 2019).

Loading...

ترك تعليقك