童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

搜索结果页的10项最佳实践

9月9日 栀璃鸢投稿
  NickBabich的UIUX系列文章是目前最实在的设计系列文章,设计规则、最佳实践和实战案例三者兼顾,颇为值得学习。今天的文章聊的是搜索结果页的设计,和上一篇《设计一个完美的搜索框,你需要注意这9个要素》结合起来看,风味更佳
  搜索就像用户和系统之间的对话:用户将他们的信息需求提交上来查询,系统针对提交的信息进行检索,再从界面上给用户以反馈,呈现为一组结果。所以,搜索结果页是搜索的最重要的组成部分之一,它满足了用户对于特定信息的需求。
  这篇文章中,我将搜索结果页的10项最佳实践列举出来,它们应当能够有效的帮你提升整个用户体验。
  1、点击搜索按钮之后,不要清除用户的查询内容
  对于用户的查询内容,在搜索结果页当中应当忠实地、完整地呈现出来。这不仅包含目前的搜索,而且应当涵盖之前的搜索内容。对于许多信息获取的过程而言,历史和当前查询内容都是关键信息,如果用户当前的搜索关键词找不到想要的结果的话,他们会稍加调整,并继续搜索。为了方便用户进行查询,最好在搜索框中保留初始的关键词,便于查看也便于调整进行下一次查询。
  2、提供准确的和相关的搜索结果
  搜索结果的第一页是至关重要的。必须承认,搜索结果页给用户提供的信息与体验是整个搜索体验的关键环节,搜索引擎的转化率好坏与否,与之息息相关。通常只需要通过一两次搜索,用户就能通过搜索结果页,快速地对整个搜索引擎的素质进行判断。
  准确地将搜索结果反馈给用户是构建用户信任的基础。所以,搜索引擎需要确定结果的优先级,并且将匹配度最高的结果呈现在结果页上。
  3、使用有效的自动建议
  无效的自动建议让整个搜索体验降低,而精准的自动建议会让整个体验好上许多,它会根据用户用户的输入内容(词汇词根和后台数据)为用户提供有用和精准的输入内容建议,这有助于帮助用户提高搜索过程的精准度,提升整个搜索体验。
  4、内容纠错
  输入错误绝对是最常见的错误,如果用户错误地输入某个关键词,而你的检测到了,并且针对错误提供更正之后的结果,这样就成功的规避了因为错误的关键词所导致的不良后果,用户也不用再次进行搜索了。
  苹果的0条目的搜索页面并不支持搜索结果自动更正
  相反,Asos在这方面就做的很好,当输入错误发生的时候,他们会尽量以无侵略性的方式来帮助客户,比如“您的初始搜索为Overcoatt,我们也为您搜索了Overcoats的相关结果”。
  5、显示搜索结果的数量
  显示搜索结果的数量能够让用户更清楚他们需要在浏览结果这件事上花费的时间。
  而搜索结果同时还能帮助用户针对下一次搜索,作出跟明确的调整和选择。
  6、保留最近的用户查询
  即使用户熟知搜索引擎的全部功能,也需要借助大脑记忆来挑选关键词,进行搜索。想要找出有意义的、可用的搜索关键词搭配,用户需要结合他们的搜索方向,最近的查询,联想相关的属性和关键词,最终促成一次成功的搜索。在设计整个搜索体验的过程中,你应该始终记住一点:
  尊重用户的努力。
  你的网站应当存储所有最近的搜索,以便在用户进行下一次搜索的时候,提供这些数据。
  最近的搜索帮助用户节省了在相同内容搜索上所耗费的时间和精力。
  小贴士:尽量一次展示不超过10个条目,这样不会让用户觉得信息过载。
  7、选择合适的页面布局
  不同的内容其实需要不同的页面布局来支撑的,而我们最常见的两种布局,列表布局和栅格布局,应该能够满足绝大多数的需求。对于布局,我们的经验以一言以蔽之就是:
  细节用列表展现,图片靠栅格支撑。
  让我们在Cotext的产品页面中验证一下这一经验。产品的细节展现是非常重要的时刻,对于电子产品而言,需要呈现的配置信息非常的多,所以,列表视图是非常合理的。
  而对于相对产品信息更少的产品而言,栅格式的布局则是更好的选择。想服装这样的产品,少有需要借助文本式的产品信息来呈现其特征的,更多还是依靠图片和视觉设计,所以这类产品需要栅格式的布局,而不是冗长的内容信息。
  小贴士:
  允许用户选择列表视图和栅格视图,让用户选择他们更喜欢的方式来查看内容。
  在设计栅格布局的时候,确保图片的尺寸合理,大到足以看清其中细节,而又不会太大,让用户一次尽量看到更多的条目。
  8、展示搜索过程
  理想状况下,用户点击搜索按键之后,搜索结果会立刻显现出来。但是实际情况是,它通常是需要有一个过程的。通过进度条和动效让用户明白他们大概需要等多久,或者让等待的过程更加有趣。
  小贴士:动效可以有效的分散用户等待过程中的无聊感,让用户实际等待的体验更好。
  9、提供排序和过滤的选项
  当用户看到的搜索结果过多,或者相关度较低的时候,会对搜索结果非常茫然。而排序和过滤的功能则能够很好的缓解这一情况。
  过滤和排序能够帮用户调整和缩小搜索结果,大幅度降低用户手工翻页筛选的工作量。
  小贴士:
  最重要的一点是不要让用户有太多的选择,如果搜索本身需要大量的筛选的话,那么默认尽量折叠或者隐藏一些相对不那么重要的结果。
  不要隐藏排序功能。
  当用户筛选到了一个相对狭窄的搜索范围的时候,在结果页面的顶部对此范围进行标注和说明。
  10、不要告诉用户“没有结果”
  什么都没搜到会让用户感到非常沮丧的,尤其是当用户进行了好几次搜索之后,依然没有结果。你应该尽量避免用户陷入死胡同,当用户没有搜到他们想要的内容之时,应当为他们提供有价值的替代品。
  结语
  搜索引擎为一个网站所提供的价值是显而易见的,而可用性良好,体验平滑舒适的搜索结果页则能够让用户快速地判断出网站和搜索引擎的重要价值。
  一个优秀的搜索引擎应当在结果页当中,为用户提供有效、有用、有价值的搜索结果。
  
