آموزش طراحی وب

مدرسه مجازی ایرانیان

دسته بندی موضوعات
سفارش تبلیغات

اصول طراحی جستجو در سایت + ۲۲ نمونه جستجو متفاوت

سلام به همه دوستان عزیز ،

در این نوشته قصد داریم به صورت تخصصی و با ذکر نمونه های مختلف در مورد نحوه صحیح طراحی جستجو در سایت صحبت کنیم .

اصول طراحی جستجو در سایت + ۲۲ نمونه جستجو متفاوت

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

اگر رابط کاربری جستجو در سایت به صورت صحیحی طراحی نشه ضربه بزرگی به نمایش محتواهای بیشتر سایت میزنه پس باید به شکلی طراحی اون انجام بشه که کاربر رو ترقیب به جستجوی محتواهای بیشتر و پیمایش صفحات بیشتر وب سایت کنه که در نتیجه زمان ماندن مخاطب در سایت رو بالا ببره و نهایتا از لحاظ مباحث سئو و الگوریتم های گوگل نتایج بسیار مناسبی رو برای سایت مورد نظر خواهد داشت .

جستجو چه ویژگی هایی دارد ؟

در زیر به چند مورد از ویژگی هایی که جستجو میتونه در طراحی داشته باشه اشاره میکنم که این موارد جزئی از دسترسی پذیری و کاربرد پذیری و چند اصل از اصول اولیه تجربه کاربری خواهد بود .

مکان و فضای مناسب انتخاب کنید:

جستجو رو در مکانی قرار دهید که با اولین درخواست کاربر برای جستجوی محتوا ، فیلد جستجو در اختیارش قرار بگیره و فضای مناسبی رو بهش اختصاص بدید که از دید پنهان نمونه.

ظاهر مناسب طراحی کنید:

فیلد و کلید جستجو رو به شکلی طراحی کنید که از لحاظ ظاهری جذاب و مخاطب پسند باشد.

کلید جستجو یا آیکن زربین را فراموش نکنید:

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

نمایش همزمان نتایج جستجو به صورت Ajax:

این یک نوع بسیار لذت بخش برای مخاطب سایت هست که با تایپ کردن حروف یک کلمه نتایج جستجو به صورت همزان نمایش داده شود یک نمونه موفق سایت گوگل هست یا جستجو در ویندوز از طریق منوی Start

موضوع سایت و تقاضای مخاطب رو در نظر بگیرید:

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

در زیر حدودا ۳۰ مورد از طراحی های مختلف بخش جستجو در سایت های ایرانی و خارجی رو در اختیارتون قرار میدم :

 

امیدوارم با مشاهده این نمونه ها و توضیحاتی که در بالا عرض کردم بتونید طراحی صحیح بخش جستجو رو یاد بگیرید و همیشه این بخش بسیار مهم رو در طرح هایی که طراحی میکنید صحیح پیاده سازی کنید

<<

>>

اگر این آموزش برای شما مفید بود با دوستان خود به اشتراک بگذارید



سفارش تبلیغات

گردآوری و تالیف : حسین همت یار

بنیانگذار و نوسنده در مدرسه مجازی ایرانیان و سردبیر ماهنامه طراحی وب همچنین مشاور گرافیک وب ، طراح UI و تحلیلگر UX، مسلط به نرم افزارهای گرافیکی پیکسلی و برداری و کدنویس HTML , CSS

خوراک خوشمزه و علمی روزانه
با وارد کردن ایمیلتون در فیلد روبرو آموزش های جذاب و vip دریافت نمایید

آموزش های مرتبط با این مطلب

دیدگاه های مخاطبین

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

وبلاگ مدرسه

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

مدرسین مدرسه

  • حسین همت یار

    حسین همت یار

    مدرس ، طراح رابط کاربری وب و موبایل با 8 سال سابقه ی فعالیت حرفه ای

سوابق کامل

آخرین پرسش و پاسخ ها

آخرین پرسش و پاسخ ها
شما هم سوالی دارید ؟