it-swarm.cn

您是否需要带有搜索框的搜索按钮?

在带有搜索框的网站上,您应该添加一个可以点击的按钮,还是用户会理解该网站上的搜索框?

目标人群不是很熟练,例如40-60岁的女性。

80
googletorp

是的,非技术人员绝对需要它。 Google在其首页上对此进行了试验,并保留了该按钮。人们期望点击某些东西,而用户界面始终是为了满足人们的期望。

HTML5规范中已解决此问题。曾经<input type="search" />被采用,明确的搜索按钮将进入历史记录。

73
lubos hasko

我们在StackOverflow上进行了相同的讨论 。这是 最能涵盖整个讨论的答案

为什么要有一个按钮:

  • 并非所有人都知道他们可以按Enter键,因此您会在寒冷中留下一些不那么精明的人。
  • 某些设备(例如电话和控制台)可能没有按钮就无法提交。基于PC的浏览器仍然占主导地位,但不要以为这是人们访问您网站的唯一方法。

如果(必须同时满足两个条件),您可能没有按钮:

  • 您的听众精通技术(如SO)
  • 您提供视觉提示,表明搜索框实际上是搜索框

    1. 通过在其中添加文字来提及,该文字应用于搜索
    2. 通过在框内添加图标

通常,我认为按Enter键是提交的捷径,而不是主要手段。

27
mbillard

一种替代方法是 实时/连续搜索 :每按一次按钮,立即更新搜索结果。除了提高效率外,它还可以帮助解决诸如用户输入比所需更多的搜索参数,用户不注意查找按钮,用户输入错误以及不知道搜索结果为何为空等可用性问题。 1个

当然,从技术上讲,连续搜索比简单的搜索形式要复杂得多。在Web环境中,需要Ajax/Comet,并且服务器端搜索必须快速。但是,如果搜索是一个中心功能,则可以通过提高可用性来轻松证明实现复杂性。

无论您做什么,进行可用性测试始终是一个好主意,以了解用户是否会使用该系统,然后根据需要进行改进。

1个 Soren Lauesen,用户界面设计:软件工程的观点,2005;第286页

13
Esko Luontola

只是扮演恶魔的拥护者...

我完全同意上述答复;至少从UX的角度来看,我通常看不到not没有按钮的任何优点。出现此按钮可以满足用户的期望,并且经常是支持不精通技术的个人的绝对要求。

但是我觉得考虑一下按钮的存在很重要,如果不正确地使用它会导致问题。

不久前,我为一个电子商务网站运行了可用性测试项目,“搜索”按钮引起了一个非常讨厌的可用性问题。由于按钮在设计中非常突出,特别是与文本输入字段本身(定义不明确)形成鲜明对比的情况下,许多用户在“搜索”按钮被假定为打开或显示的前提下单击该按钮。反对发起网站搜索。

结果,许多用户最终看到“(null)找到0个结果”页面,并且感到非常困惑。最后,我们通过使文本字段更加突出,淡化了按钮并将术语更改为“搜索”而不是“搜索”来纠正此问题。由于按钮的原因,防止了这种混淆和混淆。在搜索字段中包含一个按钮的决定可能是正确的选择,只需确保从设计角度考虑了该按钮,否则最终弊大于利。

12
Chris Myhill

在开始之前,让我先解决这个问题。最初提出的问题除了以下方面的某些排列之外,还不能完全解决:

这要视情况而定,但是包容性的好处多于没有。

到目前为止提供的每个答案都提出了可以归结为相同答案的重要论点。

  1. 当前情况的最新摘要:

在90年代,完全需要搜索按钮。

所有搜索功能都通过简单的表单发布执行。 “搜索”按钮是提交表单所必需的。根据表单的提交操作返回结果。实际上,它不是“搜索按钮”,通常是“执行”或“输入”按钮。常见模式如下:标签/输入/按钮

mockup

如果有其他选择,开发人员很少意识到它们。用户可以根据其明显的承受能力迅速了解该模式。

为了简单起见,出现了一种将标签和按钮组合为一个元素的新模式,并且搜索按钮诞生了:

mockup

三个要素减少到两个。而且该模式变得更易于理解,并且更加牢固地扎根于用户技能集。

Web 2.0出现在后泡沫时代。 JavaScript出现了处理客户端交互和异步调用的过程。

我们今天看到的一系列新的搜索/表单输入模式就是结果。有些功能(例如自动完成功能和过滤功能)根本不需要按钮。内联表单条目是搜索的“保存/取消”版本。这些模式中的大多数都使用键盘命令“ enter”作为事实上的提交搜索结果的方式,而无需单击“搜索”,“进入”,“输入”,“保存”等。

