مجتمع فيجماويةمساحة تجمعنا، وأفكار تلهمناfigmawya.com
العودة للمجتمع
Mahmoud MaroufUx Designer

هل بحثت داخل موقع عن شيء تعرف أنه موجود، ثم ظهرت لك صفحة فارغة وكأن النظام لا يحتوي على نتائج؟

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

في مراجعة أجرتها Nielsen Norman Group لصفحات البحث، تبيّن أن المستخدمين قد يواجهون رسالة No Results رغم وجود المحتوى، لأن البحث لم يعثر على تطابق مع الكلمات المستخدمة.

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

هنا لا يقتصر دور الـUX على اختيار Illustration جميلة. ينبغي أن:

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

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

ما العنصر الأهم في No Results State: توضيح السبب، أم اقتراح بدائل، أم إبقاء البحث قابلًا للتعديل؟

المصدر: Nielsen Norman Group
https://www.nngroup.com/articles/search-no-results-serp/

—

Have you ever searched for something inside a website, knowing it exists, only to see an empty page as if there were no results?

Sometimes the problem is not missing content, but different wording or a small spelling mistake.

A Nielsen Norman Group review found that users can encounter No Results even when the content exists, because the search does not match the terms used.

If the message is too small or far from the results area, users may wonder: Did the search work? Is the content unavailable? Is there a system problem?

UX is not just about choosing a nice illustration. The interface should:

• Clearly explain that the search completed with no matching results.
• Keep the query visible and editable.
• Suggest spelling corrections or related terms.
• Let users remove filters or try another search.
• Offer a clear next step instead of a dead end.

An empty screen may mean no results, no data yet, or loading. If the interface does not explain the difference, the user pays the cost of guessing.

What matters most in a No Results State: explaining the reason, suggesting alternatives, or keeping the search editable?

Source: Nielsen Norman Group
https://www.nngroup.com/articles/search-no-results-serp/

#UXDesign #ProductDesign #UserExperience #InteractionDesign #SearchUX

https://www.linkedin.com/posts/mahmoud-marouf-el-said-yousef_uxdesign-productdesign-userexperience-share-7525139071493378048-KncH/?utm_source=share&utm_medium=member_desktop&rcm=ACoAADhAth8BOnkgFQaWB2mzndNL3rR6A0h_qJQ

2

جاري التحميل…