Почетна » УИ / УКС » Сховцасе оф Беаутифул Десигн Бок УИ Десигнс

    Сховцасе оф Беаутифул Десигн Бок УИ Десигнс

    То је некако уобичајено на интернету где - ако не успемо да добијемо оно што тражимо на веб сајту, прибегавамо претраживању. Оквир за претрагу је увек био основни део веб сајта. Ако покренете веб сајт са интензивним садржајем, то је још неизбежније. Обично се налазе у следећим областима: заглавље, горњи навигациони мени или бочна трака (горњи део). Понекад можемо да убацимо још један у подножју да би тражење било погодније за кориснике.

    Далеко смо прошли од Веб 1.0; претраживање на вебу више није ограничено на унесите кључну реч и погодак за претраживање. Програмери настоје да претражи боље искуство за своје посетиоце тако што ће обновити и додати више функција, каже, филтрирање претраживања да би добили боље циљане резултате, пружајући кључне речи за претрагу или историју претраге док уписујете.

    У данашњем посту, показали смо неке лепе кутије за претрагу са обећавајућим карактеристикама које смо упознали. Без обзира да ли желите да обновите своју веб локацију или једноставно тражите инспирацију за бољу претрагу, овај пост је за вас. Комплетна листа после скока!

    ПлаилистНов

    Почевши од префикса "Ја сам", овај модул за претраживање покушава интелигентно да упари и прикаже резултате који одговарају вашем упиту док уносите.

    Сцролл Сеарцх Модуле

    Предложио дизајнер Ницо Нуззаци, овај креативни оквир за претраживање вам омогућава да претражујете уписивањем или скроловањем абецедног панела.

    ТектбокЛист

    Овај модул за претрагу има комбинацију неколико функција: облаже упите за претрагу у формату ознака и омогућава вам да избришете одређену ознаку за претрагу. Такође долази са аутоматским комплетирањем. Личи познато? То је слично модулу за таговање на Фацебооку!

    Ремембер Тхе Милк

    Слично претраживању на ИоуТубе-у, оквир за претрагу вам одмах каже ако нешто одговара вашем резултату. Још један интелигентан пример ауто-сугестије.

    Аутхентиц Јобс

    Мислим да су аутентични послови већ имали своју претрагу са тренутним резултатима и да су се извршавали пре Гоогле-а.

    Контаин

    Контаинов оквир за претраживање омогућава корисницима да претражују или филтрирају резултате претраживања само на "ажурирања" или "корисника".

    Нев Иорк Магазине

    Слично као иу Контаину, претрага НИ магазина омогућава дубље филтрирање.

    ТхемеФорест

    Још један пример филтрирања у модулу за претраживање да помогне посетиоцима да добију оно што желе у минималном времену.

    Претраживање, сортирање и филтрирање

    Брианов оквир за претраживање изгледа као модул за претрагу који је направљен на прекрасан начин; прилагодите како желите да резултати изгледају пре него што притиснете дугме за претрагу.

    Тумблр

    Суптилни и мали модул за претраживање на бочној траци - уредан!

    МенуПагес

    Ако тражите комплетан модул за претрагу, а простор је ограничење, овај приступ може бити од користи.

    Куотезуки

    Модул за претраживање одмах након логотипа, тешко је пропустити.

    Ц Спире Вирелесс

    Велики дебели оквир за претрагу који се појављује само када лебди на картици претраге; још један добар начин да се искористи простор.

    Спокео

    Селективно претраживање са филтрирањем изврсно.

    ВоуцхерЦодес

    Гледајући њену пословну природу, смацкинг тхе бок за претрагу горњи фолд и десно у центру је вјероватно најбоља идеја.

    иСтоцкПхото

    Слично као и на другим сајтовима, иСтоцкПхото нуди огромну количину ресурса за своје читаоце, тако да је филтрирање у претраживању дефинитивно неопходно.

    ТастеБоок

    Једноставно тражење, али одлично поље за претрагу.

    Гроовесхарк

    Гроовесхарк вам омогућава да слушате и делите музику на мрежи; прва страница се састоји само од оквира за претраживање за претраживање музике коју желите. То има смисла.

    Гамерс витх Јобс

    Леп пример прилагођавања Гоогле прилагођеног претраживања.

    Давид Торондел

    Лепа тамна кутија за претрагу која се добро уклапа са дизајном локације.

    Више

    • Креирање Роцкинг ЦСС3 оквира за претраживање (Хонгкиат)
    • Дизајнирање Светог оквира за претрагу: Примери и најбоље праксе (Смасхинг Магазине)
    • Беаутифул ЦСС3 Сеарцх Форм Туториал (Веб Десигнер Валл)