5个方面分析：搜索框的产品设计逻辑.docx

第PAGE\*MERGEFORMAT4页共NUMPAGES\*MERGEFORMAT4页

5个方面分析：搜索框的产品设计逻辑

产品设计中，不管是由简到繁还是由繁到简，都有着固定的方式方法，也体现着一个产品生命周期的特征。而针对某一个功能的产品设计，则需要有业务型的逻辑，比如：搜索框的设计。搜索功能是绝大部分产品中标配的功能，因为搜索功能可以帮助用户快速找到想要的内容，缩短用户使用成本，目前为止还没有什么方法能够代替，区别只在于随着技术的更新，搜索的方式更多样了，现在仅聊一聊App搜索框的产品设计逻辑。用户对于搜索的需求和过程可以理解为需要搜索功能→查找搜索功能→进入搜索功能→使用搜索功能→得到搜索结果。一、是否需要搜索功能一个产品是否需要搜索功能取决于该产品的业务需求，大致分为不需要和需要两种状态。搜索虽然是一个提升用户体验的利器功能，但是如果不考虑产品实际情况，不管什么App都增加搜索功能的话，首先会增加开发成本，其次会增加用户的理解成本和打乱用户使用的流程。比如：Amazfit手表和摩拜这两款工具型App，两者都是搭配硬件使用的，旨在连接硬件并获得使用数据，数据和场景都比较单一，所以不需要搜索功能。试想一下：如果工具型App增加搜索功能，会是在什么场景下呢?搜索功能已经成了绝大部分App的必备功能，比如：社交类、内容类、电商类、社区类等产品，搜索功能都是必不可少的，且不同的产品对搜索的定位也不一样。虽然搜索可以解决用户快速找到对应内容的问题，但是不同的应用场景和页面，有强弱的区别，在做产品设计时可以根据用户使用频率及功能等级进行考虑。二、查找搜索功能确定了产品需要搜索功能后，就进入到下一个环节的设计，如何让用户找到搜索功能。搜索框的入口一般有几种：一级tab、搜索框、搜索icon、隐藏式搜索框。©微博©得到1.快速找到用户的搜索需求会出现在两个时间点，一是搜索目的明确，打开App就需要使用，另一个时间点是在使用App的过程中产生搜索需求，这个需求我们很难确定用户在执行什么操作，所以需要根据页面及产品类型进行设计。可以确定的是，两种需求时刻，都要求我们的产品可以快速让用户找到搜索功能并使用，所以搜索功能的位置非常重要。当前绝大部分App的搜索功能都放置在页面顶部，以搜索框或者“放大镜”的样式存在，用户已经养成了习惯，当需要使用搜索功能时首先会寻找页面的顶部位置。有部分App会设置一级tab“发现”页面，用以承载搜索功能，该类型的App大都以内容类产品为主，但是千万不要尝试因为追求差异化，而把搜索功能放在页面的其他角落，这绝对是是一个失败的产品。百度云盘把搜索icon放在滑动页中，当滑动页面时icon会被隐藏，而搜索功能对于云盘来说是很重要的功能。©百度云盘2.快速识别在用户潜意识的位置中放置搜索功能，还有一个要求是降低用户的识别成本，让用户一眼就能看出是搜索功能，而不用经过判断。当前最常见的就是搜索框或者“放大镜”icon样式两种，用户不需要判断就能识别该功能为搜索功能。搜索框的样式总的来说有矩形和圆角两种，配合内部默认文案，有多种组合。也有一些比较特殊的搜索样式，比如：网易有道翻译中精品课的搜索页面就进行了新的尝试，但是用户接受成本比较高，不建议轻易尝试。©有道翻译icon样式每个公司的设计师出品都有所区别并且尽可能的想有特色，但是从产品的角度来说，“放大镜”icon的细节越少，识别度越高，不要过度的设计。素材来源于iconfont（http://ment-list,.post.include-collection.content{margin-left:auto;margin-right:auto;margin-top:0;width:620px;}.support-author{background-color:whitesmoke;border-left:4pxsolid#f57e42;box-shadow:001px#d9d9d9;box-sizing:border-box;margin-bottom:10px;padding:25px;margin-top:-30px;}.section-cbox-w{margin-top:-30px!important;}