投诉 评论

当我们设计发现页时,我们想让用户逛什么?发现页是内容类产品必不可少的一个重要页面,是用户探索更多内容的重要途径,同时承载了众多产品需求,Banner、搜索、功能入口、精选、推荐、排行、除了这些常见的发现页元素,似乎什……实战案例解读内容为王时代,如何做好内容化设计如果说好的产品是运营出来的,那么内容作为用户体验中的重要部分不容忽视。然而我们在设计中经常缺乏内容体验的意识。在探讨内容化设计是什么之前,或许有人奇怪:设计为什么要关注内……好的空数据设计,如何引导用户行为?用户首次遇到的界面需要符合应用的设计预期。如果你不想你的用户在第一次使用后便卸载APP,那么你现在需要做的是,引导用户完成关键任务或者引导用户去其他地方获取到相关联的信息。总之……案例复盘O2O配送项目中我踩过的那些坑想成为一条优秀产品狗,除了要掌握撕逼的技巧,还要有优雅的复盘姿势。在成为一条优秀产品狗的道路上,每做完一个项目,我总会花上一点时间,静静地回想那些踩过的坑,那不就是产品狗的修行……搜索结果页的10项最佳实践NickBabich的UIUX系列文章是目前最实在的设计系列文章,设计规则、最佳实践和实战案例三者兼顾,颇为值得学习。今天的文章聊的是搜索结果页的设计,和上一篇《设计一个完美的……移动端界面标注:如何理清标注的思路?解决问题的工序与方法、清晰的逻辑思维。这些才是你最需要掌握的东西,但它们需要你不停的总结与分析,再多的资源与文章那都不是你的,千万不要用表面的积极去掩盖思想的懒惰!授人以……用户体验系列01:为真正的用户做用户体验凡是用户喜欢的产品体验,必定是严格遵循“以目标用户为中心”的用户体验设计。场景实例以用户为中心,几乎是每一家公司,每一天都在强调的工作原则。但在实际工作中,要想做到……电商平台CRM规划:由Axure页面管理联想到的NoSQL的产品设计还是要见多识广,看的多了用的久了,产品设计时,历史经验和知识会给你带来意想不到的惊喜。在业务繁多,用户触点丰富的平台系统产品中,单条用户数据被记录的信息字段通常达……看似简单的App登录注册功能,怎样做到用户体验最佳?用户登录系统,可以细分为三项功能模块,分别是:登录、注册和密码找回。本文作者将结合自身经历,谈谈他在做这块的时候一些想法,主要是涉及业务流程。登录和注册功能,不论是PC端……将细节进行到底你的作品集,需要注意这些问题作者针对作品集的制作整理了一些看法,这期中或许有你已踩、未踩的坑,与大家分享,希望可以给正在求职路上的设计师门带来些帮助。对!没错儿!这就是去年发在脉脉上的那篇,今天翻出……真正的体验设计:元数据设计总有产品说用户体验不是核心,但这个不是核心的用户体验,却能掌控产品的生死。在浏览产品相关资讯时,发现一个问题:人人都想当产品经理,但是人人都当不好产品经理。大部分产品相关……电商后台产品设计:订单拆单最近在做拆单的需求,细思极恐,思考越深入,就会发现里面涉及的东西越来越多,要想做好订单拆单的功能,还是相当有难度,因此总结了一下拆单功能细节,分享出来。拆单也有两个层次,……
我为拉勾网设计的移动端关于MaterialDesign,做到这四点便足以让用户惊喜【干货】H5页面制作免费工具大集合如何让通知变的真正有用?无代码动效神器!教你用HYPE3做APP原型的基础过场(附神腾讯移动端H5页面设计实战分享设计和而不同的跨平台App10个鲜为人知的UX技巧提高产品诱导力如何讲好用户故事?应用市场还能怎么玩?主流应用市场体验如何策划一个流量分发类的产品为什么产品开发需要做用户体验研究新手微商如何才能月入过万又见詹姆斯刷分,黑子们又集体高潮过张祜处士丹阳故居女人注意!别让男人掌管财产英特尔平板处理器怎么样英特尔平板处理器排名及介绍图文美国第一共和银行表示,正通过从美联储和摩根大通获得额外流动性婴儿社交偏好我为什么讨厌喜欢你《下流之宴》经典观后感集刘亦功要保持新能源车的快速增长态势我生命中的贵人元夕赠苏州二守如雍侄道德经推知宇宙的秘密

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界