『淘宝网』从4款主流产品出发,掌握“搜索”交互( 三 )



04 爱奇艺 爱奇艺支持语音搜索 , 输入框会置于搜索发现的资源词 , 吸引用户点击搜索 。 进入搜索页面 , 页面展示含有两块内容 , 一块是搜索历史 , 另一块是搜索发现 。 爱奇艺的搜索设计和知乎很像 。 只是在侧重点上有所区别 , 爱奇艺强化搜索历史 。
『淘宝网』从4款主流产品出发,掌握“搜索”交互
本文插图

点击搜索范围 , 出现下拉选项 , 有三种筛选纬度 。
『淘宝网』从4款主流产品出发,掌握“搜索”交互
本文插图

搜索过程中出现联想匹配 。 搜索结果按照电影或者电视剧的排序展示 , 并且包含主角百科、相关搜索、焦点资讯等 。
『淘宝网』从4款主流产品出发,掌握“搜索”交互
本文插图

总结 通过以上4个产品的对比 , 可以看出 。 如果想强化搜索功能 , 则可以像淘宝搜索那样通过强化按钮视觉去让用户知道 , 这里含有搜索功能 。
进入搜索界面 , 可根据具体情况是否需要历史搜索和推荐搜索 , 并根据产品的业务诉求 , 合理设计其布局 。
结果页可采用tab的形式进行搜索结果的筛选 。
以上就是关于搜索的简单解析 。 希望这篇文章可以对你有所帮助 。
#专栏作家# UX , 人人都是产品经理专栏作家 。 前美团点评高级交互设计师 。 微信公众号:Echo的设计笔记 , 欢迎关注
本文原创发布于人人都是产品经理 。 未经许可 , 禁止转载 。
题图来自 Unsplash , 基于 CC0 协议


推荐阅读