1395/12/25

طراحی جعبه جستجو در طراحی سایت

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

 

 

جستجو در طراحی سایت

 

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

با توجه به موارد گفته شده، به هنگام طراحی جعبه جستجو در سایت به چه ملاحظاتی نیاز خواهید داشت؟ این درست که طراحی جعبه جستجو با توجه به اهداف و موضوع وب سایت شما متفاوت است، اما رهنمودهای کلی و جامعی در این خصوص موجود می باشند که برای همه وب سایت ها با هر موضوعی مشترک هستند. ما در این مطلب چند رهنمود اساسی به شما ارائه می دهیم:

1-جعبه جستجوی خود را در طراحی سایت برجسته تر نشان دهید

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

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

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

 

جعبه جستجوی خود را در طراحی سایت برجسته تر نشان دهید

 

2-کلید ارسال در سایت را برجسته تر طراحی کنید

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

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

 

طراحی سرچ باکس سایت

 

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

 

 

طراحی سرچ باکس سایت

 

 

جعبه جستجوی Xero Shoes فاقد دکمه ارسال است. کاربران باید ابتدا وارد یک کلمه کلیدی در بخش جستجو شده و سپس به جستجوی عبارت مورد نظر خود بپردازند. حالا، شما ممکن است با خودتان بگویید این خیلی هم بد نیست! خیلی راحت میتوان وارد بخش جستجوی کلیدهای جستجو شد. اما در مورد سایر کاربران چه می شود گفت؟ ممکن است کاربری زمان بسیاری برای جستجوی کلید های ترکیبی جستجو صرف کند.

 

طراحی جعبه جستجو سایت

 

 

3-جعبه جستجو در سایت  را در جایی قرار دهید که کاربران بیشتر به این مکان نگاه می کنند.

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

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

در زیر، نمونه های از جعبه جستجوی وب سایت Get Plus Followers می بینید که در سمت راست صفحه تعبیه شده است:

 

جعبه جستجو در سایت

 

در مثال دیگر، توجه شما را به جعبه جستجویی که در مرکز وب سایت تعبیه شده، جلب می کنیم:

 

 

4-ترکیب خودکار با اشکال گرافیکی

ممکن است وب سایت شما تقریبا 62.5% به صورت خودکار از اشکال گرافیکی در جعبه جستجو استفاده کند. به منظور رقابت بیشتر با سایر رقبا می توانید از اشکال و تصاویر گرافیکی در جعبه جستجو به همراه پیش نمایش های خودکار و پیشنهادات بهینه سازی سایت استفاده کنید. تنها 28% از وب سایت های دنیا شامل این ویژگی ها هستند.

برای اینکه درک بهتری از مفهوم ارائه شده به دست بیاورید، توجه شما را به وب سایت LED Hut جلب می کنیم.

 

 

5-از ازدحام مطالب و یا عدم وجود هیچگونه محتوا در جعبه جستجو اجتناب کنید.

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

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

6-از جعبه های جستجوی گسترده در طراحی سایت  استفاده کنید

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

 

7-افزودن منوی بالا و پایین را فراموش نکنید.

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

 

 

 

 

 

نظرات کاربران

اولین کسی باشید که در این مورد نظر می دهید

ثبت نظر

نام شما (*) :
ایمیل (*) :
نظر (*) :
کلمات کلیدی
طراحی سایت
  • طراحی سایت آونگ
  • طراح سایت کورسیر
  • طراحی سایت گروه صنعتی گلبافت
  • طراحی سایت بانک مهر
  • طراحی سایت  مبلمان اداری و منزل ایستا
  • طراحی سایت هولستن
  • سی دلی مالتی مدیا طرفه نگار
  • طراحی سایت مبلمان اداری جلیس
  • طراحی وب سایت مایکروتل پلاس
  • طراحی وب سایت هواپیمایی کاسپین
  • طراحی وب سایت هواپیمایی ماهان
  • طراحی وب سایت مکسیدر
  • طراحی وب سایت فرما
  • طراحی وب سایت ماشین3
  • طراحی وب سایت پیشگامان کویر آسیا
  • طراحی وب سایت هوندا
  • طراحی وب سایت پارسیان دیزل
  • طراحی وب سایت نان سحر
  • طراحی وب سایت بوژنه
  • طراحی وب سایت باشگاه فولاد خوزستان
  • طراحی وب سایت باشگاه مشتریان برج میلاد
  • طراحی سایت سازمان بورس و اوراق بهادار
  • طراحی سایت خانه عکاسان افرنگ
  • طراحی وب سایت نوشابه پرسپولیس
  • سی دی سازمان بهینه سازی مصرف سوخت
certificates
  • seo
  • multimedia
  • design
  • host and domain
  • programming
books

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

