4 نکته سریع برای ارتقاء صفحه No Results (هیچ نتیجه ای یافت نشد)

نکاتی کوتاه برای طراحان تازه‌کار تا عملکرد صفحه هیچ نتیجه ای یافت نشد (No Results page) را کارآمد و عالی کنند
فهرست

اگر برنامه یا وب‌سایتی با قابلیت جستجو ایجاد می‌کنید، در این صورت می‌دانید که در مقطعی، شخصی در نهایت به جستجوی چیزی می‌پردازد که هیچ نتیجه‌ای (No Results) ندارد.

اینجا شیوه ای بد برا طراحی این صفحه را می بینید. می توانید مشکلات آن را بشمارید؟

صفحه ی هیچ نتیجه ای یافت نشد No Results page

از بالا:

  • پیامی که نمایش می دهد، واقعاً مفید نیست
  • پیام پر از اصطلاحات تخصصی است («پرسش»، «سوابق»)
  • واقعا نامحسوس است که من یک فیلتر اعمال کرده ام

اما به جای طوفان فکری برای تعدادی از مسائل احتمالی تصادفی، اجازه دهید در مورد این صحبت کنیم: یک سؤال واحد که همه مشکلات طراحی این صفحه را حل می کند.

سؤال این است: اگر جستجوی کاربر هیچ نتیجه ای نداشته، خوب چرا نداشته؟

مطمئناً، «آنها به دنبال چیزی بودند که وجود ندارد» ممکن است یک دلیل به شمار آید. اما دوباره: چرا؟

  1. چون اشتباه تایپی داشته اند
  2. چون آگاهانه در پایگاه داده ما بخشی وجود ندارد
  3. چون آنها درست نمی دانند چه چیزهایی می توانند جستجو کنند
  4. چون فراموش کرده اند که فیلتر اعمال شده است

بیایید یکی یکی به این موارد بپردازیم و ببینیم در نهایت به کجا می رسیم.

1. چون اشتباه تایپی داشته ند

اگر کاربر اشتباه تایپی داشته باشد، می‌توانیم «تطابق فازی» را ارائه دهیم. به این فکر کنید که گوگل گاهی چطور این را بیان می کند، به عنوان مثال «آیا منظورت آنتروپی بود؟» یا چیزی شبیه به این.

image 21 4 نکته سریع برای ارتقاء صفحه No Results (هیچ نتیجه ای یافت نشد)

اما این یک مشکل مربوط موردِ خاص نیست، بنابراین ما نحوه حل آن را در ذهنمان یادداشت کرده و ادامه می دهیم 🙂

2. چون آگاهانه در پایگاه داده ما بخشی وجود ندارد

اگر پایگاه داده ما چیزی را ندارد، کاربران باید بتوانند درخواست کنند که آن را اضافه کنیم.

image 22 4 نکته سریع برای ارتقاء صفحه No Results (هیچ نتیجه ای یافت نشد)
ما همچنین لحنی که حس سرزنش را به کاربر منتقل می کند تصحیح کردیم 👍

تلاش زیادی لازم نداشت! یک لینک برای تماس، این حربه را انجام می دهد. توجه کنید که این کار به طور کامل لحن پیام خطا را تغییر می دهد.

لحن قبلی: سؤال شما بد بود.

لحن جدید: متاسفم که نتوانستیم نتیجه ای پیدا کنیم، که احتمالاً هم تقصیر ما است، بنابراین در اینجا راهی برای تماس با ما وجود دارد تا به ما در رفع آن کمک کنید.

به نظر من خیلی بهتر شد. ادامه می دهیم …

3. چون آنها درست نمی دانند چه چیزهایی می توانند جستجو کنند

اگر کاربران نمی دانند چه چیزی را می توانند جستجو کنند، بیایید بعضی از محبوب ترین موارد مشابه خود را نشان دهیم. رایج ترین موارد مشابه نه تنها به احتمال زیاد برای کاربر معمولی مفید هستند، بلکه روشی عالی برای آموزش با مثال است.

image 23 4 نکته سریع برای ارتقاء صفحه No Results (هیچ نتیجه ای یافت نشد)

این روش بدون نقص نیست، اما قطعا زندگی را برای بعضی از کاربران تازه‌وارد، راحت تر خواهد کرد.

4. چون فراموش کرده اند که فیلتر اعمال شده است

اگر کاربران فیلتری اعمال کرده و بعد آن را فراموش کرده‌اند، بیایید وقتی فیلتری اعمال می‌شود، آن را از نظر بصری واضح و آشکار کنیم.

image 24 4 نکته سریع برای ارتقاء صفحه No Results (هیچ نتیجه ای یافت نشد)

روی هم رفته، حالا ما یک طراحی مجدد کامل از این صفحه داریم، آن هم فقط با پرسیدن یک سؤال! بد نیست.

image 25 4 نکته سریع برای ارتقاء صفحه No Results (هیچ نتیجه ای یافت نشد)

سلامت و موفق باشید

0 0 رای ها
امتیازدهی به مقاله
نوشته های اخیر

Layer (لایه) و Mask (ماسک لایه) در فتوشاپ چیست؟

چطور یک نمونه کار طراحی UI/UX حرفه‌ای بسازیم، حتی اگه تجربه زیادی نداشته باشیم – 4 گام

5 راهکار برای توسعه دید خوب در طراحی برای 2024

گوگل بارد (Google Bard) و هذیان هایش

پرطرفدار ها

10 اشتباه طراحی که بین طراحان رابط کاربری مرسوم است

4 قدم برای یادگیری تابع بولی (Boolean Function) در Figma

اشتراک در
اطلاع از
guest
0 نظرات
بیشترین رأی
تازه‌ترین قدیمی‌ترین
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها
عضویت در خبرنامه ما

یک خبرنامه هفتگی و بدون تبلیغات که به طراحان کمک می کند تا در جریان دانش قرار بگیرند، مثمر ثمر باشند و نگاه انتقادانه بیشتری نسبت به کار خود داشته باشند.
از بهترین ها بیاموزید.

می خواهید تجارت خود را ارتقاء دهید؟

یکی دو خطی برایمان بنویسید و با ما در تماس باشید

مراقب باشید! از آخرین مقالات، بررسی ها، تخفیف ها و دوره ها جا نمونید! بی خیال حتما

ارتباط بگیریم

بعد از ارسال فرم در کوتاه ترین زمان در خدمت شما خواهم بود

اطلاعات تماس
بهترین زمان برای تماس
An experienced UI designer

فرصت کمه!

به روز باشید و از آخرین های دانش و آموزش مطلع بشید.
از بهترین ها بیاموزید.

— از آموزش های کوتاه هفتگی جا نمونی —

میکرو آموزش های UI/UX و موشن

فقط یکی دو دقیقه در هفته کافیه