در اين طراحي سايت ، خطوط جست و جو به همراه لينك هاي نويگيشن نمايش داده مي شود تا فضاي زيادي گرفته نشود. دستگاه هاي پاسخگو بايد بتوانند در فرم هاي مختلف جستجو در دستگاه هاي كوچك تر نيز پاسخگو باشند. مي‌توانيد فيلدهاي جستجوي درون خطي را با مخفي كردن آن ها از درون قسمت نويگيشن طراحي سايت نيز انجام دهيد. وب سايت DualShockers داراي منوي كشويي فوق العاده اي است كه بر روي تمامي قسمت صفحه نمايش اجرا مي‌شود.
اين نويگيشن بار تمام پيوند هاي منو را به همراه فرم جستجو در بالاي صفحه طراحي سايت قرار مي دهد. اين فرم جستجو براي دسترسي آسان ساخته شده است و در سمت راست ناوبري قرار دارد و رابط كاربري طراحي سايت آن براي تمامي دستگاه ها پاسخگو است. براي استفاده از اين تكنيك بايد منوي همبرگر مانند را به‌عنوان منوي پيش فرض براي تمامي صفحات نگه داريد. اين ايده ممكن است براي تمامي افراد كارايي نداشته باشد. براي طراحي فرم هاي دروني در طراحي سايت ، بهترين راه، استفاده از سبك هايي مانند Cartoon Brew يا وب سايت Design Modo است .
فرم هاي قابل انعطاف كامل
اين نوع فرم جستجو در اغلب طراحي سايت ها مشاهده نمي شود، اما اگر فكر مي كنيد اين طرح براي شما سازگار است مي توانيد آن را به كار بگيريد. با استفاده از فرم هاي جستجوي قابل انعطاف، مي توانيد شكل فرم را به صورت طرحي متناسب با عرض صد در صد در طراحي سايت اجرا كنيد. از آن جا كه مي توانيد فيلد جستجو را براي بهينه سازي فضا به فضاهاي كوچك تر منتقل كنيد، مي توانيد فيلد جستجو را به اندازه اي كوچك طراحي كنيد كه بر روي گوشي‌هاي هوشمند و صفحه نمايش هاي كوچك نيز به خوبي كار كند. با استفاده از اين تكنيك، فيلد جستجو همواره قابل مشاهده است و فقط در صورت نياز اندازه آن كاهش پيدا مي‌كند. طراحي سايت Authenic Jobs يكي از مثال هاي عالي در زمينه استفاده از اين تكنيك است.
طراحي سايت آن ها را مورد بررسي قرار دهيد و اگر مرورگر خود را تغيير دهيد مي‌توانيد مشاهده كنيد كه چگونه ساير شاخص‌هاي اين صفحه نيز به صورت مجدد بارگذاري خواهند شد. اين قالب به اين جهت طراحي شده است كه انعطاف پذيري كامل را براي تمامي دستگاه ها داشته باشد و در عين حال قابل مشاهده باشد تا بتواند طراحي خود را به نحو احسن نشان دهد. فرم هاي جستجو براي بسياري ازطراحي سايت ها جز عناصر مهم و ضروري به شمار مي رود و اگر به دنبال روشي براي متمايز كردن طراحي سايت خود از ديگران هستيد، مي توانيد از روش هاي متفاوت طراحي براي فيلد جستجو استفاده كنيد يا مي توانيد سعي كنيد تركيبي از تكنيك هاي متفاوت را به كار بگيريد و آن ها را براي طراحي سايت خود ايجاد كنيد.
طراحي سايت Push Square، از تركيبي از تكنيك هاي متفاوت براي فرم جستجوي خود استفاده كرده است كه در قسمت راست بالاي صفحه قرار گرفته است. با كليك كردن بر روي ذره بين جستجو، فيلد جستجو تمام صفحه را در بر مي گيرد. اهميتي ندارد كه از يك دسكتاپ 1900 پيكسل استفاده مي كنيد يا از صفحه نمايش تلفن همراه كه 320پيكسل است بهره مي گيريد، اين فيلد جستجو مي تواند با تمامي صفحات نمايش به طور مناسب هم خواني پيدا كند.
طراحي فرم جستجوي شما
بهترين راه حل براي جستجوي پاسخگو بستگي به پروژه مورد نظر دارد. برخي از منو هاي نويگيشن فضاي كافي براي فيلد هاي جستجو درون خطي ندارند و نياز است تا از روي صفحه پنهان شوند. اگر مطمئن نيستيد كه چگونه مي توانيد اين كار را انجام دهيد، طراحي سايت هاي متفاوت را بررسي كنيد و فرم هاي جستجوي آن ها را مورد مطالعه و بررسي قرار دهيد. نوشته هايي در رابطه با ويژگي هاي فرم هاي جستجو در طراحي سايت تهيه كنيد و بررسي كنيد و ببينيد كه كدام يك از آن ها كارايي بيشتري براي شما به همراه خواهند داشت. چندين مورد از تكنيك هاي متفاوت را امتحان كنيد و با استفاده از آزمون و خطا هاي متفاوت ببينيد كه كدام يك از فرم هاي جست و جو براي شما بهترين نتيجه را به همراه خواهد داشت و رابط كاربري را به بهترين شكل ممكن حفظ خواهد كرد.