在这段时间里，我遇到了一个关于搜索框的问题，其实很简单，就是我和产品经理交流的时候，他说搜索框（框）后面必须跟着一个搜索按钮（），但我认为可以省略，原因是搜索后直接输入了一半， 而且体验不会被阻止。这个产品的含义是，现在用户都是sb，你不给按钮，用户在搜索框里输入后不知道回车。

本着公平、公正、公开的原则，我决定做一些小的研究，找一些国内外有代表性的网站，看看应该怎么设计

搜索引擎类

首先当然是一个以搜索为本质的搜索引擎，这里我找到了百度，还有必应搜索框下面推荐的叫什么，这三者都是以搜索框+搜索按钮的形式出现的，其中搜索框也是投影的，强调搜索的意义更强，给用户强烈的暗示感;百度的就是按钮和盒子连接成一个整体，细线框+色块按钮强调百度这个品牌，我理解的是强调百度的行动，你可能会更关注搜索本身以及结果是否是用户真正需要的，我记得在百度上有一则广告在引导用户理解你不理解的东西，所谓内务不决定问百度，外事不决定问（笑）。

与这两款相比，的Bing显得更加简洁和创新，一个白色的搜索框后面跟着一个带有放大镜的图标，但是这个放大镜还是一个可以点击的搜索按钮，可能Bing的受众广度不如前两款那么广，所以这个放大镜让人一眼就知道它是一个搜索引擎。

大数据

以上三个分别是阿里云、腾讯云和亚马逊AWS，首先你会发现一个问题，那就是这三个设计看似，视觉上最突出的三个区域都被注册了，是不是大复制了世界的设计？第二个就是阿里云的搜索框相比其他两个最明显，使用了透明的色彩效果，不破坏整体的视觉风格，更何况它已经成功吸引了用户的注意力，真的很聪明，腾讯的要小很多，把盒子本身缩短，更像是一个按钮，点击后效果就出现了，跟官网上的搜索效果类似，看下面的GIF，亚马逊的aws显得比较简洁，不仔细看一眼就找不到搜索功能，放大镜顺着文字走，不过他也跟腾讯云很像，就是个按钮。

阿里云

腾讯云

亚马逊河

可以看出，阿里云的搜索有一个按钮（放大镜），另外两个在激活搜索后没有按钮可以进入。但是他们都有异常强大的搜索推荐，根据你输入的搜索内容，智能推荐给你，基本上只要你输入关键词，基本上就能给你直接直接的推荐，尤其是亚马逊的智能推荐功能，我觉得这也是放弃按钮的勇气。

购物网站类别

这

以上三张图片分别是、淘宝、京东，他们的搜索框也非常一致，比如框内有推荐内容，用户可以直接点击搜索按钮直接在框内推荐，也就是说这类购物网站直接在框内放了一些热门推荐内容，以方便那些目的性不强的用户快速了解热度。

拥有搜索按钮是这类购物网站的共同点，考虑到他们面对的用户可能不具备搜索后进入的习惯，因此预留按钮让用户可以在不考虑如何触发搜索操作的情况下使用它，在交互设计上也符合不让用户思考、不惹用户烦恼的原则。

此外，购物网站具有很强的视觉提示，搜索按钮承担起号召性用语的作用，即CTA，以加强用户的购物行为，这也是始终被暗示的。

音乐网站类

这三家分别是下米、QQ音乐和网易云音乐，其中下米和网易云音乐并没有看到搜索按钮，QQ音乐其实也没有搜索按钮，但正如我之前所说，他把放大镜往后移，承担起了按钮的责任，并让用户明白了搜索框的含义，很好。

这三个网站都有强大的算法推荐，其实在使用中根本不需要搜索必应电脑下拉★64xl.com专业搜索下拉词，360搜索下拉框，因为只要我输入某个内容，大量的智能推荐就会自动出现在他的下方，基本上我想要的就在里面，用户可以直接点击进入，搜索页面刚刚变成了一个分类列表展示页面。

最后，几点结论，欢迎大家讨论：

1.首先，根据你网站的目标用户，如果你说比较专业和技术类型的网页就不需要搜索按钮，反之，如果你的目标用户比较杂，那么多偏爱B转C的人还是需要带上搜索按钮。

2.根据网站的设计风格，如果你的整个网页都是极简的风格，为了保持页面的介绍，你可以考虑不添加搜索按钮，甚至在极端的情况下，只用放大镜代替搜索框下面推荐的叫什么，这样网页看起来更简洁、更简洁、更高效。

3.根据算法，如果有非常强大的算法推荐，搜索结果会有一个下拉列表显示，用户可以在输入信息后直接点击，或者考虑不使用搜索按钮。