تجربة المستخدم: أفضل سبع ممارسات للحالة الفارغة لتصميم تجربة المستخدم

نشرت: 2021-05-15

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

أمثلة الحالة الفارغة

وفقًا لشركة IBM ، فإن كل دولار يتم استثماره في سهولة الاستخدام يعود من 10 دولارات إلى 100 دولار ، كما تقول ميجان هارتمان ، المتدربة في UXbeginner. يعد عائد الاستثمار هذا سببًا واحدًا فقط لقضاء المزيد من الوقت في تحديد نظام التجارة الإلكترونية المناسب لعملك وعملائك. أصبحت تجربة المستخدم (UX) ذات أهمية متزايدة لرضا العملاء والمشاركة والاكتساب والاحتفاظ بهم. اعتمادًا على مدى سهولة استخدام النظام الأساسي أو المنتجات الخاصة بك ، يمكن لـ UX إنشاء قائمة عملائك أو كسرها.

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

يمكن أن يساعدك الاستخدام المناسب للحالات الفارغة في الاحتفاظ بمزيد من العملاء من خلال توفير تجربة مستخدم سلسة.

"بدون الحالات الفارغة ، لا يعرف المستخدم ما يجب فعله بعد ذلك ويمكن أن يضيع بسهولة في البرامج أو على موقع الويب. عندما لا يعرفون ماذا يفعلون ، فمن المحتمل أن يتركوا موقع الويب الخاص بك ويذهبوا إلى موقع آخر. يقول Loni Goff ، المصمم ، Vendasta: " الحالات الفارغة تخفف من هذا الانخفاض وتسمح للمستخدم بمواصلة الرحلة التي تأمل أن يقوم بها" .

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

أمثلة الحالة الفارغة

الحالات الفارغة وتجربة المستخدم

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

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

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

الصرخة حالة فارغة مثال

أفضل ممارسات الحالة الفارغة

1. توجيه تجربة المستخدم

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

انظر المثال أدناه من Skyscanner.

حالة فارغة Skyscanner examplex

مصدر الصورة

2. اختر كلماتك بعناية

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

3. استخدم المحتوى المرئي

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

4. تضمين زر

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

شاهد تقدم حالة Dropbox الفارغة أدناه بما في ذلك نص مدروس وصورة مطابقة وزر.

مثال حالة فارغة Dropbox

مصدر الصورة

5. اطلب من المستخدم النقر في مكان ما على الصفحة

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

مثال حالة فارغة Webflow

مصدر الصورة

6. Backlink to content

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

7. ضمان وجود علاقة عمل جيدة بين المصممين والمطورين

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

الوجبات الجاهزة

الحالات الفارغة:

  • زيادة اكتساب العملاء
  • زيادة الاحتفاظ بالعملاء
  • تقليل معدلات ارتداد موقع الويب
  • زيادة مشاركة العملاء

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

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