پرش به محتوا
  • درباره
  • نوشته ها
  • فروشگاه خدمات
  • هزینه ها
  • My CV
Menu
  • درباره
  • نوشته ها
  • فروشگاه خدمات
  • هزینه ها
  • My CV
تومان۰ Cart

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

  • تجربه کاربری
  • بدون دیدگاه
  • دی 6, 1400
زمان مطالعه: 3 دقیقه
نکاتی کوتاه برای طراحان تازه‌کار تا عملکرد صفحه هیچ نتیجه ای یافت نشد (No Results page) را کارآمد و عالی کنند

فهرست محتوا

اشتراک گذاری

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

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

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

از بالا:

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

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

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

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

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

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

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

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

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

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

در این رابطه هم چنین بخوانید
طراحی رابط کاربری از کجا آغاز و به کجا ختم می شود؟ (مسیر طراحی در 3 قدم)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

رای ها
امتیازدهی به مقاله
در این رابطه هم چنین بخوانید
آماده‌سازی فایل های طراحی برای توسعه دهنده در 4 بخش [راهنمای سپردن طراحی]

عضویت در خبرنامه ما

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

Prevنوشته قبلی10 مهارت نرم برای طراحان رابط کاربری (UI) و تجربه کاربری (UX)
نوشته بعدیتفاوت بین Opacity ،Flow و Density در فتوشاپNext
اشتراک در
وارد شدن
اطلاع از
guest
مثلا امین فرجادی
example@email.com
example.com
guest
مثلا امین فرجادی
example@email.com
example.com
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها

می توانید از این مقالات هم لذت ببرید

تجربه

طراحی رابط کاربری از کجا آغاز و به کجا ختم می شود؟ (مسیر طراحی در 3 قدم)

در این مقاله به مسیری پرداختم که یک طراح رابط کاربری برای رساندن یک طرح خام و اولیه به بلوغ طی می کند.

اردیبهشت 5, 1401 بدون دیدگاه
رابط کاربری ui design sketch
تجربه

با 8 سوال بدانید که طراحی رابط کاربری چیست و طراح رابط کاربری کیست؟

طراحی رابط کاربری (UI Design) مجموعه ی اعمالی است که برای پیاده سازی یک یا چند صفحه یا محصول فیزیکی، برای تعامل کاربر نهایی انجام می شود. در واقع رابط کاربری یعنی آنچه کاربر از طریق آن با آنچه که از محصول دیده نمی شود (کد نویسی در نرم افزار ها و اجزای مکانیکی در سخت افزار ها) ارتباط برقرار می کند.

فروردین 27, 1401 1 دیدگاه
فتوشاپ

Adjustment Layer (لایه تنظیم) در فتوشاپ چیست؟ به همراه آموزش 5 Adjustment Layer

Adjustment Layer ها نوع خاصی از لایه ها در فتوشاپ هستند. آنها به جای اینکه محتوای خود را داشته باشند، اطلاعات لایه های زیر خود را تنظیم می کنند.

دی 13, 1400 بدون دیدگاه
تفاوت بین Opacity ،Flow و Density در فوتوشاپ
فتوشاپ

تفاوت بین Opacity ،Flow و Density در فتوشاپ

حتما شما هم به این مورد بر خورده اید که Opacity ،Flow و Density در فوتوشاپ چه تفاوتی با هم دارند. مخصوصا در زمان استفاده از یک براش

دی 13, 1400 بدون دیدگاه

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

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

تماس با ما

طراحی ها در دریبل

اینجا هر از گاهی طراحی های لوگو و رابط کاربری را آپلود می کنم. در صورت تمایل آن ها را بررسی کنید. 👋

مشاهده نمونه کارها

موشن و طراحی در اینستاگرام

در اینستاگرام موشن گرافی ها، طراحی رابط کاربری، لوگو و آموزش ها را آپلود می کنم. اگر دوست داشتید می توانید دنبالم کنید. ❤

مشاهده نمونه کارها

این وب سایت بر خدمات بی مانند ایران سرور استوار است.

لینکداین • دریبل • اینستاگرام • پینترست • گیت هاب • تلگرام

Arrow footer
wpDiscuz