كيفية تصميم روابط مضمونة و CTAs

هل سبق لك أن نظرت إلى إحصائيات موقع الويب الخاص بك وتساءلت: "لماذا لا يذهب الناس إلى حيث أريدهم؟"

لماذا لا يزورون صفحات منتجك؟ لماذا لا يقومون بأي عمليات شراء؟

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

حدد المشكلة

أولا نحن بحاجة إلى تحديد ما يمكن أن تكون المشكلة. يمكن أن توفر لك الأدوات المفيدة مثل Google Analytics الكثير من المعلومات الإحصائية حول موقعك ، لكنني وجدت أن المزيد من الأدوات المرئية ، مثل Crazy Egg و Heatmap.com و Inspectlet ، يمكن أن تساعدك حقًا في تحديد مكان المشكلات بدقة في موقعك موقع الكذب.

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

حلول

وضوح

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

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

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

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

أسلوب

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

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

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

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

ولكن هل هذا يعني أن جميع روابطنا يجب أن تكون أزرارًا ساطعة كبيرة؟

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

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

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

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

الموقع على الشاشة

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

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

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

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

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

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

ينتج عن البحث البسيط عن "الخبز" مئات المنتجات المختلفة ، لكن Tesco أتاحت لجميع المنتجات مساحة كبيرة للتنفس ، وبسطت عملية التسوق إلى "الكمية؟" و أضف".

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

ابحث عن أمثلة أخرى لمعرفة ما تفعله مواقع التجارة الإلكترونية الكبيرة عندما يتعلق الأمر بتقديم العديد من CTAs ، فقد تفاجأ بما تجده!

ملخص

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

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

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

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

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