这些新模式需要用户花费大量时间来理解。但是我认为,随着人们使用互联网已有二十年的时间,搜索和表单提交的普遍性,我可以肯定地说,大多数人都知道“输入”。进行非正式调查,您将看到相同的结果。我做到了,与我交谈的每个人都知道这一点。

  1. 搜索按钮还在2012年必要吗?

是。让我们看一下大规模的正在进行的用户测试实验室,即Facebook。他们拿走了评论上的回车按钮,几乎立即用一个疯狂的复选框将其返回,以教人们在用户抱怨时使用回车。即使只有10%,这也意味着9000万人。

我认为搜索按钮在当今的在线环境中几乎没有关联,但是在某种程度上仍然是并且将始终是必要的。因此,最终答案是:

这要视情况而定,但是包容性的好处多于没有。

8
Itumac

2012赏金问答

有趣的问题和答案。 UX/UI约定的开发非常有趣...对我而言,这就像在我们眼前看着语言的发展(:

我会争辩说,使用搜索按钮is值得在您的特定上下文中进行A/B测试。与上述某些观点不同,我确实认为,如此微小的问题is值得深入研究。这是人们访问您网站上信息的一种关键方式。

替代地(或可能另外),可以相当便宜地进行未经审核的远程可用性测试(我正在认真阅读Nate Bolt的出色著作 book )。这可能会给您提供更多的见解,以了解人们为什么会感到困惑。

我对搜索的总体印象是,围绕搜索的约定在2012年肯定会发生变化。

我刚刚切换到Safari的较新版本,而Google搜索现在已内置在地址栏中,即可以将搜索字词或URL放在同一位置。对于我来说这绝对是新事物,对于前几次使用,我一直在搜索google搜索框。但是现在经过几个小时的使用,感觉完全直观了。

enter image description here

同样,键盘在移动搜索中根据所需数据类型的变化方式也是一种支持搜索的新方法,这种方法最初让我感到困惑……也就是说,为什么我不能在此处键入文本(哦,这是电话号码搜索) )。

同样,在Google搜索中,高级用户可以使用各种搜索字词来集中搜索。

惯例很可能会根据搜索框在页面上的放置位置而改变。在页面顶部,您可能希望仅按Enter键,而如果搜索是作为页面内容的一部分显示的,则用户期望应该有一个按钮。但这只是我的假设。

测试测试测试...必须是答案!我们真的没有其他方法可以确定我们这个快速起步的技术世界中正在发生的事情(:

4
Lisa Tweedie

为了回应悬赏,2012年的情况没有太大变化,因为没有任何变化。但是,在某些特殊情况下,可能会省略搜索按钮:

  • 在iOS应用程序上,如果“ Enter”键的操作切换为“ Search”
  • 如果界面默认情况下显示所有选项的列表,而用户只需在搜索框中输入内容即可将其过滤掉。
  • 如果您自己的研究表明您的用户不会因长期丢失而感到沮丧。

重要的是,您对用户的想法不予计数的信念,您必须实际进行研究并测量挫败感(通常是通过使用红外摄像头,血压,脉搏或皮肤电来测量他们的瞳孔来完成的) ...请注意,测量方法实际上可能会使它们感到沮丧)。如果您无法使用此类设备,则大学,大型UX商店,大型营销公司都可以使用,他们会收费提供使用。

其背后的原因是搜索是一种单一的方法,该方法具有关闭操作。此操作必须具有affordance:用户应该期望界面以某些方式表现,或者通过一大堆以这种方式工作或在界面上具有视觉线索(或可见性)的软件。

并非完全不可能,没有用户,他们expect如果输入框已完全舍入,并且在其中输入了“搜索”作为默认占位符,则可以通过按回车键来工作关键,但是它们代表了您的应用程序的人口统计,如果没有广泛(且昂贵)的研究,就无法确定。

有数百万人从未使用过Safari或Firefox中的搜索字段,甚至更多的人从未在URL栏中输入任何内容,而是在搜索引擎(例如Google)中键入网址(每个浏览器的默认首页),如果他们直到2010年才开始学习它,那么他们在过去的两年中就不会习惯了。

一种节省空间的解决方案是,在搜索输入框的左侧边缘的框内放一个小放大镜,使其可单击。这样,就不会从更重要的功能中获取空间,但是对“ Enter”或“ Instant Search”的有效性没有期望的用户可以单击一下。

