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

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

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

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

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

زمینه : طراحی و معماری پروژه های ساختمانی

تاریخ : سال 1396

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

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