对于产品信息较少,或该产品更侧重视觉呈现的应用,网格视图的形式更贴近产品。如购物网站中,在用户更多的是通过产品的外观做出判断选择,对于这类型的产品,用户更愿意通过滑动整个页面并观察不同项目在视觉上的差异,而不是在列表视图和网格视图之间反复切换。
提示:
允许用户在搜索结果页面自主选择“列表视图”和“网格视图”,让用户使用他们自己的需要的方式浏览搜索结果。(如下图天猫商城)
在使用网格布局时,图像尺寸要大到可以被清晰的看到,同时小到让更多的产品在同一时间被看到。但同一个页面也不宜为用户提供太多的选择。
8.显示搜索进度
理想情况下,执行搜索操作立即显示搜索结果,如果不能,应当为用户提供进度条,以此明确指示并告知用户他们需要等多久。
提示:如果搜索时间过长,可以考虑使用动画,好的动画可以分散用户的注意力,使他们忽略长时间的搜索过程。
9.提供排序和筛选条件功能
当用户的搜索和得到的结果看似有关,又没有太大关系,并且有很多结果时,用户会变得不知所措,这时应该为用户提供有效的搜索排序和筛选过滤条件,并使其能够允许用户同时选择多个筛选条件。
过滤器可以帮助用户缩小并组织搜索结果,否则需要大量的页面和滚动操作。
提示:
如果产品的搜索需要很多过滤筛选条件,默认情况下将不是高频的筛选条件折叠。
不要在过滤筛选条件中隐藏排序功能,它们是不同的作用。
10.不要告诉用户“搜索无结果”
当搜索依旧不能满足用户需求的时候,会令用户变得沮丧,特别是他们多次尝试了用不同的文本搜索。当没有匹配的搜索结果时,为用户提供相关的或者可替代的选择。
结论
搜索是产品设计中至关重要的功能,用户在查询和了解某些内容的时候期望获得流畅并且稳定的体验,并且通常会通过一俩组搜索来判断搜索的结果和质量,对产品的价值做出非常快速的判断。通过“搜索框”和“搜索结果”这俩篇文章希望可以帮助大家设计或者优化一款产品是搜索功能,一个优秀的搜索功能可以帮助用户快速的找到他们想要的内容。