15 مبادئ تصميم الويب التي من شأنها زيادة معدل التحويل الخاص بك

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

الانطباع الأول الذي نحصل عليه هو بصري وحاسم. لذلك ، إذا كنت ترغب في تحسين معدل التحويل على موقعك ، فإن تصميم الويب هو أول مكان للبدء.

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

تأكد من أن تصميم الويب الخاص بك مستجيب وسهل الاستخدام للجوال

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

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

أعط خيارات أقل وفقًا لقانون هيك

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

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

أضف بوابة موقع بملء الشاشة

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

ضع أهم النقاط على التقاطعات

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

تحسين سرعة تحميل موقع الويب الخاص بك

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

استخدم المساحة السلبية للحصول على نتائج إيجابية

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

اختر الألوان المناسبة لإنشاء اقترانات مناسبة

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

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

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

استخدم صورة واحدة كبيرة بدلاً من العديد من الصور الصغيرة

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

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

تخلص من كل ما لا علاقة له بالتصميم

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

استخدم الوجوه والأدلة الاجتماعية الأخرى

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

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

تبسيط التنقل الخاص بك

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

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

دمج عدادات الإنجاز

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

خلق انطباع بوجود عجز اصطناعي

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

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

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

قلل عدد الخطوات الضرورية

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

لذلك ، عليك التأكد مرة أخرى من أن المعلومات أو المنتج الذي يحتاجه لا يبعد أكثر من ثلاث نقرات.

تأكد من أن دعوتك للعمل في المكان المناسب

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

تقليل مدخلات المستخدم

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

استنتاج

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