رفتن به بالا

09388882571 - 09133135582

سبد خرید   (0 مورد - تومان)
  • سبد خرید شما خالی است.

طراحی کردن یک جستجویابی برای وب سایت، برنامه ریزی های بادقتی را می طلبد. شما باید درباره کاربران خود فکر کنید که به دنبال چه چیزی می گردند و چه نوع از جستجویابی با طرح بندی سایت شما همخوانی دارد.

برخی از طراحان نوار جستجویابی کوچک تری را ترجیح می دهند، این در حالی است که برخی طراحی های مگا منو بزرگی را دوست دارند. اما یک ویژگی که در طراحی سایت مشاهده نمودم، نوار جستجویابی اسکرولی ثابت بود.

این امر برای تمامی اندازه ها و سبک ها به کار می رود و یک انتخاب طراحی رایج به شمار می رود. اگر شما به دنبال اضافه کردن جستجویابی به طراحی سایت خود می باشید، به این گرایش هایی که در این مقاله ارائه می داریم توجه کنید تا ایده های مفیدی را به دست بیاورید.

 

نوارهای جستجویابی با تغییر اندازه اتوماتیک.

این مورد قطعا یک عنصر اصلی برای طراحان مدرن می باشد، مخصوصا اگر روی یک وب سایتی کار می کنید که یک منو بزرگ جستجویابی دارد.

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

به وب سایت FANDANGO MEDIA GROUP نگاه کنید و سبک جدید جستجویابی ساکن آن ها را بررسی کنید.

این جستجویابی خیلی کوچک نمی شود، اما زمانی که اسکرول می کنید، تغییر را مشاهده می نمایید. من این نوع را در منوهای جستجویابی بزرگ می یابم.

هم چنین دوست دارم تا MEDIA QUERIES سفارشی و کاستوم را مشاهده کنم که باعث می شود نوار جستجویابی در صفحه نمایش های کوچک تر، تغییر اندازه دهد. این امر ضروری نیست، اما قطعا تجربه کاربری را بهبود می دهد.

حالا ما می توانید انتخاب کنید که تنها لینک ها را تغییر اندازه دهید یا لوگو را مجددا فرمت بندی نمایید. این امر را می توانید در وب سایت TWEED BARBERS شاهد باشید.

زمانی که یک بار از تیتر به سمت پایین سایت اسکرول می کنید، متوجه می شوید که لوگو در اندازه بسیار کمی به صورت اتوماتیک تغییر سایز می دهد.

این امر برای لوگوهای با حالت آویزان بسیار عالی است و جستجویابی را اندکی در صفحه نمایش های کوچک تر، جالب تر می سازد.

 

جستجویابی عمودی ثابت

همه ما درباره منوهای جستجویابی افقی ثابت اطلاعاتی داریم. این ها به صورت پیش فرض رایج ترین جستجویابی ها در وب سایت می باشند.

اما شما می توانید جستجویابی عمودی را نیز در وب سایت خود موثر و کاربردی بیابید، تنها لازم است دریابید که چگونه آن را به گونه مناسبی طراحی کنید. بیشتر این ها یک سبک جستجویابی ثابت و یکسان را نیاز دارند، از این رو لینک ها از هر جایی در وب سایت در دسترس می باشند.

سایت نمونه کار JORGE RIGABERT یک مثال زیبایی را از جستجویابی های عمودی طولانی ارائه می دارد.

در آن، شما لینک هایی را می یابید که شامل پروفایل های رسانه اجتماعی و لوگو واضح و شفاف و زیبا است. زمانی که شما یک طراحی این چنینی را داشته باشید، نیاز ندارید تا درباره تغییر اندازه آن زمانی که به سمت پایین صفحه اسکرول می کنید، نگران باشید.

در عوض، شما باید اطمینان یابید که نوار جستجویابی می تواند به خودی خود در گوشی های همراه مجددا سازماندهی شود. این تمام چیزی است که این نوار جستجو باید انجام دهد، اما زمانی که به درست این امر اجرا شد، می تواند فوق العاده و شگفت انگیز باشد.

مثال دیگر نمونه کار MICHAEL NGO می باشد.

این مورد اندکی آسان تر است و از آیکون های کاستوم و سفارشی برای بهبود سبک جستجویابی استفاده می کند. هم چنین این مورد از یک روش بسیار مینیمالیست پیروی می نماید که فکر می کنم برای بیشتر سایت های نمونه کار می تواند کاربردی باشد.

اما شما می توانید هم چنین اندکی تخصصی تر عمل کنید، درست مانند کاری که ROMAN KIRICHIK انجام می دهد.

این جستجویابی نیمی از فضای صفحه نمایش را در تیتر به خود اختصاص می دهد، اما زمانی که به سمت پایین اسکرول می کنید، به سرعت به نوار کنار کوچک تری تغییر مکان می دهد.

به طور طبیعی، لینک ها زمانی که اسکرول می کنید، در جای خود می مانند و این امر آن ها را برای دسترسی ساده می سازد.

اما اگر ما از طیف وب سایت های نمونه کارجدا شویم و نگاه به نمونه طرح بندی های دیگر بیاندازیم، مشاهده خواهیم که جستجویابی عمودی ساکن می تواند در هر سناریویی کار کند.