(虽然“即时搜索”可能是一个好主意,但实际上它并没有改变人们的搜索方式,而且可以辩论,为什么没有这样做。就我个人而言,我仍然出于回击而按下Enter键,所以我的朋友问我)

编辑(关于下面的对话)

此“假设”列表基于以下背景材料:

  • Normann的日常事物的设计,即他关于可见性映射,学习行为的模型(输入搜索词后单击“输入”是一种学习行为,因为界面上没有任何暗示)
  • GOMS模型,在Raskin的The Humane Interface中可以找到一种很好的方法

我确定我也可以引用克鲁格的不要让我思考(不要费心阅读全文)或 Nielsen

但是,所有这些都是旧研究。 (好吧,除了我在评论中的Google即搜即得声明外,还进行了英语测试)

因此,问题改写为:什么会使这些研究在2010-2012年间过时?

答案要复杂一些。

我主要只有模型,但是这些模型很不错。

一个问题是“人们如何养成习惯”和“人们如何记住使用习惯”,对此问题的答案可以在Weinschenk的每位设计者都需要了解的100件事关于人的知识中找到,她在这里解释有关此类学习的当代知识。

在那儿,我们可以清楚地看到它写成:人们学习新事物,如果他们需要他们达到目标,并且他们养成习惯,如果他们必须经常这样做。例如,我从来没学过五指打字,因为我也以这种方式打字足够快)

因此,我们的问题是:是否有任何应用程序在目标群体中获得了主流的普及,从而迫使人们失去了学习搜索按钮并单击它的习惯,而是使用回车了吗?

我不知道,我不知道确切的目标群体,但我想答案是否定的。

但是我们的目标群体也移动了。这个问题的目标人群是40-60岁之间的人,现在他们在42-62岁之间。

我们知道,人们的学习能力在40-45岁之间急剧下降。我读过的这些研究最初是用俄语撰写的,并且是在80年代写的,当时并不是习惯将它们翻译成英语。

这实际上是一条S形曲线,但已经45岁以上的人不太可能学会新的“肌肉反射”习惯,特别是如果到目前为止,他们对如何使用计算机的知识已经很好地为他们服务。

互联网人口 在2010年至2012年之间增长了约10% 。目标年龄组(至少在美国)的 2008年至2010年之间有很大增长 ,我们也有 2012年的数据

我们不应该与50岁以上的人打交道(根据俄罗斯的研究),所以问题是,习惯变化会导致30-49岁之间最多增加10%的人。

但是我想我应该把这个练习留给读者。我的基本假设是,如果诺曼的模型是正确的,并且如果所有引用的研究都是正确的,那么那些不必学习此方法的人就会在两年内没有学到它,目标群体在两年内移动得并不多,以至于大多数人都没有了,因此不会出现重大变化。

老实说,我看到过80s的UI开发人员期望人们学习soon的事情,它们的可见性和映射问题都很差,而且从未发生过。这包括确认对话框,键盘快捷键,修饰键。诺曼(Norman)和拉斯金(Raskin)的书里都装满了它,我敢肯定,找到它的尼尔森咆哮也不会花费太多。

这并不是说两年没有什么变化:人类没有变化。

3
Aadaam

除非问题更具体,否则不可能给出简单的答案。如果搜索产生少量结果,则可能(但不一定)它将允许实时搜索和结果界面。随着每个击键结果的更新,可能不需要搜索按钮。

这是在寻找什么?它是在数据库索引(例如Web索引)中搜索文本,在图像库中搜索等吗?在决定排除搜索按钮之前,应认真考虑特定的上下文。我已经看到太多的新老一代界面设计人员陷入了完全被先入为主的盲目经历的设计陷阱。

另行说明。当出现搜索按钮时,它可以帮助用户在精神上与促使搜索的行动联系起来。除了思维和动作的联系之外,搜索按钮是一个有价值的界面元素,可提供有关搜索进度的提示。可以禁用该按钮以显示正在进行搜索,如果搜索通常需要几秒钟或更长时间,则界面可以显示进度条。如果没有像按搜索按钮这样清晰明确的时间参考,这些优惠就行不通了。仅凭这种方式使用Enter键而不使用按钮的效果远不及此。

在事物的纯粹视觉方面,该按钮还暗示搜索字段并非完全是其他内容。因此,搜索按钮间接将您的文本输入元素标记为搜索字段。一些设备(例如图像图标)可以帮助提供此类提示,但是简单的按钮可以明确地做到这一点,而无需设计其他提示。

2
Chris

