Prezentacja pięknych projektów interfejsu wyszukiwania
Jest to dość powszechne w Internecie, gdzie - jeśli nie uda nam się znaleźć tego, czego szukamy na stronie internetowej, szukamy. Pole wyszukiwania zawsze stanowiło istotną część strony internetowej. Jeśli prowadzisz stronę z dużą ilością treści, jest to jeszcze bardziej nieuniknione. Zazwyczaj są one umieszczane w następujących obszarach: nagłówek, górne menu nawigacyjne lub pasek boczny (górna część). Czasami możemy również wrzucić inną stopkę, aby wyszukiwanie było wygodniejsze dla użytkowników.
Przeszliśmy długą drogę od Web 1.0; wyszukiwanie w internecie nie jest już ograniczone do wprowadź słowo kluczowe i naciśnij szukaj. Deweloperzy starają się, aby wyszukiwanie było dla ich użytkowników lepszym doświadczeniem, zmieniając i dodając więcej funkcji, mówi, filtrowanie wyszukiwania w celu uzyskania bardziej ukierunkowanych wyników, dostarczanie słów kluczowych wyszukiwania lub historii wyszukiwania podczas pisania.
W dzisiejszym poście prezentujemy piękne pola wyszukiwania z obiecującymi funkcjami, które poznaliśmy. Niezależnie od tego, czy chcesz zmienić stronę internetową, czy po prostu szukasz inspiracji do lepszego pola wyszukiwania, ten post jest dla Ciebie. Pełna lista po skoku!
PlaylistNow
Począwszy od prefiksu „Jestem”, ten moduł wyszukiwania próbuje inteligentnie dopasować i wyświetlić wyniki pasujące do zapytania podczas pisania.
Moduł wyszukiwania z przewijaniem
To kreatywne pole wyszukiwania, zaproponowane przez projektanta Nico Nuzzaci, pozwala wyszukiwać, wpisując lub przewijając panel alfabetyczny.
TextboxList
Ten moduł wyszukiwania ma kilka funkcji: zawija zapytania w format znaczników i pozwala usunąć określony znacznik wyszukiwania. Jest również wyposażony w funkcję automatycznego uzupełniania. Wygląda znajomo? Jest podobny do modułu tagowania Facebooka!
Pamiętaj o mleku
Podobnie jak w przypadku wyszukiwania na YouTube, pole wyszukiwania informuje o tym, czy coś pasuje do wyniku. Kolejny inteligentny przykład funkcji autosugestii.
Autentyczne prace
Myślę, że Authentic Jobs miał już swoje wyszukiwanie z natychmiastowymi wynikami i działał przed Google.
Kontain
Pole wyszukiwania Kontain pozwala użytkownikom na ogólne wyszukiwanie lub filtrowanie wyników wyszukiwania tylko do „aktualizacji” lub „użytkownika”.
New York Magazine
Podobnie jak w Kontain, wyszukiwanie w NY Magazine pozwala na głębsze filtrowanie.
ThemeForest
Kolejny przykład filtrowania w module wyszukiwania, aby pomóc odwiedzającym uzyskać to, czego chcą w minimalnym czasie.
Szukaj, sortuj i filtruj
Pole wyszukiwania Briana wygląda jak moduł wyszukiwania zaawansowanego wykonany w piękny sposób; dostosowujesz wygląd wyników, zanim klikniesz przycisk wyszukiwania.
Tumblr
Subtelny i mały moduł wyszukiwania na pasku bocznym - czysty!
Menu Strony
Jeśli szukasz kompletnego modułu wyszukiwania, a mimo to przestrzeń jest ograniczeniem, takie podejście może się przydać.
Quotezuki
Moduł wyszukiwania zaraz po logo, naprawdę trudno go przegapić.
C Spire Wireless
Duże, grube pole wyszukiwania, które pojawia się tylko po najechaniu na kartę wyszukiwania; kolejny dobry sposób na wykorzystanie przestrzeni.
Spokeo
Selektywne wyszukiwanie z ładnym filtrowaniem.
VoucherCodes
Patrząc na jej charakter biznesowy, klapanie górnej części pola wyszukiwania i centrum jest prawdopodobnie najlepszym pomysłem.
iStockPhoto
Podobnie jak inne witryny, iStockPhoto oferuje ogromną ilość zasobów dla swoich czytelników, więc filtrowanie w wyszukiwaniu jest zdecydowanie niezbędne.
TasteBook
Proste wyszukiwanie, ale niesamowite pole wyszukiwania.
Grooveshark
Grooveshark pozwala słuchać i udostępniać muzykę online; pierwsza strona składa się tylko z pola wyszukiwania, w którym możesz wyszukać muzykę, którą chcesz. To całkowicie ma sens.
Gracze z ofertami pracy
Dobry przykład dostosowywania wyszukiwarki niestandardowej Google.
David Torondel
Ładne, ciemne pole wyszukiwania, które dobrze komponuje się z projektem strony.
Więcej
- Tworzenie Rocking CSS3 Search Box (Hongkiat)
- Projektowanie świętego pola wyszukiwania: przykłady i najlepsze praktyki (Smashing Magazine)
- Piękny samouczek formularza wyszukiwania CSS3 (Web Designer Wall)
