Domača » UI / UX » Predstavitev modelov uporabniškega uporabniškega vmesnika z lepim iskalnim poljem

    Predstavitev modelov uporabniškega uporabniškega vmesnika z lepim iskalnim poljem

    To je nekako običajno na internetu, kjer - če ne dobimo tistega, kar iščemo na spletni strani, se zatekamo k iskanju. Iskalno polje je bilo vedno bistveni del spletnega mesta. Če zaženete spletno mesto, ki zahteva veliko vsebine, je to še bolj neizogibno. Običajno se nahajajo na naslednjih področjih: glava, glavni navigacijski meni ali stranska vrstica (zgornji del). Včasih lahko v nogo vržemo še eno, da bo iskanje bolj priročno za uporabnike.

    Od Web 1.0 smo prešli dolgo pot; iskanje po spletu ni več omejeno na vnesite ključno besedo in zadetka iskanja. Razvijalci si prizadevajo, da bodo iskali boljšo izkušnjo za svoje obiskovalce, tako da bodo obnovili in dodali več funkcij, pravi, filtriranje iskanja, da bi dobili bolj ciljno usmerjene rezultate, podali ključne besede za iskanje ali zgodovine iskanja med vnašanjem.

    V današnji objavi predstavljamo nekaj lepih iskalnih polj z obetajočimi funkcijami, ki smo jih spoznali. Ali želite spremeniti vašo spletno stran ali preprosto iskati navdih za boljše iskalno polje, je to delovno mesto za vas. Popoln seznam po skoku!

    PlaylistNow

    Začenši s predpono "Jaz sem", ta iskalni modul poskuša inteligentno ujemati in našteti rezultate, ki se ujemajo z vašo poizvedbo med vnašanjem.

    Pomaknite se na modul iskanja

    Predlaga ga oblikovalec Nico Nuzzaci, to ustvarjalno iskalno polje vam omogoča iskanje po vnosu ali premikanju po abecedni plošči.

    Seznam besedilnih polj

    Ta iskalni modul ima kombinacijo nekaj funkcij: ovije vaše iskalne poizvedbe v obliko oznak in vam omogoča, da izbrišete določeno iskalno oznako. Prav tako prihaja s samodejnim dokončanjem. Izgleda znano? Podobno je modulu za označevanje na Facebooku!

    Zapomni si mleko

    Podobno kot pri iskanju v YouTubu vam iskalno polje takoj pove, če se nekaj ujema z vašim rezultatom. Še en inteligenten primer funkcije samodejnega predlaganja.

    Verodostojna delovna mesta

    Po mojem mnenju so avtorska delovna mesta že iskala s hitrimi rezultati in se izvajajo pred Googlom.

    Kontain

    Polje za iskanje Kontaina omogoča uporabnikom, da opravijo splošno iskanje ali filtriranje rezultatov iskanja samo za »posodobitve« ali »uporabnik«.

    New York Magazine

    Podobno kot pri Kontainu, iskanje NY Magazina omogoča globlje filtriranje.

    Tema gozdov

    Še en primer filtriranja v iskalnem modulu za pomoč obiskovalcem, da dobijo kar želijo v minimalnem času.

    Iskanje, razvrščanje in filtriranje

    Brianovo iskalno polje izgleda kot modul za iskanje vnaprej na čudovit način; prilagodite, kako želite videti rezultate, preden pritisnete gumb za iskanje.

    Tumblr

    Prefinjen in majhen iskalni modul na stranski vrstici - čeden!

    MenuPages

    Če iščete popoln iskalni modul in prostor je omejitev, lahko ta pristop pride prav.

    Quotezuki

    Modul za iskanje takoj po logotipu je res težko zamuditi.

    C Spire Wireless

    Veliko polno iskalno polje, ki se prikaže le pri lebdenju zavihka za iskanje; še en dober način za izkoriščanje prostora.

    Spokeo

    Selektivno iskanje s filtriranjem je bilo lepo.

    VoucherKode

    Če gledamo na njeno poslovno naravo, je najboljša ideja, če udarite v zgornji del iskalnega polja in desno v središče.

    iStockPhoto

    Podobno kot na drugih mestih iStockPhoto svojim bralcem ponuja ogromno sredstev, zato je filtriranje v iskanju vsekakor bistveno.

    TasteBook

    Enostavno videti, a hkrati odlično polje za iskanje.

    Grooveshark

    Grooveshark vam omogoča poslušanje in skupno rabo glasbe na spletu; prva stran ne vsebuje ničesar, ampak samo iskalno polje, ki ga iščete po želeni glasbi. Povsem smiselno je.

    Igralci z delovnimi mesti

    Lep primer, kako je prilagojeno iskanje Google Custom Search.

    David Torondel

    Lepo temno iskalno polje, ki se dobro ujema z zasnovo spletne strani.

    Več

    • Ustvarjanje iskalnega polja za iskanje CSS3 (Hongkiat)
    • Oblikovanje svetega iskalnega polja: primeri in najboljše prakse (Smashing Magazine)
    • Beautiful CSS3 Search Form Tutorial (Wall Designer Wall)