搜索建议功能的设计

作者&投稿:仍所 (若有异议请与网页底部的电邮联系)
~

搜索建议也称自动完成或自动建议。这曾经是一个搜索功能中附带的功能。(在本文中,我们使用“站内搜索”一词指的是一个网站自己的搜索功能——只在该网站的内容内搜索——而不是像谷歌、必应或百度这样跨多个站点搜索的全网搜索引擎。)

近年来,搜索建议已成一个好的搜索功能不可或缺的期望标志。这个期望可能是源自用户频繁接触谷歌的查询建议的结果,而谷歌总是在定义“好”的搜索功能的标准(不切实际的)应该是什么。

当您的用户从搜索建议中选择而不是键入自己的完整查询时,他们会觉得很方便,原因如下:

有趣的是,尽管用户期望这个功能,并且有时当它在一个站点上不可用时对它进行评论,但实际上他们并不总是使用它。在我们最近对电子商务网站的研究中,建议的查询只有23%是由用户选择的。(在提供建议的136个实例中,选择了31个建议。这个比例的误差幅度是7%。)

但即使用户实际上没有从查询建议列表中进行选择,这个功能仍然有可能作为参考,为用户提供一些便利。用户可以阅读这些建议,查看网站上的可用内容、如何拼写困难词,以及其他用户搜索的内容。在某些情况下,特别是当查询短语较短时,用户只需自己键入查询,而不必重新获取鼠标或点击屏幕。

对于网站搜索,搜索建议有进一步的好处,可以通知用户网站提供的产品或选项的范围。相反,如果在输入产品名称的前几个字符后没有显示搜索建议,则有些用户可能会得出结论,即该网站不提供该产品,甚至在没有执行搜索的情况下放弃该网站。

如果您计划实施或改进网站的搜索建议,请遵循这些提示以使其尽可能有用。

确保每个查询建议关键词都有实际的良好的相关结果。

可用性测试的一个参与者在JCPenney的网站上买了一个新的手提箱。他在搜索框中输入了“luggage(行李箱)”,并在建议的查询中看到了“luggage sets clearance(行李箱清仓)”这个短语。他选择了这个查询关键词,并被带到一个完全没有行李箱的结果页面——只有两件宠物旅行用品。

“这很奇怪,”他说。“因为搜索建议的关键词,所以我才点击 luggage sets clearance,希望它带我去行李箱购买页,所以这不太好。”

搜索框返回的建议关键词宁可以为零,也不要有不相关结果。不相关比无用的更糟糕——它们偏离了用户的方向,用户会觉得很傻 。

在“建议的搜索”下拉列表中,每个建议包含两部分:用户已键入的字符和系统为完成查询而建议的字符。

使用不同的视觉样式来显示属于每个类别的字符是很重要的。您可以使用粗体、斜体、颜色或缩进来传达这些部分之间的差异。视觉差异化帮助用户理解显示建议的原因并扫到可用选项。

网站提供的建议类型应帮助您确定建议的样式:

例如,一个用户在迪克体育用品的网站上输入了他的查询“篮球圈”。

当他输入每字时,建议的搜索词出现在下拉列表中。Dick的体育用品使用第一种建议——它只在用户文本中添加字符,以完成该查询。与此特定用户已经键入的字符匹配的字符以粗体显示(“basketball h”),而建议完成查询的字符具有正常的字体粗细。

这种方法清楚地显示了这两个部分之间的区别,但不幸的是,它强调了每个建议中的重复字符(已经键入的字符)。因此,Dick的体育用品最好能提供这样的搜索建议,并强调其独特的特征:

但是,如果您的功能是查询中的任何位置都包含用户文本的流行查询,则相反的方法更好—您希望突出显示用户的查询。

使用我们的篮球示例,具有此类建议的系统将返回诸如“篮球连帽衫”之类的建议,还将返回诸如“便携式篮球箍”和“儿童篮球帽”之类的建议。在这种情况下,应突出显示用户的查询,以帮助用户扫描建议并确定查询文本在每个建议中的位置。建议。例如:

范围搜索应该只在某些网站上使用,即使这样,也只有在它能够很好地实现的情况下。如果你的网站范围内的内容,你会想反映在网站的搜索建议。

对于作用域站点,每个搜索建议可以包含三个组件:

就像其他两部分一样,您需要从视觉上区分这个范围和建议的其余部分。对于用户来说,重要的是要知道系统将在网站的女性部分搜索“篮球短裤”,而不仅仅是搜索关键词“篮球短裤中的女性”。在建议的查询下缩进范围或类别建议可以将其关系与查询进行通信。

一位用户在 Amazon.com 上搜索“水瓶”时提出了两个范围内的建议:在家里、厨房和户外娱乐。这些范围建议的文本以浅灰色显示,并缩进到建议的查询下。

这种方法很有效,因为这三个层次都是相互关联的。用户可以在三个稍有不同的选项中进行选择:

