关于搜索功能的交互设计小结(一)

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  
这是一份关于搜索功能的交互设计小结,也是对这两年工作的一点思考,现在分享出来,希望能够帮助到各位小伙伴。
关于搜索功能的交互设计小结(一) 总结一下对搜索功能的认识,搜索可归纳为输入、匹配和展示三大部分,从我的角度侧重讲输入与展示。搜索功能设计的关键指标是用户搜索成功率,搜索成功率可以从用户搜索完成后快速找到相关内容并点击来设定。

搜索成功率的转化漏斗就是从输入、匹配到展示的转化,所以为了提高关键指标,我们需要让过程指标(如输入时间、搜索准确率、召回率和搜索结果的点击率等)完成的更好,以提高最终转化率。

输入

输入入口

常见的搜索入口有:

①固定的输入框:搜索入口常驻在导航栏,电商类应用或信息层级复杂的应用多采用此方式,因为搜索是一个高频的使用功能,以及为了用户易于发现也会在其他一级页面展现搜索入口。

②固定的搜索 tab: 从tab进入搜索页。与第一类方式的需求背景相同。只是表现形式的差异,这种方式可以让信息架构更简洁,统一的入口方便用户“一键直达”。

③搜索 icon :从搜素icon打开搜索页或展开输入框。与①类似的设计方式,以搜索icon代替搜索输入框。

④隐藏搜索框:需要用户通过特定的方式来触发显示搜索入口,这样的设计能实现页面的降噪,设计理念是当用户需要时才出现,但同时这样的方式也是学习成本最高的。微信的小程序搜索采用此方式,但是全局搜索仍采用上述方式。

实际应用中根据搜索在产品中的使用场景,来采用不同的交互方式。一个APP中可以灵活采用以上方式的组合。

点击入口后到文字输入也有不同的交互方式,一种是在当前页面直接输入,还有一种是在跳转另一页面,自动获取输入焦点。

前者多用于搜索内容简单的场景,通常提供搜索关键词自动补齐,是一种轻量、简洁的方式。后者在许多 APP 上比较常见,主要是因为搜索内容复杂,需要有新的页面来承接结果和结果筛选等,而且通常搜索页面会用于展示搜索历史和热门搜索词。

“输入入口”的内容就介绍到这里了,下篇文章给大家总结一下“关键词输入”,这也是一个比较重要的内容,大家可以继续去看看。

以上就是“关于搜索功能的交互设计小结(一)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。

随意打赏

提交建议
微信扫一扫,分享给好友吧。