روش ها و روند هاي رايج براي طراحي سايت
تمامي طراحي سايت هاي مدرن بايد از طرح يا قالب پاسخ گو استفاده كنند. اين باعث مي شود كه جست و جو در يك طراحي سايت بر روي تمامي دستگاه ها آسان‌تر شود، اما اين طراحي سايت ها كمي سخت تر از طراحي سايت هاي ديگر است. فيلد جست و جو يكي از مثال هاي بارز از عناصر طراحي سايت ها است كه طراحي و استفاده از آن كمي سخت به نظر مي رسد. با افزايش استفاده از قالب هاي پاسخگو در طراحي سايت ها، طراحان وب روندها و روش‌هاي جديدي براي ايجاد فرم هاي جستجو پيدا كرده اند كه قابل دسترس است و از نظر ظاهري بسيار زيبا به نظر مي رسند.
بهتر است نگاهي به برخي مثال هاي فرم جستجو در طراحي سايت بيندازيم. اين مثال ها بايد قادر باشند تا به شما كمك كنند رابط كاربري جستجوي خود را طراحي كنيد و ايده هايي براي پروژه هاي بعدي خود به دست آوريد.
رايج ترين ويژگي جست و جو در طراحي سايت ، فرم جستجوي كشويي (Dropdown Form) است. اين نوار را مي‌توان از طريق قرار دادن لينك در قسمت نويگيشن بار ايجاد كرد كه مي توان از طريق آن، جستجو را فعال يا غير فعال كرد. از آن جايي كه بسياري از طراحي سايت ها از نويگيشن ثابت استفاده مي‌كنند، حفظ فيلد جستجو در تمامي قسمت هاي طراحي سايت كار آسان تري است.
اما حتي با وجود نويگيشن بار ثابت، مي توانيد متوجه شويد كه ويژگي فرم جستجوي كشويي مانند، به شدت كاربردي است، زيرا فضاي كافي زيادي بر روي صفحات پاسخگو وجود ندارد تا بتوانيد فرم جستجو را بدون آسيب به محتواي اصلي درون طراحي سايت قرار دهيد.
سايت خبري Search Engine اين كار را به سرعت و راحتي در قسمت بالاي صفحه خود انجام داده است.
اين طراحي سايت از آيكون ذره بين مانندي كمك مي گيرد كه در قسمت بالاي وب سايت قرار گرفته است و براي تمام كاربران قابل مشاهده است.
هنگامي كه فيلد جستجو نمايش داده مي‌شود، ذره‌بين قرار گرفته به طور اتومات تبديل به X مي‌شود. استفاده از اين ابزار، روشي عالي براي بهبود رابط كاربري طراحي سايت است تا افراد متوجه شوند كه هر زمان قصد داشته باشند مي توانند فيلد جستجو را ببندند.
بهتر است به اين نكته نيز اشاره كنيم كه اين طراحي سايت خارق العاده است و به صورت بدون نقص با تمامي وب سايت ها و تمامي دستگاه ها هم خواني دارد.
Problogger يكي ديگر از مثال هاي خوب در اين زمينه است كه عملكرد آن در موبايل و دسكتاپ كمي متفاوت است.
هنگامي كه جستجوي خود را در صفحات كوچك تر انجام مي دهيد ذره بين موجود براي جستجو را در قسمت فيلد جستجو پيدا مي كنيد، اما كاربران دسكتاپ فضاي بيشتري در نويگيشن بار در اختيار دارند كه با استفاده از آن، فيلد جستجو نهايت عملكرد خود را نشان مي‌دهد.