3步快速搞定搜索设计

搜索的过程中涉及到的UI相关模块,大体分为三部分:搜索入口、搜索页面、搜索结果。

3步快速搞定搜索设计

做之前不妨先设想一下,一个用户是如何产生搜索的念头,并通过一系列行为,得到搜索结果,大体的交互流程在心中要有印象。

OK,预想好之后这三个部分我们逐个来看。

一、搜索入口

搜索入口大体可分为2种:搜索框、搜索icon,具体我们看图说话

3步快速搞定搜索设计
3步快速搞定搜索设计

二、搜索页面

搜索页面从上到下大概分为三部分:顶部搜索区+中间辅助区+底部推荐内容,某些产品也支持实时搜索,我们逐一来看

3步快速搞定搜索设计

三、搜索结果

搜索结果通常分为常规列表、带有筛选排序功能的结果列表以及搜索为空的页面

3步快速搞定搜索设计

四、结语

在工作中,如果时间紧迫,大家可参考上述流程快速产出一套搜索设计方案,而每一部分中的细节方案确定,则需要根据业务的实际情况来进行选择并进行完善。

除此之外,大家也可在平时多关注研究其他形式如语音搜索、AR搜索等,从产品形态、交互方式等维度来思考探索搜索的可能性。

希望三五年后,会出现更加便捷好用的形式;希望在不远的将来,随着技术的发展和体验设计的深入完善,用户想要的内容可以更直接地呈现出来而不必人为搜索,你认为有这样的可能吗?

来源: Cappo

UI/UX

AE实用表达式整理及表达式合集脚本发布

2019-12-18 23:21:40

UI/UX

抖音产品设计团队欢迎你的加入

2019-12-19 18:52:54

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索