175-2108-6175
网站建设资讯详细

移动端搜索原型设计指南

日期:2020-07-18  作者:千语创想  浏览:6195

搜索框是每个系统、app必不可少的组成部分,小编今天就基于在实际工作中需要用到的原型,分享一些移动端的搜索原型案例。常见的搜索原型包括:普通搜索、分类搜索、标签推荐搜索、历史记录搜索、热点推荐搜索、中继器表格内容搜索等。


1、 普通搜索原型设计:普通的搜索原型是最常用的搜索元件,也是其他搜索原型的基础,后面的搜索原型案例也是在改基础上拓展展开的,一般搜索搜索元件包含输入框+搜索按钮,移动端的搜索元件。我们要注意设计交互,当输入框获取焦点时,显示键盘,失去焦点时,隐藏键盘即可。

2、 分类搜索原型设计:分类搜索原型是在普通搜索原型的基础上添加了不同的分类,可以搜索指定的内容,这样的好处是在较多内容的时候,搜索的结果能比较精确,详细设计可以参考微信搜索的案例。

3、 标签推荐搜索原型设计:标签推荐搜索是在普通搜索的基础上,加了一个引导推荐的内容,主要是为了引导客户去查看某些内容,从而起到营销、引流的作用。标签推荐搜索原型常用于电商平台、外卖平台等。

4、 热搜推荐搜索原型设计:热搜推荐搜索和标签推荐搜索很像,都是引导客户去查看某些内容,但是热搜推荐是根据用户群的喜欢,给用户推荐最多人查看的内容,是实时更新和变化的,常用于微博、新闻等平台。

5、 历史记录搜索原型设计:历史记录搜索是在普通搜索原型的基础上,由系统记住用户的搜索记录,用户下次搜索时,能够查看之前的搜索记录,用户也可以输入新的内容进行搜索,新内容通用被系统记录。此外,用户还能管理历史搜索记录,删除单条或全部的历史记录。历史记录搜索原型常用于搜索引擎,例如百度、谷歌等。

6、 中继器表格内容搜索原型设计:中继器表格搜索原型,主要是通过模糊搜索的方法,对中继器表格进行模糊搜索,让用户能够快速的找到对应的内容。这种搜索原型常用于通讯录、商品搜索等案例。


由千语创想团队倾情打造的一站式在线设计平台——千语创想https://www.qianyuthink.com/?url=),帮助您一站式完成编千语创想所有设计工作,需求梳理+原型设计+ui设计一个人统统搞定。必须要强调:千语创想免费使用,是互联网产品人提升工作效率的神器,海量需求模板库覆盖各个行业,一键生成产品需求导图,可根据需求在线编辑;需求导图一键生成产品原型,再也不用为设计原型图而苦恼;在线ui设计,支持Sketch导入,一键切图和标注。千语创想可提升30%-60%项目开发效率,快去免费体验吧。


转载请注明来自:https://www.qianyuthink.com/news/6134.html