Koduleht » UI / UX » Ilusate otsingukasti kasutajaliidese disainilahenduste esitlus

    Ilusate otsingukasti kasutajaliidese disainilahenduste esitlus

    See on internetis tavaline, kus - kui me ei suuda seda, mida otsime veebilehel, kasutame otsinguid. Otsingukast on alati olnud veebisaidi oluline osa. Kui kasutate sisulist veebisaiti, on see veelgi vältimatu. Tavaliselt paigutatakse need järgmistesse valdkondadesse: päis, ülemine navigatsioonimenüü või külgriba (ülemine). Mõnikord võime ka mõnda teise kaadrisse visata, et muuta kasutajatele otsing mugavamaks.

    Me tulime Web 1.0-st väga kaugele; otsing veebis ei ole enam piiratud sisestage märksõna ja vajutage otsing. Arendajad püüavad teha oma külastajatele parema kogemuse otsimise, muutes ja lisades rohkem funktsioone, ütleb, otsingu filtreerimine, et saada rohkem sihitud tulemusi, pakkudes otsingu märksõnu või otsinguajalugu, kui kirjutad.

    Tänases postituses tutvustame mõned ilusad otsingukastid, millel on paljulubavad funktsioonid. Kas te soovite oma veebilehte uuendada või lihtsalt otsida inspiratsiooni parema otsingukasti jaoks, on see postitus teile. Täielik nimekiri pärast hüpata!

    PlaylistNow

    Alustades "Ma olen" prefiksist, püüab see otsingumoodul teie päringule vastavaid tulemusi arukalt sobitada ja loetleda.

    Leidke otsingumoodul

    Kujundaja Nico Nuzzaci poolt soovitatud loomingulise otsingukasti abil saate otsida kirjutades või tähestikulise paneeli kerimise teel.

    TextboxList

    See otsingumoodul sisaldab mõningaid funktsioone: see ümbritseb teie otsingupäringud siltide vormingusse ja võimaldab teil kustutada konkreetse otsingumärgi. Kaasas see automaatselt. Tundub tuttav? See on sarnane Facebooki märgistamismooduliga!

    Pea meeles piima

    Sarnaselt YouTube'i otsingule ütleb siin otsingukast koheselt, kui midagi vastab teie tulemusele. Veel üks intelligentne näide automaatse soovitamise funktsioonist.

    Autentsed töökohad

    Ma arvan, et autentsed töökohti otsiti juba Google'iga vahetult tulemustega.

    Kontain

    Kontaini otsingukast võimaldab kasutajatel otsida või filtreerida otsingutulemusi ainult "värskendusteks" või "kasutajateks".

    New York Magazine

    Sarnaselt Kontain'iga võimaldab NY Magazine'i otsing sügavamat filtreerimist.

    ThemeForest

    Veel üks näide otsingumooduli filtreerimisest, et aidata külastajatel seda, mida nad tahavad, minimaalse aja jooksul.

    Otsi, sorteeri ja filtreeri

    Briani otsingukast näeb välja nagu ilusalt tehtud eelnev otsingumoodul; saate kohandada, kuidas soovite tulemusi otsida enne otsingunupu löömist.

    Tumblr

    Peen ja väike otsingumoodul külgribal - puhas!

    Menüüleheküljed

    Kui otsite täielikku otsingumoodulit ja veel ruumi on piirang, võib see lähenemine olla kasulik.

    Quotezuki

    Otsi moodulit kohe pärast logo, see on tõesti raske jääda.

    C Spire Wireless

    Suur rasvaotsingukast, mis ilmub ainult otsingu vahekaardil; teine ​​hea viis ruumi kasutada.

    Spokeo

    Selektiivne otsing filtriga, mis on tehtud ilusti.

    Kupongikoodid

    Vaadates oma ärilist laadi, on ilmselt parim idee otsingukasti ülemise ja parema keskele löömine.

    iStockPhoto

    Sarnaselt teistele saitidele pakub iStockPhoto oma lugejatele tohutuid ressursse, mistõttu otsingus filtreerimine on kindlasti oluline.

    TasteBook

    Lihtne otsin veel fantastiline otsingukast.

    Grooveshark

    Grooveshark võimaldab teil muusikat Internetis kuulata ja jagada; esimesel lehel on ainult otsingukast, mille abil saate otsida soovitud muusikat. See on täiesti mõtet.

    Mängijad töökohtadega

    Kena näide sellest, kuidas Google'i kohandatud otsing on kohandatud.

    David Torondel

    Kena tume otsingukast, mis sobib hästi veebilehe kujundusega.

    Veel

    • Kiik CSS3 otsingukasti loomine (Hongkiat)
    • Püha otsingukasti kujundamine: näited ja parimad tavad (Smashing Magazine)
    • Ilus CSS3 otsinguvorm (Veebidisaini sein)