# 033: Wyszukiwanie w Photoshopping - CSS-Tricks

Anonim

W CSS-Tricks jest dużo treści. To jedna z rzeczy, która sprawia, że ​​projekt jest nieco trudny. Chociaż możemy zachować porządek w projekcie, prawdopodobnie nie ujdzie nam na sucho „minimalny” z ilością rzeczy, które zasługują na uwagę w witrynie i sprawiają, że jest ona tym, czym jest.

Wszystko, co trzeba powiedzieć, wyszukiwanie jest bardzo ważne w CSS-Tricks. Jest intensywnie używany przy wielu setkach wyszukiwań dziennie. Być może uda nam się to nawet poprawić, jeśli sprawimy, że wyszukiwanie będzie jeszcze bardziej widoczne i oczywiste. Chcę, żeby ludzie korzystali z wyszukiwania. Wiem, że działa całkiem dobrze, a pomaganie użytkownikom w znajdowaniu tego, czego szukają, jest dobre dla wszystkich. Z psychologicznego punktu widzenia uważam również, że wyszukiwanie w duży i oczywisty sposób świadczy o zaufaniu do treści witryny.

Duży niebieski kwadrat z lupą (poprzez naszą czcionkę ikony) w samej głowie jest tym, co zrobi to za nas. Niebieski na szarym jest bardzo efektowny i komunikuje zdolność klikania.

Wyobrażamy sobie, że po kliknięciu lupy niebieskie pole rozszerza się do pola wyszukiwania. Powodem, dla którego jest zamknięty, jest to, że 1) moglibyśmy wykorzystać dodatkowe miejsce w nagłówku dla naszego głównego sponsora i 2) szkło powiększające może być nawet bardziej oczywiste niż pole formularza.

Formularz wyszukiwania zawiera to, czego można się spodziewać: pole wyszukiwania i przycisk. Ale zawiera również linki, które możesz kliknąć, aby zawęzić wyszukiwanie. Sprawimy, że to zadziała w nadchodzącym screencastie.