产品设计-产品设计笔记之App搜索功能设计.docx

产品设计-产品设计笔记之App搜索功能设计.docx产品设计笔记之App搜索功能设计如果搜索功能在产品中的比重相对比较重要,是需要重点突出的,可以采用如下设计策略:淘宝的搜索功能比较重要,放置位置较明显,同时页面滑动时,一直固定顶部口袋购物除了将搜索入口一直放置在顶部外,还专门放了搜索的tab如果搜索相对而言不是很重要,或者用户早已熟悉产品的结构想把其他功能突出弱化搜索时,可采用如下策略:微信的搜索入口第一次进入时呈现,后续进入不呈现,通过下拉查看搜索入口IOS原生的快速搜索入口一直隐藏,通过手势下拉触发移动端的搜索往往都是跳转至单独的搜索页面,根据时间顺序可以分为三个阶段:搜索前、搜索输入中、搜索完成后。搜索前的搜索页面是app的默认搜索页面,往往包含以下元素:…微信、微博、美团的搜索默认页面放置了默认提示、历史记录、实时热点、热门推荐等内容百度还放置了垂直搜索入口和一些工具的入口垂直搜索或者有需要分类的搜索,除了上述信息外,还需要有选择搜索的分类项:在输入关键字搜索过程中,主要包含以下要素:旅游攻略和美团的搜索过程页面(输入键盘已经隐藏)知乎搜索,除了分模块外,还可以进行内容和用户的切换很多搜索到第二步已经完成了,点击搜索按钮的结果页面就是当前关键字匹配页面。但是也有部分app有搜索结果页面,点击搜索后跳转。如果是多项选择操作中的搜索,除了上述元素外,还需要有一个容器用于盛放已经选择的项,从而可以进行二次搜索。微信发起群聊选择联系人过程中可以进行搜索,同时有容器盛放已选择的项,以便可以反复搜索输入关键字点击搜索按钮后跳转搜索结果页面,有些搜索的搜索结果就是第二步的关键字匹配页面,仅仅把输入键盘隐藏了。但是也有很多搜索有结果页面,搜索结果页面主要包含以下要素或行为:微博、大众点评的搜索结果页面,输入框始终固定顶部,不随页面滑动而隐藏闲鱼的搜索结果页面中,搜索框在页面下滑时隐藏,但是上滑时立刻呈现搜索功能基本是每个app都会用到的,本文只是把常见的搜索设计方法进行了一次概括总结,意图提取一套搜索的“设计模板”。然而场景是千变万化的,设计最有意思的就是根据不同场景找到最合理的解决方案,“模板”是死的,仅供参考而已,而人是活的,不要禁锢于“模板”。