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

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

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

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

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

زمینه : فروشگاه زیور آلات

تاریخ : سال 1393

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

برگزیده ها
اگر با مفاهیم طراحی سایت آشنا باشید، مطمئنا در تمایز بین طراحی متریال و طراحی فلت دچار چالش خواهید شد. طراحی متریال، زبانی جدید در طراحی سایت است که گوگل در یکی از کنفرانس های خبری خود آن را معرفی کرده است. در روش طراحی سایت فلت تا حد امکان از سایه ها و گرادیان رنگی استفاده نشده و اجزای اصلی صفحه سایت با استفاده از رنگ های یک دست و درخشان در کنار فونت های خوانا به نمایش گذاشته می شوند.  اما به راستی چه تفاوت هایی بین این دو شیوه طراحی وجود د ارد؟ کدام یک بر دیگری ارجحیت دارد؟ در حقیقت، ...
هر وب سایت فروشگاهی جریان های حسابرسی و مالی خود را از زمان خرید کالا تا افزودن آن به سبد خرید مشتریان دارد. البته با توجه به نوع خرید و هدف مشتریان از خرید، این دستمزدها با هم تفاوت خواهند داشت. جریان های مالی شما باعث جلب توجه کاربران و تشویق آن ها به خرید خواهد شد. در این مطلب قصد داریم چند نکته کاربردی  در خصوص بهبود طراحی فاکتورهای مالی وب سایت  و افزایش تعامل کاربران در محیط وب سایت فروشگاهی و فروشگاه آنلاین اینترنتی با شما به اشتراک بگذاریم.   هدف مشخص در طراحی فاکتورهای سایت ...
تجربه کاربری (UX) ، جزء جدایی ناپذیر در طراحی همه وب سایت ها است و هیچ شکی هم در مورد آن نیست. البته بهتر است اینچنین بگوییم اگر یک حوزه صنعتی وجود داشته باشد که تجربه کاربری در آن بیش از هر چیز دیگر مهم قلمداد شود، صنعت میهمان نوازی و گردشگری است.     صنعت میهمان نوازی مربوط به ملاقات با میهمانان و ارائه تجارب متفاوت گردشگری از اولین لحظه بازدید تا تصمیم نهایی می باشد. شاخه‌ای گسترده از صنعت خدمات است که در زمینه ارائه مکان‌های اقامتی، برنامه‌ریزی مراسم، شهر ...
بیشتر طراحان وب سایت در خصوص طراحی اولیه موبایل ها و تاثیرات چشم گیر آن بر طراحی ریسپانسیو آگاه هستند. اما فنون جدیدی دیگری هم این روزها روانه بازار طراحی شده  که شاید چندان معروف نباشند ولی می توانند بسیاری از مشکلات پیش رو را حل و فصل نمایند. با استفاده از رویکرد طراحی غیر ریسپانیو (طراحی دسک تاپ) می توان همه ویژگی های مطلوب و مورد نظر را با بالاترین درجه کیفی در صفحه نخست صفحه نمایش گنجاند. حتی می توان بعدا این موارد را بر روی سایر دستگاه های کوچک تر امتحان کرده و از احتمالات جزئی نیز غافل ...
آیا به نظرتان هیچگونه عدم انسجامی بین طراحی وب سایت های فروشگاهی خلاقانه و حرفه ای وجود ندارد؟ بر خلاف برخی از کارشناسان  که معتقدند  این قضیه کاملا متناقض است، باید بگوییم در واقع نوعی عدم انسجام  وجود دارد.  بیشتر طراحان وب سایت ها در مراحل اولیه دوره حرفه ای خود به این مفهوم معتقدند که سهولت کاربری و درخشندگی در واقع می تواند طراحی فروشگاه اینترنتی مبتکرانه را تضعیف نماید.       آیا کوچک ترین اثری از حقیقت موجود است؟! آیا می توان طرح هایی در طراحی ...
آن چه که زمانی در طراحی وب سایت بسیار منسوخ و پیش افتاده بود، این روزها دوباره روح زندگی به خود گرفته است! این روزها کاربران از فوت و فن های متعددی برای پیمایش بالا و پایین در فضای وب سایت استفاده می کنند و موفقیت ها و دست آوردهای مهم خود را مدیون این قوانین می باشند. جد ا از همه این ها، پروسه پیمایش به عنوان یکی از اجزای هسته ای و کلیدی ایجاد تعادل در هر وب سایتی تلقی می شود. به این معنی که طراحان تازه کار و حرفه ای بایستی هر لحظه به دنبال قوانین جدید در زمینه کارکرد با دکمه های پیماشی باشند.     در ...