全局搜索
直接对全平台内容执行搜索,在搜索结果中分类展示。
全局搜索
点击搜索框进入搜索页面。
何时使用
- 通常用作产品中商品、信息的全局索引搜索。
- 通常搜索结果展示较复杂,需用独立页面承接;因此搜索页/结果页均为新页面,区别于搜索入口所在页面。
设计指南
位置:搜索框固定在导航栏下方,当页面下滑时,搜索框则缩小至导航栏中,隐藏标题。
大小:默认情况下的宽度是359px
,当页面下滑搜索框缩小至251px
。
内容:使用关键词来引导用户点击,比如苹果手机、双十一折扣等。
交互规则
- 正在搜索或搜索时间很长时,需要添加加载状态,如:骨架屏,加载动效。
- 首页的搜索栏作为入口,可以添加关键词引导用户点击,用户点击后进入全局搜索的落地页。
- 为了帮助用户实时搜索,搜索结果滚动时搜索框固定于页面顶部,方便用户快速操作。
- 建议在全局搜索页面,添加辅助信息,比如
最近搜索
、搜索排名
等,方便用户快速操作的同时,增强的内容的曝光和引导性。