عضویت در خبرنامه
برای دریافت آخرین اخبار و مقالات وب سایت شرکت ایده پویا فرم زیر را تکمیل نمایید تا از تازه های سایت ما مطلع شوید.

پروژه ها ی برگزیده طراحی سایت

نمونه کار مرتبط

زمینه : نمایندگی انحصاری فروش میز و صندلی گیم

تاریخ : سال 1395

اخبار و مقالات

برگزیده ها
احتمالا شما که در حال حاضر این مطلب را می‌خوانید، صاحب یک وبسایت یا کسب‌وکار اینترنتی هستید. همچنین به احتمال زیاد شما از برخی ویژگی‌های وبسایت خود چندان راضی نبوده و به همین دلیل به دنبال بازطراحی سایت خود توسط یک آژانس دیجیتال مارکتینگ هستید. در چند سال اخیر آگهی‌های تبلیغاتی برای انجام طراحی سایت آنچنان زیاده شده که حتی در برخی اوقات می‌توان رد پای آنها را در معابر عمومی نیز مشاهده کرد.   جهت مشاوره خدمات طراحی سایت و سئو سایت با ...
استراتژی دیجیتال مارکتینگ برای معرفی محصولات چیست؟ اگر از افراد اطراف خود درباره راه اندازی یک کسب و کار کوچک اما جدید بپرسید از ده نفر، هشت نفر مخالف این کار بوده و آن را نوعی ریسک می‌دانند. فرقی ندارد آمریکا باشد یا ایران، این استرس و ریسک دانستن راه اندازی کاری جدید برای همه آدم‌های کره زمین وجود داشته و آن را نوعی چالش می‌دانند. پیشنهاد می‌کنیم برای اثبات این حرف از چند جوان اطراف خود در خانواده یا دوستانتان بپرسید و مزه زبانشان را بگیرید. بیشتر آن‌ها با شک و دو ...
  با توجه به گسترش استفاده از اینترنت در دنیای امروز رقابت میان طراحی سایت‌ های کسب و کار های دیجیتال مارکتینگ به شدت بالا گرفته است. صاحبان این سایت‌ها علاوه بر مطالب جذاب و مفید به دنبال زیبایی و شکیل بودن صفحات سایت نیز هستند. اولین چیزی که هر کاربر به‌ محض ورود به سایت با آن رو به‌ رو می‌شود رابط کاربری آن است. اگر در این بخش از سایت از رنگ‌های نامناسبی استفاده شده باشد یا ترکیب‌ بندی محل قرارگیری المان‌های سایت نامناسب باشد، بدون شک واکنش ...
علیرغم اینکه در عصر دیجیتال زندگی می کنیم، برای سایت های فروشگاه آنلاین چالش های زیادی وجود دارد. رقابت با میلیون ها طراحی وب سایت فروشگاهی بسیار شدید است. همچنین به لطف گوگل، مردم می توانند قیمت ها را به سرعت بررسی کنند، محصولات شما را با رقبایتان مقایسه کنند و تصمیم بگیرند از چه سایتی خرید کنند. با توجه به اینکه دنیای دیجیتال مارکتینگ هر روز در حال رشد است، در اینجا 14 استراتژی بازاریابی اینترنتی برای افزایش فروش آنلاین ارائه کرده ایم. 1. بر زیبایی بصری محصولات وبسایتتان بیافزایید مصرف ...
در راه اندازی و طراحی سایت فروشگاه اینترنتی معمولا با مشکلات زیادی مواجه می شویم ولی در ادامه 15 موردی را با یکدگیر بررسی خواهیم کرد که به شدت برای فروشگاه های آنلاین پیشنهاد می شود همچنین بررسی خواهیم کرد چگونه از هرکدام برای افزایش نرخ مشارکت کاربران در سایت و تبدیل خریداران به مشتریان وفادار استفاده کرد. شما با رعایت این استراتژی ها می توانید مشتریان خود را مانند بازرگانان انتخاب کنید و محصولات خود را طبق نباز مشتری عرضه کنید. برای طراحی سایت فروشگاه اینترنتی خود با مشاوران مجرب ما ...
با گسترش روزافزون تکنولوژی دیگر بسیاری از مشکلات برطرف شده است و اینترنت محبوبیت بالایی بین مردم پیدا کرده است؛ خرید و فروش های خود را به صورت اینترنتی انجام می دهند؛ خدمات مورد نیاز خود را از طریق اینترنت رزرو می کنند و... . دیگر نیازی نیست برای یک ایمیل زدن و یا تحقیق، حتما به پشت کامپیوتر های شخصی نشست و به راحتی کار های خود را در هر جایی انجام می دهند. با گسترش خدمات آنلاین و تکنولوژی مردم دیگر بجای استفاده از کامپیوتر های رومیزی و لپ تاپ، از تبلت و گوشی های هوشمند استفاده می کنند و تمامی کار ...