Početna » UI / UX » Izložba prekrasnih dizajna korisničkog sučelja okvira za pretraživanje

    Izložba prekrasnih dizajna korisničkog sučelja okvira za pretraživanje

    To je vrsta uobičajene na internetu gdje - ako ne uspijemo dobiti ono što tražimo na web stranici, pribjegavamo pretraživanju. Okvir za pretraživanje uvijek je bio bitan dio web-lokacije. Ako pokrenete web-lokaciju s intenzivnim sadržajem, to je još neizbježnije. Obično se nalaze u sljedećim područjima: zaglavlje, gornji navigacijski izbornik ili bočna traka (gornji dio). Ponekad u podnožje možemo ubaciti još jednu da bi pretraživanje bilo prikladnije za korisnike.

    Daleko smo prošli od Web 1.0; pretraživanje na webu više nije ograničeno na unesite ključnu riječ i pogodak za pretraživanje. Razvojni inženjeri nastoje poboljšati pretraživanje za svoje posjetitelje tako što će obnoviti i dodati više funkcija, reći, filtrirati pretraživanje kako bi dobili više ciljanih rezultata, dajući ključne riječi za pretraživanje ili povijest pretraživanja dok upisujete.

    U današnjem postu, pokazali smo neke lijepe okvire za pretraživanje s obećavajućim značajkama koje smo upoznali. Bilo da želite obnoviti svoju web-lokaciju ili jednostavno tražiti inspiraciju za bolji okvir za pretraživanje, ovaj post je za vas. Cijeli popis nakon skoka!

    PlaylistNow

    Počevši od prefiksa "Ja jesam", ovaj modul pretraživanja pokušava inteligentno uskladiti i navesti rezultate koji odgovaraju vašem upitu dok upisujete.

    Pomicanje modula pretraživanja

    Predložio dizajner Nico Nuzzaci, ovaj kreativni okvir za pretraživanje omogućuje vam pretraživanje upisivanjem ili pomicanjem abecednog panela.

    TextboxList

    Ovaj modul za pretraživanje ima kombinaciju nekoliko funkcija: oblaže upite za pretraživanje u formatu oznaka i omogućuje vam da izbrišete određenu oznaku za pretraživanje. Također dolazi s automatskim dovršavanjem. Izgleda poznato? To je slično modulu za označavanje na Facebooku!

    Sjeti se mlijeka

    Slično pretraživanju na usluzi YouTube, okvir za pretraživanje vam odmah kaže ako nešto odgovara vašem rezultatu. Još jedan inteligentan primjer značajke auto-sugestije.

    Autentični poslovi

    Mislim da su autentični poslovi već imali svoje pretraživanje s trenutnim rezultatima koji su se izvodili prije Googlea.

    Kontain

    Kontainov okvir za pretraživanje korisnicima omogućuje da pretražuju ili filtriraju rezultate pretraživanja na samo "ažuriranja" ili "korisnika".

    New York Magazine

    Poput Kontaina, pretraživanje NY Magazina omogućuje dublje filtriranje.

    ThemeForest

    Još jedan primjer filtriranja u modulu za pretraživanje kako bi pomogli posjetiteljima da dobiju što žele u minimalnom vremenu.

    Pretraživanje, sortiranje i filtriranje

    Brianov okvir za pretraživanje izgleda kao modul za napredno pretraživanje na lijep način; prilagodite kako želite izgledati rezultate prije nego što pritisnete gumb za pretraživanje.

    tumblr

    Suptilni i mali modul za pretraživanje na bočnoj traci - uredan!

    MenuPages

    Ako tražite kompletan modul za pretraživanje, a prostor je ograničenje, ovaj pristup može biti od koristi.

    Quotezuki

    Modul za pretraživanje odmah nakon logotipa, teško je propustiti.

    C Spire Wireless

    Veliki debeli okvir za pretraživanje koji se pojavljuje samo kada se nalazi na kartici pretraživanja; još jedan dobar način za korištenje prostora.

    Spokeo

    Selektivno pretraživanje s filtriranjem učinjeno lijepo.

    VoucherCodes

    Gledajući na njegovu poslovnu prirodu, smacking okvir za pretraživanje gornji fold i desno u centru je vjerojatno najbolja ideja.

    iStockphoto

    Slično kao i na drugim web-mjestima, iStockPhoto svojim čitateljima nudi ogromne količine resursa, pa je filtriranje u pretraživanju svakako bitno.

    TasteBook

    Jednostavno traženje, ali izvrsno polje za pretraživanje.

    Grooveshark

    Grooveshark vam omogućuje slušanje i dijeljenje glazbe online; prva stranica se sastoji samo od okvira za pretraživanje za pretraživanje željene glazbe. To ima smisla.

    Igrači s poslom

    Lijep primjer prilagođavanja usluge Google Custom Search.

    David Torondel

    Lijep tamni okvir za pretraživanje koji se dobro uklapa s dizajnom stranice.

    Više

    • Stvaranje Rocking CSS3 okvira za pretraživanje (Hongkiat)
    • Projektiranje Svetog okvira za pretraživanje: primjeri i najbolje prakse (Smashing Magazine)
    • Lijep CSS3 obrazac za pretraživanje (Zid web dizajnera)