基于2012年的赏金来回答。这里已经有一些不错的答案,但是我想提出一点不同的观点:讨论主要是关于用户是否需要按钮才能成功使用搜索。但是我相信我们还应该考虑用户采取该操作之前会发生什么。

他们如何找到您的搜索? 搜索按钮可以用作指示器。在忙碌的页面上,或者如果您的搜索元素位于非标准位置(即不在右上角),则进行视觉扫描以查找操作可能很困难。

当然,拥有强大指标的重要性取决于您网站的意图,设计和受众。搜索对于Stackoverflow(或UX)至关重要,但是它的受众很精明,该设计将搜索置于标准位置,并且与背景形成鲜明对比。如果您的受众不那么精明和/或搜索是网站使用的关键途径,那么您可能要考虑保留它。

为了选择超级棒的Stackexchange,我正在看他们的 英语语言站点 。这是搜索界面:

enter image description here

我很容易使用,对他们的网站套件非常熟悉。但是,来这里寻求语法帮助的老用户呢?搜索按钮可以使其更清晰。尽管我认为将搜索背景设为白色将是最有帮助的。

2
Voodoo

我总是会在可用性方面犯错误,即使对于技术受众也是如此。对于非技术人员,将其包含进来可能更为重要,因为他们可能不知道您可以直接按Enter提交表单。可以设置按钮样式以匹配布局,因此我会保留它。

1
Virtuosi Media

对于您的特定受众而言,唯一可以确定的方法是运行A/B测试-向一半的用户显示一个带有搜索按钮的文本框,向另一半的用户显示没有搜索按钮的文本框,看看行为是否有所不同。

开始之前,请务必阅读有关如何进行有效的A/B测试的信息。

或者,如果您不在乎,也不希望真正找出所有麻烦,只需将按钮保留在那里。

1
Nir

在语义上,使用提交按钮来提交表单。就像Esko Luontola提到的那样,如果搜索是通过彗星服务器不断更新的,则可以跳过此按钮,因为这实际上并不是在“提交”表单。

但是,如果执行搜索需要提交表单并且页面被重定向或重新加载,那么可以,我认为您绝对应该有一个搜索按钮,因为这正是提交按钮的意图。

1
Carson Myers

因此,您应该始终有一个搜索按钮。

当您键入搜索词并按Enter键时,就可以了。

但是,当您键入术语时,执行其他操作然后返回页面(也许打了电话或进行其他操作),或者在浏览器中单击回来,然后您就想知道如何在没有按钮的情况下执行搜索。

1
JamesRyan

我有一个复杂的搜索表单,主要由下拉列表组成,只要表单输入的值发生更改(使用jQuery),这些下拉列表就会自动提交。效果很好,但是没有<input type="submit" />按钮存在,在某些浏览器中按Enter键时,表单将拒绝提交,直到输入内容模糊为止。

通过在表单内放置CSS隐藏的Submit按钮来解决此问题。
在这种情况下,即使隐藏了提交按钮,也解决了可用性问题。

如果您打算摆脱搜索按钮,请确保将搜索字段明确标记为“搜索”,并使用某种标签(最好是内联式,如SO)来引导用户。

用户永远不必思考“我如何搜索?”

1
Petrus Theron

我从未进行过从搜索字段中删除“提交”按钮的实验,但是我以类似结构的形式进行了实验。以下内容也应适用于搜索。

很久以前,在我的网站上,我有一个文本字段和一个用于提交评论的按钮。我删除了Submit按钮,因为我认为指向并单击该按钮会浪费用户的时间。因此,我想通过按Enter键来促进评论的提交。我收集了有关此更改的统计信息,但提交的评论数量没有减少。这似乎暗示着,如果没有按钮,人们自然会尝试下一个最好的方法-按Enter键-提交评论。他们还应该做什么?放弃?没有!

1
JoJo

这个问题有多个答案。

主要决策者是:1.空间,2.受众

当您拥有一个网站时用户登陆时所显示的内容较少的网站(例如使用您产品网站的目标网页)时,您可以自由使用搜索框和搜索按钮。但是,当您拥有一个在页面上散布大量信息的网站时,您不希望它使用搜索按钮添加到混乱的地方。

而且,正如其他人指出的那样,听众很重要。

但是,这里要问的是几个问题:搜索按钮是否必要?这不是很明显吗?不能避免吗?这不是多余的吗?

我认为在搜索框中提及“在这里搜索内容”是一种不错的方法。您可以在一侧用放大镜装扮它,以给人以感觉。

1
Birupakhya Dash