互联网+年代，企业如何少的了手机端网站呢?设计手机端网站，就包含了手机端搜索页。那样手机端搜索页如何设计，我来对你说!不相同种类型的网站，大家对搜索的需要也不同，这里将分为三类为大伙详细介绍。
写在搜索前-搜索如何放
1、搜索图标
在导航栏一侧或其他地方放置，依据用户场景和要紧级需要决定。通常搜索图标放在右边，当右边有两个及以上按钮时，考虑平铺或折叠。
2、搜索栏
以搜索栏的形式直接放在导航栏或放在导航栏下方等其他地方，此时搜索栏可结合语音、拍照、删除(在输入后显示)等功能按钮。
3、搜索作为标签栏中的某一个功能移动网站搜索框如何设计直接作为主页面或主页以较大篇幅显示搜索栏，内容及形式依据用户场景概念。
1、内容类网站
博久网络觉得阅读、漫画、视频、厨房类的app都可以归为内容类。用户在内容类的商品中搜索时，比较容易对关联的其他内容有兴趣，当商品做出适合的引导时，用户可能就会去关注，并未其带去流量。
譬如【得到】搜索页显示“搜索记录”与“热点搜索”。搜索记录最多展示两行，以便节省页面空间，也可以展开显示所有搜索记录。搜索记录可以直接逐条删除，用户操作起来相对便捷。“热点搜索”的行数固定，如此即使是弹出输入框时也不会遮挡内容。且为了提升某些条目的UV，对其做图标凸显。同时搜索框内，灰度展示推荐搜索内容，一方面替代搜索说明文字，一方面引导用户搜索推荐内容。
【站酷】的搜索页。除去有“近期搜索“和”热点搜索“以外，还增加了分类搜索功能。加上分类功能之后，商品给用户做了进一步筛选，就愈加缩短了用户的搜索路径。不过搜索记录不可以删除，每次展示一行，新的记录会挤掉旧的记录。
【豆瓣阅读】的搜索页。热点搜索以图文的形式展示，书本封面、名字与作者这类读者比较关注的内容，甚至还有评分。如此就大大增加了推荐的说服力，为成功推荐推波助澜。这里的搜索记录删除，一键删除所有，且没确认提示，哈哈，就是这么猝不及防。
看到【咚漫】的搜索页，还是挺特别的。只有“热点搜索”与“分类”，没搜索记录。点击分类中的类别直接跳转到相应类别页面。看来它的搜索页是以推广、引导为主了。
【好好住】的搜索页，除去“搜索记录”、“大伙都在搜“以外，直接多图推广。这么直接、有视觉冲击的推广方法，成效应该很好。
2、电子商务类网站
电子商务类的，搜索记录还是挺要紧的，毕竟有时候用户是有目的的购物的，且会反复搜索对比。
【淘宝】的搜索页，有分类、历史搜索、搜索发现。且支持图片、语音搜索，满足用户的多种需要。历史搜索显示有限数目，也是一键删除，不过有提示。搜索发现是可以隐藏，让用户自主选择是不是需要接收推荐，也是非常人性了。
【京东】的搜索页基本上和淘宝的类似，支持语音、图片搜索，可以隐藏推荐搜索，防止干扰用户。它的闪光点是页面底部显示常购清单。一方面便捷用户直接点击购买;其次提醒用户，防止必须具备品断档。
3、工具类网站
工具类的商品通常是为用户解决问题为主，相对来讲运营类的推送就会少一些。因此搜索页面的结构会相对简单。
【花瓣】的搜索页面，只有简单的搜索历史，没任何的推广，也是非常刚了。
【夸克】浏览器的搜索页，也是只有搜索结果页。相对简单暴力。
企业在设计手机端搜索框的时候，需依据具体业务需要，才能设计出符适用户体验的设计。应该注意，因为内容类、电子商务类网站对运营推广有目的，所以在搜索框中会增加图片形式、图标凸显等以增加推荐的吸引力。而工具类APP网站是为了帮助用户完成任务，所以需要将搜索框设计的尽量简单，以降低对用户的干扰。
目前文章移动网站搜索框如何设计
