![Practical Web Design](https://wfqqreader-1252317822.image.myqcloud.com/cover/940/36699940/b_36699940.jpg)
上QQ阅读APP看书,第一时间看更新
Making it noticeable
It's a bad approach to make the user look for the search box. The search box should always be easy to find, especially when you have a lot of content on your website. Make your search bar stand out by using contrast or color. It's also important to display a full open-text field because a search bar hidden behind an icon makes the search feature less noticeable and increases the number of clicks to access it:
![](https://epubservercos.yuewen.com/C69603/19470394201570106/epubprivate/OEBPS/Images/07daf356-56a0-4084-8aab-4a5df9f7f2ba.png?sign=1739630982-2P6YYc0AzTq8XxPrPgIPr5svPvirpn3c-0-9fceaf1d8e9f71137ba0e376edfe5dcc)
Here's what the Amazon website for mobile looks like:
![](https://epubservercos.yuewen.com/C69603/19470394201570106/epubprivate/OEBPS/Images/1b1f50e3-36d8-4166-874c-02c13c6a40e5.png?sign=1739630982-7OZlBgJoW5EpkSJFFBm0B8ds0bgrSa28-0-2909b4f4226af5203e321cf761ff0439)
Image from Amazon.com
You can see here that Amazon focuses on this search bar on mobile and doesn't hide it.