ما هو المشروط في تصميم الويب؟ + كيفية استخدام واحد

ستساعدك المقالة التالية: ما هو المشروط في تصميم الويب؟ + كيفية استخدام واحد

ما هو مشروط؟

الشكل هو عنصر يتم عرضه أمام محتوى الصفحة الآخر وإلغاء تنشيطه.

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

ستقوم هذه الصفحة بتقسيم أساسيات نماذج تصميم الويب في الأقسام التالية:

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

ما هو المشروط في تصميم الويب؟

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

يمكن أن تتخذ الوسائط أشكالًا عديدة، بما في ذلك:

• نماذج الاتصال
• الاشتراكات عبر البريد الإلكتروني
• استطلاعات موجزة
• التفتيش الأمني

فوائد استخدام الوسائط

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

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

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

الوسائط مقابل النوافذ المنبثقة

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

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

فيما يلي نافذة منبثقة تظهر على جانب الشاشة دون مقاطعة التدفق:

إليك نموذجًا يشغل مساحة أكبر بكثير ويحد من الوصول إلى الصفحة:

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

كيفية استخدام الوسائط في تصميم الويب

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

1. استخدامها لغرض
2. تأكد من أنها بالحجم الصحيح
3. تمكين المستخدمين من إغلاقها
4. استخدم تعليمات واضحة
5. إنشاء نص الزر
6. لا تكررها

دعونا نقرأ المزيد عن كل نصيحة أدناه!

1. استخدمها لغرض

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

على سبيل المثال، خذ هذا النموذج من Fine Wine and Good Spirits:

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

2. تأكد من أنها بالحجم الصحيح

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

فيما يلي مثال من Urban Outfitters:

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

3. تمكين المستخدمين من إغلاقها

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

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

4. استخدم تعليمات واضحة

يجب أن تكون التعليمات واضحة وسهلة المتابعة إذا كنت تريد أن يتفاعل المستخدمون مع النموذج. لا تربك المستخدمين بالخيارات والفراغات المتعددة – اجعل الأمر واضحًا.

تحقق من هذا المثال من H&M:

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

5. إنشاء نص الزر

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

فيما يلي مثال واحد من صحيفة نيويورك تايمز وشروطها المحدثة:

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

6. لا تكررها

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

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

ما هي تكلفة بناء موقع أحلامك؟

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

حاسبة تكلفة تصميم الويب

قم بتحسين نماذج موقع الويب الخاص بك باستخدام Wix

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

يمكن لوكالة تصميم الويب مثل Wix مساعدتك في الإجابة على هذه الأسئلة ومتابعة النماذج. إذا كنت ترغب في تبسيط عملية تصميم الويب، فيمكننا مساعدتك – فقد أطلقنا أكثر من 1600 موقع ويب حتى الآن، ويمكننا دمج النماذج بشكل فعال.

اتصل بنا عبر الإنترنت اليوم وشاهد ما يمكننا القيام به لعملك!