搜索框于一个网站而言是何其重要，想必大家都清楚！搜索框，顾名思义，就是搜索你想要的东西。搜索框对于不同类型的网站，存在着不同的分量，同样都是一个网站的搜索工具，不同的网站，可用性程度都不一样。比如：电商平台的某宝的搜索框、搜索引擎某度的搜索框，这些类型的搜索框可用性非常非常地高，可在某些小企业、哪怕大企业的官网建设上，就变成了鸡肋了！
但是呢？这个搜索框是一个网站种最常见的元素，当你打开哪个网站，通常都会有这么一个搜索框存在的。只是存在着功能性的差别而已，有些网站的搜索框仅仅是一个搜索框而已，在我看来，只是一个网站的装饰元素而已，浏览的用户都不知道该如何使用。
那么，我们设计的时候，一定要把他的这个可用性设计出来。才能提高网站的用户体验。
不同类型的网站，其搜索框的性能都不一样。
比如：百度，其搜索框目的是允许用户以关键字词的方式输入请求，那么它就应该看起来像是能被输入的，并且有一个能够明确表明其功能的相关按键。它还应该足够宽，这样才能容纳较长的文字。

天猫，其搜索框目的主要是帮助用户更好，更方便地搜索出所需的产品，在搜索下方会设计最近较为热门的搜索词汇。

总结与实践
搜索框
表单应该遵循其功能；在设计控件时应该牢记可见性原则；
让搜索框的位置保持统一，尽可能足够宽以便容纳较多的文字；
在页面加载好后自动聚焦光标于搜索框内，并允许用户通过回车键提交请求；
通过占位符和其它提示性语言来帮助用户构建有意义的请求（但是在光标聚焦输入框时让它们立马消失）；
在完成搜索后仍在搜索框内保留请求文字。
范围搜
范围搜索针对的是有一定领域知识的用户，为了顾及所有人，该功能不应成为应用里唯一的搜索方式。请确保默认情况下使用全局搜索；
如果在某个类别下搜索到的结果为零时，显示所有类别下的搜索结果作为回退机制；
搜索结果中同时要清楚地显示当前搜索的范围是什么。
局部搜索
若局部搜索是以筛选菜单中一部分的形式出现，那就用占位符或其它指示性文字标签明确注释其功能。确保在完成搜索后于某一处显示刚才搜索用的关键字词。
如果是作为全局搜索的一个选项出现，那请留意这个切换机制与应用当前的整体情境紧密相连。另外，勾选“局部搜索”时原本搜索框框内的已输入文字应该消失。
高级搜索
审视一下高级搜索的基本原理是什么，特别要考虑下对于某个专家级别的用户而言，是否采用定制化的体验是种更好的解决方案，而不是去“拍脑袋”决定要把搜索搞得富丽堂皇。