APP设计教程之如何设计完美的搜索结果(二)(2)

来源:网络   作者:热心网友   发布时间:2017-10-08    浏览次数:117

对于产品信息较少,或该产品更侧重视觉呈现的应用,网格视图的形式更贴近产品。如购物网站中,在用户更多的是通过产品的外观做出判断选择,对于这类型的产品,用户更愿意通过滑动整个页面并观察不同项目在视觉上的差异,而不是在列表视图和网格视图之间反复切换。



提示:

允许用户在搜索结果页面自主选择“列表视图”和“网格视图”,让用户使用他们自己的需要的方式浏览搜索结果。(如下图天猫商城)


在使用网格布局时,图像尺寸要大到可以被清晰的看到,同时小到让更多的产品在同一时间被看到。但同一个页面也不宜为用户提供太多的选择。



8.显示搜索进度

理想情况下,执行搜索操作立即显示搜索结果,如果不能,应当为用户提供进度条,以此明确指示并告知用户他们需要等多久。


66ea59ae7da0a8012028a9082ecc.jpg提示:如果搜索时间过长,可以考虑使用动画,好的动画可以分散用户的注意力,使他们忽略长时间的搜索过程。


9.提供排序和筛选条件功能

当用户的搜索和得到的结果看似有关,又没有太大关系,并且有很多结果时,用户会变得不知所措,这时应该为用户提供有效的搜索排序和筛选过滤条件,并使其能够允许用户同时选择多个筛选条件。

7d8859ae7dc5a801211d25eedfab.jpg

过滤器可以帮助用户缩小并组织搜索结果,否则需要大量的页面和滚动操作。

提示:

如果产品的搜索需要很多过滤筛选条件,默认情况下将不是高频的筛选条件折叠。

不要在过滤筛选条件中隐藏排序功能,它们是不同的作用。


10.不要告诉用户“搜索无结果”

当搜索依旧不能满足用户需求的时候,会令用户变得沮丧,特别是他们多次尝试了用不同的文本搜索。当没有匹配的搜索结果时,为用户提供相关的或者可替代的选择。

cdab59ae7deea801211d256dbe75.jpg


结论

搜索是产品设计中至关重要的功能,用户在查询和了解某些内容的时候期望获得流畅并且稳定的体验,并且通常会通过一俩组搜索来判断搜索的结果和质量,对产品的价值做出非常快速的判断。通过“搜索框”和“搜索结果”这俩篇文章希望可以帮助大家设计或者优化一款产品是搜索功能,一个优秀的搜索功能可以帮助用户快速的找到他们想要的内容。

12共2页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/6714.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通