10 نصائح للتصميم لزيادة معدل تحويل موقع الويب الخاص بك

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


نصائح التصميم لتحسين معدلات التحويل

التصميم الرقمي تطوري.

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

يهيمن التصميم على الويب لأن الوظيفة متوقعة الآن.

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

لنبدأ!

1. الأساسيات: اختيار الخط

نصائح التصميم اختيار الخط

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

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

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

2. الأساسيات: مخطط الألوان

نصائح التصميم - اختيار الألوان المناسبة

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

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

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

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

3. الأساسيات: التسلسل الهرمي

نصائح تصميم لتسلسل هرمي المحتوى

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

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

4. الأساسيات: التناسب

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

عند استخدام Adobe Illustrator أو Adobe InDesign ، تأكد من استخدام عناصر التحكم في النسبة لمنع صورك من التشويه. في Illustrator ، اضغط لأسفل على مفتاح Shift أثناء ضبط صورك. بالنسبة إلى InDesign ، ستحتاج إلى الضغط لأسفل على مفتاح Shift ومفتاح Ctrl في نفس الوقت أثناء تعديل صورك للحفاظ على تناسبها.

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

حقيقة سريعة: سيتوقف أكثر من 38٪ من الزائرين عن التفاعل مع موقع ويب إذا كان المحتوى / التخطيط غير جذاب.

5. لا تخف من السلبية!

نصائح التصميم للمساحة السلبيةمصدر الصورة

الفضاء السلبي ليس مساحة فارغة.

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

6. الصورة عالية الجودة تستحق آلاف المستخدمين

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

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

7. اجعل عبارة الحث على اتخاذ إجراء واضحة & محفزات نفسية

نصائح التصميم للحث على اتخاذ إجراء

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

استخدم الدليل الاجتماعيUseProof.com هي خدمة قوية تعزز الدليل الاجتماعي ومن المعروف أنها تزيد المبيعات بمعدل 10٪.

8. تبسيط العملية

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

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

شيريس يعقوب

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

9. لا مفاجآت

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

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

10. تجربة العملاء هي تجربة المستخدم الجديدة

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

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

استنتاج

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

للتلخيص ، إليك نظرة ثانية:

  1. الأساسيات: اختيار الخط
  2. الأساسيات: نظام الألوان
  3. الأساسيات: النسبة
  4. الأساسيات: التسلسل الهرمي
  5. لا تخف من أن تصبح سلبيا! (عندما يتعلق الأمر بالتصميم على الأقل)
  6. صورة عالية الجودة تساوي ألف مستخدم
  7. اجعل دعوتك إلى العمل واضحة!
  8. تبسيط عملية الخروج
  9. كن صادقًا مع المستخدمين بشأن ما يتعاملون معه ، ولا مفاجآت!
  10. تجربة العملاء والتصميم الرقمي يسيران جنبًا إلى جنب

حظا سعيدا والتصميم على!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me