搜索引导页案例比较

搜索引导页考虑的点:1、搜索是否分类别,是否需要支持全类别搜索;2、搜索是否需要展示历史搜索和热门推荐搜索,以及是否和类别关联;3、是否需要支持联想搜索等。

搜索引导页案例比较_第1张图片

单一类别

案例一:豆瓣阅读(v2.4)

进入搜索引导页,立即上滑键盘,搜索框显示可搜索的内容提示文字和输入提示符,主页面显示热门搜索10条标签。

滑动页面,键盘下滑隐藏,搜索框输入提示符消失。热门搜索下方显示搜索历史,不可单条清除,清除历史按钮放在最底部。

搜索引导页案例比较_第2张图片

案例二:猫眼电影(v7.0)

进入搜索引导页,立即上滑键盘,搜索框显示可搜索的内容提示文字和输入提示符,主页面显示历史搜索,可单条清除和热门搜索3条标签和去热门电影入口。

滑动页面,键盘下滑隐藏,搜索框输入提示符消失。热门搜索下方显示类型分类和地区选择。

搜索引导页案例比较_第3张图片

多类别横栏切换

案例一:next


搜索引导页案例比较_第4张图片

案例二:知乎

搜索引导页案例比较_第5张图片

下拉选择栏

案例一:淘宝

搜索引导页案例比较_第6张图片

按钮切换

案例一:微信


搜索引导页案例比较_第7张图片

你可能感兴趣的:(搜索引导页案例比较)