11 تقنيات تصميم الويب التي تعمل على تحسين تفاعل المستخدم وتحويله

نشرت: 2016-08-22

كيف يحدد محترفو UX تحسين التحويل؟

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

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

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

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

1) اترك انطباع أول قوي

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

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

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

Make a strong first impression

2) استخدم صورة رئيسية

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

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

Use a Hero Image

3) تأثيرات التمرير المنظر

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

Parallax scrolling effects

4) تطبيق ألوان التمييز وأزرار الحث على اتخاذ إجراء بشكل استراتيجي

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

Implement accent colors and call-to-action buttons strategically

5) مقدمة / فيديوهات توضيحية

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

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

Intro/explainer videos

6) يجب أن يكون موقع الويب الخاص بك مصممًا بحيث يكون قويًا مثل الصفحة المقصودة

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

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

landing page

7) إضافة الحاجيات والأزرار الاجتماعية

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

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

فعل Dropbox شيئًا مختلفًا بعض الشيء. مع كل متابعة على Twitter ، اتصل بـ facebook أو twitter ، يمنح Dropbox المستخدم زيادة في المساحة بمقدار 125 ميجابايت:

Adding social widgets and buttons

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

8) اضافة استمارة اشتراك في كل صفحة

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

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

Add a subscription form on every page

9) استخدم المزيد من المساحة البيضاء

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

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

Use more white space

Use more white space

10) إشراك الجمهور من خلال موقع ويب سهل الاستخدام للجوال

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

Engage audience with mobile friendly website

11) تظهر الخرائط الحرارية المشاركة

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

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

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

Heat maps show engagement

خاتمة

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

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

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