Gyönyörű keresőmező-felhasználói felület tervezése
Ez az interneten általános jellegű, ahol - ha nem tudjuk, amit keresünk egy weboldalon, keresünk. A keresőmező mindig is fontos része volt a weboldalnak. Ha tartalmi intenzív webhelyet futtat, még inkább elkerülhetetlen. Ezek általában a következő területekre helyezkednek el: fejléc, felső navigációs menü vagy oldalsáv (felső rész). Előfordulhat, hogy egy másik láblécbe is dobjuk, hogy a keresést kényelmesebbé tegyük a felhasználók számára.
Hosszú utat tettünk a Web 1.0 óta; az interneten történő keresés már nem korlátozódik adja meg a kulcsszót, és kattintson a keresésre. A fejlesztők arra törekszenek, hogy a látogatók jobb tapasztalatát keressék, több funkciót frissítsenek és hozzanak létre, mondja, a keresési szűrés, hogy több célzott eredményt kapjon, keresési kulcsszavakat vagy keresési előzményeket adva a beíráskor.
A mai hozzászólásban bemutatunk néhány szép keresőmezőt, amelyek ígéretes tulajdonságokkal rendelkeznek. Legyen szó akár a webhely felújításáról, akár egyszerűen egy jobb keresőmező inspirációjáról, ez a hozzászólás az Ön számára. Teljes lista ugrás után!
PlaylistNow
Az "Én vagyok" előtaggal kezdődően ez a keresőmodul megpróbálja intelligensen illeszkedni és felsorolni a lekérdezésnek megfelelő eredményeket, amikor beírja.
Keresési keresés modul
A Nico Nuzzaci tervező javasolta, ez a kreatív keresőmező lehetővé teszi, hogy gépeléssel vagy az ábécépanel görgetésével keressen..
TextboxList
Ez a keresőmodul néhány funkció kombinációjából áll: a keresési lekérdezéseket címkék formátumba csomagolja, és lehetővé teszi egy adott keresési címke törlését. Automatikus kiegészítéssel is rendelkezik. Ismerősnek tűnik? Hasonló a Facebook címkézési modulhoz!
Emlékezz a Tejre
A YouTube-kereséshez hasonlóan az itt található keresőmező azonnal tájékoztatja Önt, ha valami megegyezik az eredményével. Egy másik intelligens példa az automatikus javaslatokra.
Hiteles munkák
Azt hiszem, az Authentic Jobs már azonnali eredményekkel kereste a keresést a Google előtt.
Kontain
A Kontain keresőmezője lehetővé teszi a felhasználók számára, hogy általános keresést végezzenek, vagy a keresési eredményeket csak "frissítésekre" vagy "felhasználóra" szűrjék le.
New York Magazin
A Kontainhoz hasonlóan a NY Magazine keresés lehetővé teszi a mélyebb szűrést.
ThemeForest
Még egy példa a keresési modul szűrésére, hogy a látogatók minimális idő alatt megkapják azt, amit akarnak.
Keresés, rendezés és szűrés
Brian keresőmezője úgy néz ki, mint egy szép módon előállított keresési modul; testreszabhatja, hogyan szeretné, hogy az eredmények megjelenjenek a keresési gomb elütése előtt.
Tumblr
Finom és kicsi keresőmodul az oldalsávon - tiszta!
MenuPages
Ha egy teljes keresőmodult keres, és a hely egy korlátozás, ez a megközelítés hasznos lehet.
Quotezuki
Keresés a modul után a logó után, nagyon nehéz hiányozni.
C Spire Wireless
Egy nagy kövér keresőmező, amely csak akkor jelenik meg, ha a keresési lapon lebeg; egy másik jó módja a tér kihasználásának.
Spokeo
Szelektív keresés a szűréssel szépen.
VoucherCodes
Az üzleti jellegét tekintve valószínűleg a legjobb ötlet a keresőmező felső részének megdörzsölése és a központban.
iStockPhoto
A többi webhelyhez hasonlóan az iStockPhoto hatalmas mennyiségű erőforrást kínál az olvasóinak, így a keresés szűrése feltétlenül elengedhetetlen.
TasteBook
Egyszerű, mégis fantasztikus keresőmező.
Grooveshark
A Grooveshark lehetővé teszi, hogy zenét hallgasson és ossza meg online; az első oldal csak egy keresőmezőből áll, amellyel keresheti a kívánt zenét. Teljesen értelme.
Játékosok a munkával
Szép példa arra, hogy a Google Egyéni keresés személyre szabott.
David Torondel
Szép sötét keresőmező, amely jól illeszkedik a webhely kialakításához.
Több
- A Rocking CSS3 keresőmező létrehozása (Hongkiat)
- A Szent keresőmező tervezése: példák és legjobb gyakorlatok (Smashing Magazine)
- Gyönyörű CSS3 keresési űrlap bemutató (Webes tervezőfal)
