Fremvisning af smukke søgeboks UI-design
Det er lidt almindeligt på internettet, hvor vi - hvis vi undlader at få det, vi leder efter på en hjemmeside - går vi til søgning. Søgefelt har altid været en væsentlig del af et websted. Hvis du kører en indholdsintensiv hjemmeside, er det endnu mere uundgåeligt. De er normalt placeret i følgende områder: header, øverste navigationsmenu eller sidebjælke (øverst). Nogle gange kan vi også smide i en anden i footer for at gøre søgning mere bekvemt for brugerne.
Vi kom langt siden Web 1.0; søgning på nettet er ikke længere begrænset til indtast søgeord og hit søg. Udviklere stræber efter at finde en bedre oplevelse for deres besøgende ved at revampe og tilføje flere funktioner, siger søgefiltrering for at få mere målrettede resultater, der giver søgeord eller søgehistorier, mens du skriver.
I dagens indlæg viser vi nogle smukke søgefelt med lovende funktioner, vi er kommet til at kende. Uanset om du søger at genopfriske din hjemmeside eller bare søger inspiration til en bedre søgefelt, er dette indlæg for dig. Fuld liste efter spring!
PlaylistNow
Begyndende med prefixet "Jeg er" forsøger dette søgemodul at intelligent matche og liste resultaterne, der passer til din forespørgsel, mens du skriver.
Scroll Search Module
Foreslået af designer Nico Nuzzaci, giver denne kreative søgefelt dig mulighed for at søge ved at skrive eller ved at rulle det alfabetiske panel.
TextboxList
Dette søgemodul har en kombination af få funktioner: det indpakker dine søgeforespørgsler i tags format, og giver dig mulighed for at slette en bestemt søge tag. Det kommer også med auto-komplette. Ser kendte ud? Det ligner på Facebook tagging modul!
Husk mælken
I lighed med YouTube-søgningen fortæller søgefeltet her omgående, om noget matcher dit resultat. Endnu et andet intelligent eksempel på auto-forslag funktion.
Autentiske job
Jeg tror, at Autentiske Jobs allerede havde deres søgning med øjeblikkelige resultater, der kørte før Google.
Kontain
Konins søgefelt giver brugerne mulighed for at foretage en generel søgning eller filtrere søgeresultaterne kun til "opdateringer" eller "bruger".
New York Magazine
I lighed med Kontain giver NY Magazines søgning dybere filtrering.
ThemeForest
Endnu et andet eksempel på filtrering i søgemodulet for at hjælpe besøgende med at få det, de ønsker inden for minimal tid.
Søg, Sorter og filtrer
Brians søgefelt ligner et forskudsøgningsmodul gjort på en smuk måde; Du tilpasser, hvordan du ønsker, at resultaterne skal se ud, før du rammer søgeknappen.
tumblr
Subtile og små søgemodul på sidepanelet - pænt!
menupages
Hvis du leder efter et komplet søgemodul, og alligevel er rummet en begrænsning, kan denne tilgang være til nytte.
Quotezuki
Søg modul lige efter logoet, det er virkelig svært at gå glip af.
C Spire Wireless
En stor fedt søgefelt, der kun vises ved at svæve søgefanen; en anden god måde at gøre brug af plads.
Spokeo
Selektiv søgning med filtrering gjort smukt.
VoucherCodes
Når man ser på sin forretningsmæssige karakter, er det sandsynligvis den bedste idé at smøge søgefeltet øverste fold og lige i midten.
iStockphoto
IStockPhoto giver i lighed med andre websteder masser af ressourcer til sine læsere, så det er helt afgørende at filtrere i søgning..
TasteBook
Enkelt udseende endnu fantastisk søgefelt.
Grooveshark
Grooveshark giver dig mulighed for at lytte og dele musik online den første side består af intet andet end blot et søgefelt for dig at søge den musik, du ønsker. Det giver helt mening.
Spillere med job
Rart eksempel på, hvordan Google Custom Search er tilpasset.
David Torondel
Flot mørkt søgefelt, der passer godt sammen med site design.
Mere
- Oprettelse af en Rocking CSS3 Search Box (Hongkiat)
- Designing The Holy Search Box: Eksempler og bedste praksis (Smashing Magazine)
- Smuk CSS3 Search Form Tutorial (Web Designer Wall)
