![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=1739537951-vGdFtn4CZqeP2PDigNEDLWBJ0m1GYARY-0-3e63405afdd24b5a81df9b1961af6cb2)
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=1739537951-NNgYJ2oo7LvMkfr6XDP6frB4OOYtVc2h-0-4ebfd28e3992d459ebd5f62566e6cbe0)
Image from Amazon.com
You can see here that Amazon focuses on this search bar on mobile and doesn't hide it.