一. 前言搜索就像是用户与app或者网站之间的对话:用户通过提问表达信息需求,app或者网站通过展示结果来作为回应。用户期待流畅的搜索体验,并且基于搜索结果的质量用户通常会对一个app的价值形成一个快速的判断。当我们设计搜索界面的时候有很多点是需要考虑的,不过为了方便阅读,我将这篇文章分为两部分来讲:搜索栏的设计和结果展示页的设计。尽管文中的某些具体建议对于你的设计需求和目标来说会显得比较主观,但还是有一些通用的设计要点是行之有效的,它可以适用于不同的app和网站。在开始整篇文章之前,我们先思考一个问题——什么时候需要用到搜索?
二. 什么场景下该用/不该用搜索小的站点最好不要有搜索功能。当一个网站的内容有限时,其实没必要有搜索功能。只有当网站的规模和复杂度都达到一定程度的时候搜索功能才会显得尤其重要。由于用户通常需要找到某一个具体的商品,因此电商网站或许是使用搜索功能最常见的案例了。在一些大型的电商网站,搜索栏甚至会独立于头部并且会在UI界面中占据视觉焦点的位置。高达30%的用户会使用网站内的搜索工具,而这一行为会极大地帮助商家搞清楚用户到底需要什么。搜索功能对那些像订机票或者提供信息服务的网站来说也尤其重要。
三.如何设计好搜索框搜索框是输入区域和提交按钮的组合。也许有人会认为搜索框根本不需要设计,毕竟它就只有两个元素。但是由于搜索框在海量信息内容的网站是最常被使用的设计元素,因此其易用性不言而喻。下文将分为 8 各部分来说明如何设计好搜索框:在视觉上突出搜索框搜索框与放大镜icon配合使用将搜索框置于用户预期的位置提供搜索按钮告诉用户他们可以搜索哪些内容每个页面都要有搜索框合适的尺寸使用智能推荐/匹配机制.