除了完成用户的查询,搜索建议下拉列表还可以包含指向其他类型相关内容的链接。例如,B&H照片视频使用一个巨大的全宽搜索建议下拉列表,提供查询建议,但也链接到:

考虑一下,这种复杂的搜索建议下拉列表是否会对您的用户有所帮助,或者是一种让人困惑的滥用。如果您决定采用这种方法,那么您的建议下拉列表应该组织得很好,并贴上标签。用户应该能够轻松地扫描和理解所有呈现的信息。

尤其是,在下拉列表中提供相关产品的链接对于那些知道自己在寻找什么的人来说是一个很好的捷径。然而,我们发现,我们研究的参与者很少从丰富的建议中选择特定的项目。相反,大多数用户更喜欢看到完整的结果列表,因为他们可以浏览和比较。

如果决定使用丰富的搜索建议,请使用自适应方法简化移动设备的功能。在较小的设备上,只需提供简单的文本搜索建议。

在搜索建议中优先考虑浏览性和易处理性。请记住,他们的主要目的是让您的用户尽可能容易地表达他们的信息需求和看到有用的结果。

https://www.nngroup.com/articles/site-search-suggestions/




简述一个数据库应用系统的建立过程
1.需求分析:了解用户的数据需求、处理需求、安全和完整性需求。2.概念设计:通过数据抽象,设计系统的概念模型,一般为e-r模型。3.逻辑结构设计:设计系统的模式和外部模式,特别是关系模型的基本表和视图。4.物理结构设计:设计数据的存储结构和访问方法,如索引的设计。5.系统实现:组织数据存储,...

索膜结构设计理念
索膜结构的设计理念独特,它以拉索共同构建起复杂的体系。在阳光的照耀下,建筑内部的膜覆盖使得自然光得以漫射,避免了强烈光线与暗影的强烈对比,营造出开阔和谐的室内视觉环境。夜晚,灯光透过膜屋盖,为天空增添梦幻般的光影效果,赋予建筑独特的识别度。这种结构特别适用于建设具有地标性意义的建筑,如...

伊诺维绅沙发星星索儿童家具设计原则
儿童居室家具摆放要平稳坚固,玻璃等易碎物品应放在儿童够不着的地方,近地面电源插座要隐蔽好,防止触电。儿童居室的色彩应丰富多彩,活泼新鲜,简洁明快,具有童话式的意境,让儿童在自己的小天地里自由地学习生活。家具要少而精,合理巧妙地利用室内空间。最好是多功能、组合式的。家具应尽量靠墙壁摆放...

索八实用性,索八安全性,索八设计?
索纳塔八天生拥有一副好身段,索八配置10安全气囊,提供给全方位的保护,特殊设计的中网造型和犀利的腰线,使总体看上去很霸气的感觉,围绕“Fluidic Sculpture”流体雕塑设计而来。LED、卤素灯和荧光管,黑暗降临之后会比较有特色。采用的是同级别车型罕有的18寸轮毂,而类似于花瓣状的造型更增加了其时尚感...

如果让你来处理索道的技术问题,请问索道设计的绷直还是松驰一些?_百度...
应让它稍微松弛些,据分力和合力的大小关系,分力之间的夹角越大(索道绷直),索道所受拉力越大,索道就容易损坏,此处缆车的对索道的拉力大小等于其重力是一定的,如果索道绷直则两分力夹角很大,相当于我们两个大人拉紧一条绳子,一个小孩可以很容易在中间一拉就会弯折一样。如果小孩子拉力一定,则...

设计中的索引是什么意思
索引是数据库中重要的组成部分之一,其作用是加快数据的查找速度。当我们需要在数据库中查找某一项数据时,如果没有索引,系统需要从头开始扫描整个数据表,查找所需要的数据,这样会浪费很多时间和资源。而有了索引,系统能够根据索引快速定位目标数据所在的位置,从而加快检索速度。设计中的索引也是编写高效...

北京现代索9全款多少钱
为夜晚驾驶增添了时尚气息。整体来看,北京现代索9凭借其设计和配置的精心雕琢,无疑是一款极具吸引力的车型。对于具体的全款价格信息,建议您直接咨询当地的北京现代授权经销商,他们可以提供最准确和最新的价格信息。此外,北京现代的官方网站也是获取官方价格和政策的好去处,确保您获取一手的购车资讯。

索八2.0怎么样
1. 优质的车身设计 索八2.0的车身设计采用全新的外观样式,其线条流畅,造型时尚活泼,并具备良好的空气动力学性能,能够有效减少空气阻力,给车友们带来更好的驾乘体验。2. 功能丰富的驾驶设备 索八2.0搭载了多种有用的驾驶设备,使车友们能够在驾驶过程中,更加便捷的操控车辆,比如它配备的无线遥控...

UI设计师如何有效的跨团队、多角色沟通?
说明:明确易读的设计说明文档 功能:产品设计说明、开发指导手册、阶段性交付走查依据 使用场景:跨团队沟通中,便于开发人员准确高效的理解设计意图;适合外部合作时模块化开发与阶段性交付,便于交付及走查。 使用要点: 根据信息构架拆分产品模块,分别设立索引,提供产品概览,串联各功能详情页。 在索引和详情页之间由超链接...

