جمعه ۱۱ آبان ۰۳

طراحي فرم هاي جستجوي ريسپانسيو ( قسمت دوم )

۱۴ بازديد

اگر فضاي كافي در نويگيشن بار طراحي سايت خود داريد، مي توانيد اين روش را امتحان كنيد.

يكي ديگر از طراحي سايت هايي كه از تكنيك مشابه استفاده مي كند وب سايت SkinnyTies است.

به اين توجه كنيد كه فيلتر جستجوي آن ها چقدر نسبت به ساير لينك هاي موجود در نويگيشن بار كوچك تر است. با استفاده از اين روش، فضاي بسيار زيادي در طراحي سايت گرفته نمي شود و در عين حال بر روي دستگاه هاي كوچك نيز قابل مشاهده است.

Modal تمام صفحه

اگر از فيلد جستجوي كشويي خوشتان نمي آيد، مي توانيد به جاي آن از پنجره مدال در طراحي سايت استفاده كنيد.

اگر به طور سطحي به آن نگاه كنيد، ممكن است كاملا مشابه با مدل كشويي در طراحي سايت به نظر برسد. اما فرم كشويي در قسمت نويگيشن بار، به صورت پنجره مدال نمايش داده مي‌شود.

مي‌توانيد مثال واضحي از اين مدل را در Full Home Living مشاهده كنيد كه مدال جستجو، تمامي صفحه طراحي سايت را در بر مي گيرد.
استفاده از اين مدل توجه هاي زيادي را به خود جلب مي كند و تمركز كاربران را به سمت فرم هدايت مي‌كند. اين ابزار به نحوي طراحي شده است تا به طور كامل ريسپانسيو باشد و استفاده از آن راحت باشد و يكي از نشانه هاي اين مدال در طراحي سايت اين است كه مي توانيد تنها با يك اشاره كوچك آن را ببنديد.

البته اگر نمي خواهيد تا تمام صفحه طراحي سايت شما تنها با يك فيلد جستجوي كوچك پر شود، اين مدل براي شما كارايي ندارد، اما اگر جسارت كافي براي افزودن محتواي بيشتر به صفحه داريد، مي توانيد مدال جستجوي خود را مانند طراحي سايت Comedy Central ايجاد كنيد.

در اين طراحي سايت نيز فيلد جستجو تمام صفحه را در بر مي‌گيرد، اما شامل لينك هاي بيشتر براي جديدترين اخبار و پيش نمايش ها است.

اگر داراي پست هاي جديد، دسته‌بندي‌هاي جذاب يا اخبار تازه هستيد مي توانيد از اين روش براي نشان دادن لينك ها و پيوند هاي اضافه بر روي صفحه خود استفاده كنيد. مدال هاي تمام صفحه به خوبي عمل مي كند، اما نبايد از تجربه كاربري نيز غافل شويد. اطمينان حاصل كنيد كه مدال بر روي تمامي دستگاه ها به خوبي عمل مي كند و كاربران مي توانند به راحتي فيلد جستجو را ببندند.

ورودي هاي پاسخگوي درون خطي (Inline Responsive Inputs)

فرم هاي خطوط دروني پويا، فيلدهاي جست و جوي مخفي دوگانه اي را در كنار منوهاي كشويي طراحي سايت پيشنهاد مي كند.

با استفاده از فرم جستجو درون خطي، مي توانيد بخش جستجوي طراحي سايت را به ناوبري خود منتقل كنيد، اما آن را به صورت درون خطي قرار دهيد. درون طراحي سايت Designmodo از اين مدل بهره گرفته شده است و انتخاب، نمونه اي محبوب براي اغلب وب سايت ها است. براي مثال، طراحي سايت Cartoon Brew را بررسي كنيد. قسمت نويگيشن آن ها داراي يك ذره بين جستجو است كه به صورت واضح قابل مشاهده است، اما تا هنگامي كه قصد جستجو در وب سايت را نداشته باشيد، فرم جستجو قابل مشاهده نيست.

 

منبع : http://generalinfo1.parsiblog.com/Posts/133/

تا كنون نظري ثبت نشده است
ارسال نظر آزاد است، اما اگر قبلا در مونوبلاگ ثبت نام کرده اید می توانید ابتدا وارد شوید.