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)