الدول الفارغة - الجانب الأكثر إغفالًا لتجربة المستخدم

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

ما هي الدولة الفارغة؟

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

فيما يلي بعض الأمثلة لمواقف الحالة الفارغة الشائعة:

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

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

ستتيح الحالة الفارغة المفيدة للمستخدم معرفة ما يحدث ولماذا يحدث وماذا يفعل حيال ذلك. فيما يلي مثالان على تصميمات UX بحالة فارغة جيدة:

فيما يلي بعض الأمثلة على تصاميم الحالة الفارغة مع الفرص الضائعة:

أنواع الدول الفارغة

فيما يلي أربعة أنواع من الحالات الفارغة التي يتم مواجهتها بشكل متكرر:

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

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

يجرب المستخدمون الكثير من التطبيقات ولكنهم يقررون التطبيقات التي يريدون "التوقف عن استخدامها" خلال أول 3 إلى 7 أيام. بالنسبة للتطبيقات "اللائقة" ، فإن غالبية المستخدمين الذين تم الاحتفاظ بهم لمدة 7 أيام يظلون لفترة أطول. مفتاح النجاح هو جذب المستخدمين خلال تلك الفترة الحاسمة التي تتراوح من 3 إلى 7 أيام. - عنكيت جاين

فوائد استخدام حالات فارغة جيدة التصميم

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

يضع سكوت ماكين في كتابه ، ما يريده العملاء حقًا ، ستة مبادئ توجيهية لتجربة عملاء رائعة.

يكتب أن العملاء يريدون:

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

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

فيما يلي ثلاث مناطق إضافية يمكن أن تستفيد أيضًا من التصميم الجيد للحالة الفارغة:

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

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

منبوذ: الشاشات المنسية لتصميم تجربة المستخدم

نظرًا لوجود نتائج إيجابية واضحة لحالات فارغة جيدة التصميم ، فلماذا يتم تجاهلها في المقام الأول؟

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

ثانيًا ، مع ما يقدر بنحو 2-5٪ فقط من المستخدمين يرون حالة فارغة ، فهي ليست دائمًا استخدامًا اقتصاديًا أو عمليًا لوقت المصمم.

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

ماذا يحدث عندما يتم تجاهل الدول الفارغة؟

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

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

كيف تملأ شاشة فارغة الغرض

فيما يلي بعض أفضل ممارسات تجربة المستخدم للتأكد من أن الشاشات الفارغة مصممة لتكون مفيدة ومفيدة وغنية بالمعلومات.

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

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

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

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

فيما يلي مثال على شاشة حالة فارغة مع محتوى بداية:

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

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

مثال جيد آخر هو Instagram. عندما يكون الأشخاص جددًا على النظام الأساسي ، فإنهم لا يتابعون أي شخص حتى الآن (ولا يتابعهم أحد). سيكون من السهل التركيز على جميع ميزات Instagram الرائعة ، ولكن شاشة الحالة الفارغة الجيدة ، على سبيل المثال ، يمكن أن تمنحهم خيار "إضافة أشخاص لمتابعتهم".

أفضل ممارسات تجربة المستخدم للحالة الفارغة - من الميدان

يمتلك Toptal مواهب عالمية رفيعة المستوى للعمل المستقل في جميع مجالات التصميم. هذا ما قاله اثنان من مصممي Toptal UX حول تجاربهم في تصميم شاشات الحالة الفارغة.

مصمم Toptal: تمارا أولسون

انضباط التصميم: تصميم تجربة المستخدم

ما هي بعض تصميمات الحالة الفارغة الجيدة التي عملت عليها أو شاهدتها؟

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

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

هل سبق لك أن أغفلت الحالات الفارغة ، وإذا كان الأمر كذلك ، فلماذا؟

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

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

هل رأيت نجاح العميل باستخدام الحالات الفارغة؟ إذا كان الأمر كذلك، ما هي الطرق؟

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

ما هو أنجح استخدام لحالة فارغة اختبرتها؟

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

مصمم Toptal: مايكل كلينجرمان

انضباط التصميم: تصميم منتجات SaaS

إذا كنت قد صممت للحالات الفارغة ، فما الأنواع التي تراها كثيرًا؟

أكثر الحالات الفارغة المألوفة بالنسبة لي هي حالات الخطأ 404 / وحالات المستخدم التي تم مسحها.

هل رأيت نجاح العميل باستخدام الحالات الفارغة؟ إذا كان الأمر كذلك، ما هي الطرق؟

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

ما هو أنجح استخدام لحالة فارغة اختبرتها؟

لطالما أحببت استخدام Dropbox للأنماط التوضيحية البسيطة والأحادية اللون لتأسيس شخصية ونبرة وشخصية العلامة التجارية للشركة.

خاتمة

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

• • •

مزيد من القراءة على مدونة Toptal Design

• أفضل ممارسات تصميم واجهة المستخدم والأخطاء الشائعة
• تصميم Mobile UX - أفضل الممارسات والقيود والعمل مع المطورين
• مبادئ ارشادية للواجهات المتنقلة
• التأثير مع التصميم - دليل للون والعواطف
• مبادئ التصميم وأهميتها