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