编辑导语：搜索框是每个软件、系统、app必不可少的一个组成成分，本文作者今天就基于在实际工作中需要用到的原型，和大家分享一下移动端的搜索原型案例，以及设计出来的axure组件。常见的搜索原型包括：普通搜索、分类搜索、标签推荐搜索、历史记录搜索、热点推荐搜索、中继器表格内容搜索等。一、普通搜索原型普通的搜索原型是最常用的搜索元件，也是其他搜索原型的基础，后面的搜索原型案例也是在改基础上拓展展开的，一般搜索搜索元件包含输入框+搜索按钮，移动端的搜索元件。我们要注意设计交互，当输入框获取焦点时，显示键盘，失去焦点时，隐藏键盘即可。二、分类搜索原型分类搜索原型是在普通搜索原型的基础上添加了不同的分类，可以搜索指定的内容，这样的好处是在较多内容的时候，搜索的结果能比较精确。详细设计可以参考下图微信搜索的案例，该案例可按朋友圈、文章、公众号、小程序、音乐、表情分类搜索指定内容，你们设计的时候按实际的需求添加类别即可。三、标签推荐搜索原型标签推荐搜索是在普通搜索的基础上，加了一个引导推荐的内容，主要是为了引导客户去查看某些内容，从而起到营销、引流的作用。标签内容由系统管理员统一维护和更新，标签推荐搜索原型常用于电商平台、外卖平台等。四、热搜推荐搜索原型热搜推荐搜索和标签推荐搜索很像，都是引导客户去查看某些内容，但是热搜推荐是根据用户群的喜欢，给用户推荐最多人查看的内容。而且与标签推荐搜索不同的是，热搜推荐的内容不是由后台写死的，而是由所有用户决定的，是实时更新和变化的，常用于微博、新闻等平台。五、历史记录搜索原型历史记录搜索是在普通搜索原型的基础上，由系统记住用户的搜索记录，用户下次搜索时，能够查看之前的搜索记录.可以对过去搜索过的内容实现快速搜索，用户也可以输入新的内容进行搜索，新内容通用被系统记录，历史记录按照时间的倒叙排列。除此之后，用户还能管理历史搜索记录，删除单条或全部的历史记录。历史记录搜索原型常用语搜索引擎，例如百度、搜狗、谷歌等。六、中继器表格内容模糊搜索原型中继器表格搜索原型，主要是通过模糊搜索的方法，对中继器表格进行模糊搜索，让用户能够快速的找到对应的内容。我们做原型设计的时候，只需要在普通搜索案例中加入中继器表格，并对对应的字段增加模糊搜索条件即可，这种搜索原型常用语通讯录、商品搜索等案例。那以上就是本期关于移动端常用的搜索案例介绍的全部内容，主要是基于我个人在实际工作中需要用到的原型，而设计出来的axure组件。如果大家有所收获，希望可以点赞鼓励一下，也欢迎大家交流，谢谢。本文由 @秀 原创发布于人人都是产品经理。未经许可，禁止转载题图来自Unsplash，基于CC0协议
本文出自快速备案，转载时请注明出处及相应链接。