第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

如何设计完美的搜索结果?

时间:2017-09-14 08:59来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
这篇来聊一下搜索功能中另外一个重要的设计,搜索结果的完美的设计方法。 搜索就好比是产品和用户的对话:用户将其需求输入搜索框,产品对这一行为响应的方式就是为用户提供对应的

  这篇来聊一下搜索功能中另外一个重要的设计,“搜索结果”的完美的设计方法。

  

如何设计完美的搜索结果?

  搜索就好比是产品和用户的对话:用户将其需求输入搜索框,产品对这一行为响应的方式就是为用户提供对应的搜索结果。搜索结果是不是用户真实想要的影响着用户对产品的体验:搜索结果将为用户需求和产品构建一个继续对话的机会。

  这篇文章中,给大家分享10个搜索结果的技巧来帮助你改进搜索结果的UX。

  1.点击搜索按钮后,不要清除搜索框中的查询内容

  保留搜索内容,将已查询的内容重新输入是比较常见的错误体验。如果用户找不到预期的内容,那么他们会稍微修改查询以便再次搜索。为了使这一交互更容易,在搜索框中保留搜索的词条是极有必要的。

  2.提供精确的和相关的结果

  搜索结果的第一个页面是非常重要的,搜索结果对搜索的体验起着至关重要的作用,好的搜索结果可以提高网站的转化率。用户通常根据一俩组搜索结果的质量来对比网站的价值,以此快速的做出选择。

  给用户提供更加精确的搜索结果非常重要,否则因为搜索结果会降低用户对网站的信任度。因此,优化搜索结果的排序,并将重要的、匹配度较高的搜索结果在第一页呈现也至关重要。

  3.使用有效的自动提示

  无效的搜索联想(自动建议)也会降低搜索体验。确保自动提示是有用的,当用户在执行输入行为的时候,词根识别、文本预测、和自动建议,都有助于加快搜索过程。

  

如何设计完美的搜索结果?

  4.正确的“输入错误”

  当网站可以检测到用户输入了错误的信息,则有必要为用户显示其猜测和“更正后”的文本搜索结果。这样可以避免用户因“返回”之前的搜索的而导致的挫败感,同时用户也不必被迫重新输入搜索项。

  

如何设计完美的搜索结果?

  5.显示搜索结果的数量

  显示搜索结果数量,帮助用户意识到决定花多长时间浏览搜索结果上(心理预期)。

  

如何设计完美的搜索结果?

  6.保留用户近期的搜索查询记录

  即使用户熟悉搜索功能,搜索需求也需要他们来思考要搜索什么,或者需要用户回忆我之前搜索过的是什么文本。为了输入一个有效的查询文本,用户需要考虑其目标的相关属性,并将他们合并进行查询。在设计搜索功能的时候,设计师应该牢记基本的可用性规则:

  尊重用户的成就(Respect the users effort)

  

如何设计完美的搜索结果?

  提示:产品应该记录所有最近的搜索记录,以便用户在下次搜索的时候为用户提供次数据。

  7.选择正确的页面布局

  不同类型的搜索结果内容需要选择显示不同的页面布局。内容呈现的俩个基本布局是“列表视图”和“网格视图”,判断选择视图的基本原则是:

  “呈现信息为主使用列表视图,呈现图片为主使用网格视图”

  在某些产品的搜索结果呈现页面中,产品的具体细节非常重要,如型号、额定值、尺寸等细节的信息影响用户的选择和判断,则使用列表视图。

  

如何设计完美的搜索结果?

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

  

如何设计完美的搜索结果?

  提示:

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

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

  

如何设计完美的搜索结果?

  8.显示搜索进度

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

  

如何设计完美的搜索结果?

  

如何设计完美的搜索结果?

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

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

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