3步快速搞定搜索设计

Recommanded by editor
北京/UI设计师/5年前/3509浏览
3步快速搞定搜索设计Recommanded by editor
Cappo

对设计师而言,无论设计什么类型产品,搜索模块几乎都是绕不开的。那么,如何尽可能全面的把控搜索流程,并快速产出设计方案呢?

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

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


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





一、搜索入口


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






二、搜索页面


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







三、搜索结果


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







四、结语


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


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


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


48
Report
|
119
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
装东西Packing.
Homepage recommendation
相关收藏夹
UI
UI
UI
UI
作品收藏夹
UI
1533
00学习资料
00学习资料
00学习资料
00学习资料
作品收藏夹
心得
心得
心得
心得
作品收藏夹
文章
文章
文章
文章
作品收藏夹
交互设计
交互设计
交互设计
交互设计
作品收藏夹
UI设计文章
UI设计文章
UI设计文章
UI设计文章
作品收藏夹
大家都在看
Log in