در این جا هدف این است که اطمینان یابید که لینک های جستجویابی برای استفاده و نمایان شدن آسان می باشند و فضای بسیار زیادی از طراحی را اشغال نمی نمایند.

اگر شما می توانید این کار را انجام دهید، پس مطمئن باشید که این نوع از جستجویابی برای وب سایت شما کار می کند و نتیجه بخش است.

 

با استفاده از سایه های پایینی، می توانید به جستجویابی خود عمق بی افزایید.

اگر به طور مکرر در وب جستجو می کنید، احتمالا سایه های پایین را دیده اید که DROP SHADOW نامیده می شوند.

بسیاری از طراحان دوست دارند تا گرایش طراحی مسطح از سایه های طویل و دراز را پیروی کنند، اما من ترجیح می دهم که سایه های CSS3 شگفت انگیز را برای افزایش عمق به صفحه اضافه کنم.

وب سایت MORTAR & GRAIN از یک نمونه سایه پایینی ساده استفاده می کند که در پایین نوار جستجویابی قابل مشاهده است.

این امر باعث اضافه شدن یک لایه زیبا و پایدار به نوار جستجویابی است و باعث می شود تا در بالای محتواها نمایان شود که به صورت بصری بسیار نمایان و قابل تشخیص می باشد، مخصوصا زمانی که به سمت پایین صفحه اسکرول می نمایید.

در این جا مثال دیگر از KARMA با یک افکت سایه پایینی وجود دارد.

هیچ سبک سایه پایینی عالی در این طراحی وب سایت وجود ندارد و شما به این مورد در هر جستجویابی ثابت و ساکنی نیاز ندارید.

من به این دلیل استفاده از این تکنیک را در این وب سایت دوست دارم زیرا به صفحه عمق واضحی می بخشد و به بازدیدکنندگان اجازه می دهد تا بدانند که نوار جستجویابی در بالای صفحه هم چنان پایدار می ماند. اگر شما آن را دوست دارید، پس از آن استفاده نمایید، در غیر این صورت، می توانید آن را نادیده بگیرید.

 

انیمیشن های اسکرولی در نوار جستجویابی.

انیمیشن وب کاستوم حدود ۱۰ سال پیش برای برنامه نویسان وب، مفهوم و موضوع بسیار سخت و چالش برانگیزی بود. حالا، با نوشتن مقداری JQUERY و یا اضافه کردن تعدادی پلاگین، این امر به سادگی انجام می شود.

این امر حتی برای شخصی سازی طرح بندی همراه با میکرو تعاملات اندک و انیمیشن های کوچک تر می تواند ساده تر نیز باشد که به حرکات کوچک ولی قابل توجه کاربران واکنش نشان می دهد.

برای مثال در این زمینه به وب سایت SEARCH ENGINE JOURNAL نگاه کنید که لوگو آن ها را در بالای هر صفحه از مقاله ثابت نگه می دارد.

اگر شما صفحه هوم را بازدید کنید و به سمت پایین اسکرول نمایید، متوجه می شوید که لوگو در قسمت تیتر به صورت انیمیشنی در می آید.

این مورد باعث می شود تا نوار جستجویابی در بالای هر صفحه واضح و شفاف باقی بماند و به لوگو فضای بیشتری می دهد تا توجه افراد را جلب نماید.

یک گزینه بسیار متفاوت این است که نوار جستجویابی ثابت را محو کنید تا زمانی که کاربران به اندازه کافی اسکرول نمودند، نمایان شود. شما می توانید این تکنیک را در وب سایت ۹۹U در جستجویابی بالای صفحه آن ها مشاهده کنید.

از این رو تا زمانی که کاربر  در صفحه سایت شما احساس امنیت نداشته باشد، نباید خیلی روی انیمیشن ها تمرکز کنید.

انواع بسیاری از انیمیشن های کوچک وجود دارد که می توانید آن ها را توسط افکت محو کردن نمایش دهید و یا در صفحه به سمت پایین اسلاید کنید، درست کاری که در وب سایت CLOUD انجام شده است.

اما اگر شما می خواهید تا نوار جستجویابی ثابت خود را اندکی هیجان انگیز بسازید، تلاش کنید تا افکت های انیمیشنی کاستوم و سفارشی را بیفزایید.

آن ها همگی نمایش حیرت انگیزی را ارائه می دارند و می توانند میزان جذب کاربران را افزایش دهند.

 

جمع بندی.

سعی می کنم تا در اینترنت و وب سایت ها جستجو کنم و به دنبال گرایش های جدید طراحی باشم. گرایش های جستجویابی در سال های اخیر بسیار متحمل تغییر شده است و من احساس می کنم که جستجویابی ها برای همیشه باقی خواهند ماند.

خوشبختانه این گرایش ها کمک می کند تا  طراحی جستجویابی های جالبی را برای وب سایت خود برنامه ریزی کنید که لینک های مورد نظرتان را ثابت و در سایت نگاه می دارد و به کاربران دسترسی ساده ای در هر جای که از وب سایت که قرار دارند، ارائه می نماید.