跳至主要内容

全局搜索

直接对全平台内容执行搜索,在搜索结果中分类展示。


全局搜索

点击搜索框进入搜索页面。

何时使用

  • 通常用作产品中商品、信息的全局索引搜索。
  • 通常搜索结果展示较复杂,需用独立页面承接;因此搜索页/结果页均为新页面,区别于搜索入口所在页面。

设计指南

位置:搜索框固定在导航栏下方,当页面下滑时,搜索框则缩小至导航栏中,隐藏标题。

大小:默认情况下的宽度是359px,当页面下滑搜索框缩小至251px

内容:使用关键词来引导用户点击,比如苹果手机、双十一折扣等。

交互规则

  • 正在搜索或搜索时间很长时,需要添加加载状态,如:骨架屏,加载动效。
  • 首页的搜索栏作为入口,可以添加关键词引导用户点击,用户点击后进入全局搜索的落地页。
  • 为了帮助用户实时搜索,搜索结果滚动时搜索框固定于页面顶部,方便用户快速操作。
  • 建议在全局搜索页面,添加辅助信息,比如最近搜索搜索排名等,方便用户快速操作的同时,增强的内容的曝光和引导性。