设计数据库中的索引有什么作用?
设计数据库中的索引可以大大提高系统的性能:1、通过创建唯一性索引,可以保证数据库表中每一行数据的唯一性。2、可以大大加快数据的检索速度,这也是创建索引的最主要的原因。3、可以加速表和表之间的连接,特别是在实现数据的参考完整性方面特别有意义。4、在使用分组和排序 子句进行数据检索时,同样可以...

掇刀区19898646564: ios12系统新功能怎么设置 -
僪例盐酸: iOS 12中的15个新功能.1.自动密码管理器 设置简单密码或重复使用的密码是别人破坏您账户的最快最容易的方式.iOS 12将帮助用户避免这种情况.该更新将包括一个可以自动创建和存储强密码的旧式密码管理器.该系统还可以标记已被重...

掇刀区19898646564: 网站设计中搜索框的设计技巧有哪些 -
僪例盐酸: 设计精美的网站当然很吸引人,但如果你的网站设计精美,内容上乘,就是不明白网站为何没达到运营预期目标,问题可能就出在搜素框这一元素的运用之上.本文指出了设计者必须避免的错误,并分享了一些搜索框设计技巧,希望在优化网站...

掇刀区19898646564: 网站建设中提升网站实用性的方法有哪些 -
僪例盐酸: 方法一,搜索用户的意见 搜索用户的意见一般企业都会采取问卷调查的方式来获得,如针对目标用户进行小型的问卷调查,收集用户提出的问题、对网站的建议和一些反馈意见等信息.然后对这些信息进行分析整理,并在网站建设时将这些信息...

掇刀区19898646564: 如何关闭小程序的搜索建议功能 -
僪例盐酸: 要关闭微信小程序的搜索建议,可以在微信的设置中找到“通用”选项,然后进入“发现页管理”,在此处可以关闭小程序的搜索建议功能.微信小程序是微信内的一种轻量级应用,用户无需下载安装即可使用,非常方便.然而,有时候小程序...

掇刀区19898646564: 我想做一个简单的搜索功能,用php代码写?求助php高手怎么写?我已经有数据库可,不会 -
僪例盐酸: 最简单的是用SQL的where like '% '的 select * from table where number like '2%' 类似这样的.它会把字段number以2开头的都找出来.select * from table_name where content like '%搜索的字%' 把content字段内包含"搜索的字"的内容都找出来.这是最简单的.但也是最耗资源的.数据量不到可以这样.如果数据量大,或者环境资源不够导致运行效率低,就要重新设计数据库和优化索引,以及重新设计搜索程序.这个就看实际情况来解决了.

掇刀区19898646564: 兼容模式下使用Edge内核(仅支持window 10系统) 有什么用? -
僪例盐酸: IE浏览器的升级版. Edge是微软用以取代IE浏览器的新一代浏览器,是把内核重新开发的完全不同于IE浏览器的浏览器,但是以前有很多web应用是针对IE浏览器开发的,最简单的例子,不同的浏览器内核实现同样的动态效果的代码以及CSS的属性设置是不同的,因此以兼容模式运行edge为的是能让以前针对IE浏览器开发的web应用能在现在的Edge浏览器上正常运行

掇刀区19898646564: IE9新增了哪些功能? -
僪例盐酸: 简洁的设计打开 Internet Explorer 9 时首先注意到的是紧凑的用户界面.大多数命令栏功能,如“打印”或“缩放”,现在都可以通过单击“工具”按钮访问,单击“收藏夹”按钮时会显示您的收藏夹.此外,Internet Explorer 还为您提供了需...

掇刀区19898646564: 建设一个营销型企业网站的主要步骤 -
僪例盐酸: 1、总体定位 主要解决网站究竟要达到什么目的?靠什么赚钱?网站的目标受众是谁,他们有什么特征?网站的核心优势是什么?只有先明确目的、方向、策略、风格,然后围绕策略规划网站,我们才能赢得客户,赢得商战!2、结构规划 网站...

掇刀区19898646564: 漫画·D的更新日志 -
僪例盐酸: 2.0.5.12 更新:1.*修复看图页在网速慢时会卡顿的问题2.*修复大量已收录的和潜在的BUG3.*全新构建和深度优化的[下载]与[下载所有(new)]体验4.*完成漫画目录列表与拉杆的同步5.*完成本地漫画目录列表与拉杆的同步6.*解决[本地漫画]目录...

掇刀区19898646564: 我想做个手机app,有好的创意吗? -
僪例盐酸: 1. 不要在没有流程图之就前开始设计或者画线框图即便一个简单的 APP 也要有一个思虑周全的流程图,以确保在 APP 有合乎逻辑的、合理的导航结构.另一点值得关注的是确保核心功能所在的屏幕位于上层而不是被埋没在多层导航元素之下...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网