3步快速搞定搜索设计

首页 设计资讯 产业动态

142

2019-12-16 22:41

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

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

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


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





一、搜索入口


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






二、搜索页面


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







三、搜索结果


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







四、结语


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


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


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



赵卡

设计师

河北省|邯郸市

邯郸创新设计

掌握最新动态