مکانیزم جستجو در طراحی متریال

تعرفه تبلیغات در سایت
عنوان عکس عنوان عکس عنوان عکس عنوان عکس
عنوان عکس عنوان عکس عنوان عکس عنوان عکس
عنوان عکس عنوان عکس عنوان عکس عنوان عکس
عنوان عکس عنوان عکس عنوان عکس عنوان عکس
عنوان عکس عنوان عکس عنوان عکس عنوان عکس

آرشیو مطالب

جستجوگر

امکانات وب

برچسب ها

[color][size][font]
[/font][/size][/color]
[تصویر: md-pattern142.png]
[color][size][font]
[/font][/size][/color]

یک جستجوی ساده و پایه ای شامل موارد ذیل میباشد :

[color][size][font]
[/font][/size][/color]
  1. باز کردن فیلد متنی جستجو
  2. وارد کردن و ثبت کردن درخواست (عبارت یا کلمه مورد جستجو)
  3. نمایش مجموعه ای از نتایج مرتبط
[color][size][font]
[/font][/size][/color]

با این حال مکانیزم جستجو با ارائه آیتم های ذیل میتواند پیشرفته تر شود :

[color][size][font]
[/font][/size][/color]
  • جستجوی صوتی
  • پیشنهادات جستجو با توجه به تاریخچه جستجوی هر کاربر در زمان وارد کردن عبارت یا کلمه مورد جستجو
  • تکمیل خودکار پیشنهادات جستجو که متناسب با داده های موجود در برنامه هستند.
[color][size][font]
[/font][/size][/color]

دو الگوی اصلی برای جستجوی داخل برنامه ای (داخلی) وجود دارد : جستجوی دائمی و ثابت و جستجوی گسترده

[color][size][font]
[/font][/size][/color]

جستجوی ثابت

[color][size][font]
[/font][/size][/color]
زمانی که جستجو، عملیات اصلی در برنامه میباشد، از جستجوی ثابت استفاده نمایید.
فیلد متنی جستجو در داخل جعبه جستجو نمایش داده میشود. کاربر میتواند با فشار دادن آیکون میکروفون، جستجوی صوتی انجام دهد.
زمانی که روی فیلد جستجو کلیک میکنید، فیلد جستجو گسترش یافته و تاریخچه ای از جستجوهای پیشنهادی را نمایش میدهد.
انتخاب هر یک از پیشنهادات باعث ثبت شدن و پذیرش جستجو میشود.طراحی سایت
[color][size][font]

[/font][/size][/color]

[تصویر: md-pattern143.png]
جعبه جستجوی ثابت

[تصویر: md-pattern144.png]
فیلد متنی جستجوی ثابت زمانی که روی آن کلیک شده و فعال میشود.

[color][size][font]
[/font][/size][/color]

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

[color][size][font]
[/font][/size][/color]
[تصویر: md-pattern145.png]
تکمیل خودکار

[تصویر: md-pattern146.png]
نتایج جستجو

[color][size][font]

[/font][/size][/color]

جستجوی گسترده

[color][size][font]
[/font][/size][/color]

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

[color][size][font]
[/font][/size][/color]
[تصویر: md-pattern147.png]
جستجوی گسترده

[تصویر: md-pattern148.png]
فیلد متنی جستجو در حالت فعال (کلیک شده)

[color][size][font]
[/font][/size][/color]

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

[color][size][font]
[/font][/size][/color]
[تصویر: md-pattern149.png]
تکمیل خودکار

[تصویر: md-pattern150.png]
نتایج جستجو

[color][size][font]

مطلب بعدی -> تنظیمات (settings)
[/font][/size][/color]


[rtl]طراحی فروشگاه اینترنتی[/rtl]
ارسال: #1
مکانیزم جستجو در طراحی متریال - دیروز, 10:24 PM
ویژگی جستجو به کاربر امکان میدهد تا محتوای مورد نظر خود را سریعتر و راحت تر در سایت یا برنامه پیدا کند.طراحی سایت
در برنامه ها یا سایت هایی که حاوی حجم زیادی از محتوا هستند، گاربر باید قادر باشد محتوای مورد نظر خود را از طریق جستجو (search) بیابد.

آپشن های جستجو

[color][size][font]
[/font][/size][/color]
  • جستجوی صوتی
  • پیشنهادات جستجو
  • تکمیل خودکار
[color][size][font]
[/font][/size][/color]

انواع جستجو

[color][size][font]
[/font][/size][/color]
  • جستجوی دائمی
  • جستجوی قابل گسترش
  • جستجوی داخل برنامه ای (داخلی)

  • مطالب مرتبط
  • تأثیر طراحی سایت رسپانسیو بر روی بهبود سئو سایت
  • این صفحه چطوری طراحی شده؟
  • اضافه کردن قسمت جستجو
  • تخصصی طراحی UI و UX اندروید
  • طراحی سایت را از کجا شروع کنیم؟
  • در طراحی برنامه های موبایل چگونه از کاربر اجازه دسترسی به اطلاعات شخصی اش را بخواهیم؟
  • نویسنده : کاوه محمدزادگان بازدید : 12 تاريخ : يکشنبه 4 مهر 1395 ساعت: 5:40
    برچسب‌ها :

    خبرنامه

    عضویت

    نام کاربري :
    رمز عبور :