it-swarm.cn

我真的需要登录按钮吗?

我们正在办公室中围绕正在为新的Web应用程序开发的登录页面进行讨论。 Web应用程序是基于Intranet的应用程序,主要供那些必须使用telnet应用程序作为日常工作的80%的用户使用。

我在Photoshop中创建了初始页面设计,我们对此进行了讨论并获得了所有人的认可。但是,现在我把它交给了其他开发人员之一来开始构建,他注意到页面上没有登录(或其他)按钮-它仅包含两个字段。一个用于用户名,另一个用于密码。在向我查询之后,我说这是有意的,因为我没有看到这种需要-多数人还是会按Enter键,因为这是他们在telnet应用程序中必须要做的。然后讨论开始了...

关于“如果没有按钮,他们将不知道该怎么办”和“他们将期望按钮并会在无法使用的页面上引起支持电话”方面提出了几点意见。甚至有人建议用户只是“坐在那里”而不知道该怎么做。

现在..我的问题是:用户真的需要登录按钮吗?

我真的很想了解最终用户能以何种百分比应对简单的登录页面,该页面要求他们在输入详细信息后按Enter键才能继续。重要的是要注意,屏幕上没有任何提示按Enter键-他们会在密码上方看到一个提示操作的工具提示,仅此而已!

(将移动用户排除在外-仅针对普通台式机和笔记本电脑用户:)

登录框的示例:

the screen

44
Sk93

归根结底,由于用户期望基于现有约定,因此不经过认真测试就走这条路可能不是一个好主意。

这是很重要的一点,因为我要从您的描述中删除的是,该描述未经测试,并且您是在用户理解的前提下设计了该UI的。这通常是一个坏主意:总是从听众那里获得反馈,尤其是当您尝试新事物时,以及尤其是在诸如登录之类的核心区域。

您需要考虑telnet参数,但也要了解您正在此处构建Web应用程序,并且很可能要处理用户对Web应用程序而不是telnet的期望。您的大脑在上下文之间转换:使用Web应用程序时,您希望单击要跟随它们的项目,而在桌面应用程序中,您可能希望双击。 识别用户使用的心理模型当他们使用您的Web应用程序而不是像telnet这样的不同空间时,这是设计用户界面的重要方面。

但是,出现了一些模式,这些模式开始与标准的“登录或注册”约定有所不同。这些中的每一个都面临着相同的挑战:用户期望什么,以及如何建立信任,期望和可发现性围绕这些新想法?例如,StackExchange使用单点登录,这会使不熟悉该模式的用户感到困惑。亚马逊(成功地)将注册和登录整合为一种形式,尽管这种模式在其他站点上的有效性还有待观察。

关键是,当您违反约定时,您将进入陌生领域,并且您需要意识到可能对人们产生的影响。如果您正在考虑这样做,建议您从您的直接环境中(例如办公室经理和马路对面的某人)获取一些“工厂中的台式机和笔记本电脑用户”,并要求他们登录您会学到很多。您可能会知道您的最初假设是正确的。但是至少您将有数据证明它,而不仅仅是假设。 :-)


编辑:正如您在对程序员的问题的回答的评论中所提到的那样,“质疑约定的有效性”是一个很好的起点,但是您应确保对该问题的回答建立在数据中。任何人都可以质疑约定,但是约定由于某种原因已成为约定:它们是解决问题的有效方法。远离那些没有正当理由的人(在UI世界中有正当理由意味着拥有数据或某种形式的指标)通常弊大于利。

59
Rahul

在工作中,我们有一个员工开发系统,仅当您在Firefox中浏览时才显示登录按钮。每次上课时,我们的服务台都会收到无法登录人员的呼叫。每个呼叫都与他们看不到登录按钮有关。现在,我们必须竭尽全力告诉用户他们必须按Enter键才能登录。

您的用户可能更精通计算机,但是我猜想,如果您不按此按钮,将会有很多支持电话。

31
LoganGoesPlaces

我非常喜欢Rahul的回应,但我会加2美分。由于对其默认功能的不确定性,我非常犹豫在任何Web窗体上使用Enter键。我不确定该怎么办!有些人对开发工作不那么谨慎,他们没有正确地为表单指定默认按钮,从而使do按下Enter的用户不习惯。

结果,我已经训练自己打Tab,然后打Spacebar,希望密码框之后的下一个控件是“登录”按钮(或者可能是“保存密码”)。复选框),因为空格键实际上与在按钮上单击鼠标相同,而不必花时间从键盘上抬起我的手并将鼠标放在UI元素上。

我想重点是包含一个按钮,但请确保它是表单的默认操作and正确设置为在密码框之后的制表符顺序中位于其次。这样,您可以同时满足两组用户。

16
Matt DiTrolio

如果您有任何盲人用户,期望将是某种形式的按钮。否则,除非您以某种方式检测到屏幕阅读器并允许使用按钮,否则将不会指示如何登录。

12
Stefan Kendall

您是否考虑过没有物理键盘的用户?使用iPad或带触摸屏的电话的人?

11
Tommy Carlier

让用户保存其登录信息的选项如何?省略登录按钮是否仍然合理?这样,作为用户,我必须将手从鼠标移到键盘上进行登录,然后再次回到鼠标以进一步与应用程序进行交互。

所以我想说:是的,你需要一个。

6
JochemKempe

当涉及到每个其他Web应用程序中存在的元素时,您可以尝试查找模式资源并查看其内容: http://www.welie.com/patterns/showPattern.php?patternID=登录

“用户可以使用TAB键从用户名字段转到密码字段,然后按Enter,而不是选择“登录”按钮。”.

通常,操作是通过按钮/链接来表示的,而其他键盘交互是次要的,被视为“高级”用户。

如果您担心可用性/可访问性的原因,那么还应该有一个按钮:这样,用户只能通过鼠标/定点设备(复制/粘贴条目|按下按钮)或仅通过键盘与表单交互。

当我第一次阅读您的问题时,我还是会谈到“搜索框”问题。 http://www.welie.com/patterns/showPattern.php?patternID=search 模式说它应该有一个按钮,但是随着时间的推移(生产用途),该按钮变成了放大镜图标/按钮在输入的右上角,然后前进到一个可识别的左对齐图标。随着趋势的发展(Google即搜即得),搜索按钮的使用越来越少(但仍然存在)。

“搜索”和“登录”之间有区别,首先是因为“登录”需要2个输入,因此,如果您尝试添加“登录”图标而不是按钮(就像“搜索”案例一样),则会在“输入”和“登录”位置添加第一次输入,最后一次输入,还是两者都输入?

作为开发人员,最明显的答案是在最后,因为每个用户都应该输入用户名,然后输入密码,然后按Enter。因此,在您的情况下,您在听Enter作为最后一个输入,但是如果用户在第一个输入(用户名一个)中按Enter,会发生什么情况?出于一致性的原因,您应该同时聆听两个输入,也因为在某些情况下,用户会发现自己输入了错误,然后切换回了用户名输入。

我认为您的用户类型将通过测试并成功登录,但是这种类型的表单并不适合所有人(您还提到了移动用户)。

登录表单示例: http://www.smileycat.com/design_elements/login_forms/

4
Ecaterina Moraru

首先,我是通过Twitter进入的,不是程序员,但具有一定的IT素养。

我很早就放弃了使用网站时退出“登录”按钮的有趣提议-我使用的大多数命令对我来说都很高兴。

几点要点:尽管我怀疑他们会发现Web表单比成人用户(尤其是那些不使用计算机(ZX/C64/BBC)成长的用户)更为直观,但学校的孩子测试很有趣。我知道我的一些朋友(至少)会花一些时间(至少)来思考缺少的按钮-这些人每天都在使用计算机进行工作,但只知道如何使用他们使用的应用程序。

鉴于该按钮不存在,在用户名字段上按Enter时,表单的动作是什么?或者,如果他们先输入密码并按Enter,会发生什么情况?您可能需要具有Tab操作的内容,直到两个字段都填写完毕。

只需锁定我的Windows PC(工作机,我别无选择),然后重新登录,密码字段“登录”按钮就不太明显并且没有标记。再次,我只是使用回车。

你去了,一个脾气暴躁的观点;)

4
PawnSacrifice

如果遇到这样的页面,我可能会认为该网站尚未完全加载,或者服务器端脚本中存在一些错误。为什么要冒险让用户离开站点呢?

另外,在测试中,您是否考虑过获得的成功率可能会高于该站点上线时的实际成功率?当人们感到自己正在接受测试时,他们可能期望克服某种挑战(例如缺少登录按钮),就好像这是某种智商测试一样。但是,如果他们在家中使用自己的Web浏览器,他们的思维方式可能会完全不同,并且会采取不同的行动(例如,他们不希望克服任何挑战,实际上可能期望完全相反)。希望该网站将竭尽所能容纳所有用户,并使其易于登录,因为该网站显然希望很多用户感到满意)。

基本上,除非您可以重现相同的确切条件(即不让受试者知道这是真实的情况),否则您的测试方案与实际用户所经历的情况(即您的受试者知道他们正在测试和/或测试某项东西)并非100%相似。测试),您可能会基于不正确的测试得出不正确的结论。

我不确定您如何进行测试,但是可能会影响测试质量的另一件事是,如果其他学生发现没有其他人有问题/疑问,并且他们能够正常登录。这可能会导致他们尝试其他操作(例如,按“返回”按钮),直到获得与同龄人相同的结果。因此,您可能还想隔离主题。

准确的测试可能是一项非常困难的任务,因为您必须确保除了要测试的变量之外,所有变量都完全相同。我花了很少的时间思考这个问题,就已经确定了另外两个可能影响测试准确性的变量。可能还有其他我没想到的。

3
Senseful

做一些可用性测试,找出用户的行为。我知道这是一个项目,但是如果重要,则足以进行测试。

3
Bryan

两者都做

有人按下Enter键后立即提交表单(并且两个字段均已填写),并且会有一个按钮供爱对象按下使用鼠标。

无论哪种方式,您的用户都很乐意做他们习惯的事情。

3
DefenestrationDay

我会说最好的事情是这样的:

mockup

下载bmml源 –使用 Balsamiq Mockups 创建的线框

您也可以在文本字段外做一个小箭头,就像完成了 在Windows 7登录屏幕上

您可能希望重新设置按钮的样式……也许将其融合到文本框中,直到将鼠标悬停在其上为止。

唯一的缺点是inside密码字段,如果密码太长,很难编辑。只要确保不要忽略这个!

2
Anonymous Penguin

最终,像其他答案一样,您需要询问观众是谁。尽管对学校孩子的测试很有趣,但实际上并不能为您提供足够的价值,无法说“我的测试证明了”。

如果要删除登录按钮,则需要进行以下操作:

  • 辅助功能问题
  • 用户的期望
  • 未来基于触摸的设备(Windows 7和平板电脑)

我亲自使用Flash Builder中的Web应用程序,作为概念证明的一部分,我们进行了可用性测试。作为设计师/开发人员,您不能低估某些用户的智能水平。根据经验,我总是会说给您的用户提供他们所期望的。仅在特殊情况下,您才应放弃已被广泛使用的约定。

如果用户花了几秒钟来确定下一步要做什么,则需要重新评估呈现用户界面的方式。

随着触摸屏技术的越来越广泛地应用,我看不到这种特殊的模式会很快改变。它可能会演变,但核心极有可能保持不变。

作为建议,我个人将保留登录按钮,并允许用户按Enter键继续,包括一个可以使用鼠标选项卡单击的登录按钮,并仅使用键盘选择登录按钮。

然后通过保留登录屏幕的标准设置来覆盖您的高级用户,可访问性规则和IT Illiterate用户。

附带说明-Rahul荣誉的极好的答案!

2
Michael Henley

关注的问题之一是确保不要因缺少按钮/设计更改而收到过多的支持电话,不要使用户感到困惑。

为了解决这个问题,我将添加以下消息

Press Enter key to login 

在密码字段正下方。

这将帮助用户(可能希望登录按钮单击以登录)知道他们可以在阅读消息后按Enter键登录。第一次对他们来说可能很尴尬,但是至少他们不会感到困惑并寻求支持,并且下次他们访问该网站时,他们将知道该怎么做。

高级用户的眼睛将忽略该消息,因为他们已经在使用Enter键登录。

2
N30

没有按钮的解决方案不允许用户在锁定密码之前进行5次登录尝试。

因此,您的系统容易受到蛮力攻击,因为黑客可以无限次尝试猜测密码?

您可以在登录中添加逻辑以防止此类黑客入侵,但这是您需要考虑的事情。

2
Techboy

我不知道这有多放心,但是对此我很感兴趣,我设置了一个页面,就像您的屏幕截图,然后请我的妻子尝试一下。

她确实设法无需登录就可以正常登录,但我确实注意到,输入密码后,她选择使用鼠标并开始寻找按钮。只有在找不到它的时候,她才暂停片刻,然后尝试按回车键,让她进去。

在问她对此有何想法时,她首先说还可以,而且很正常,但是在问她对丢失的按钮有什么看法之后,她的确说她有点困惑,但她认为如果按回车键,可能会移到下一个屏幕,就像您要在Word中创建新页面时一样。

我不确定她的意思,但结果是她设法摆脱了困境,尽管她确实花了一点时间寻找按钮。

2
Rodger

我已经在软件中看到过类似类型的方法,它们不需要输入即可验证凭据。输入您的凭据并停止输入后,它们会立即检查所述凭据的有效性。

如果您的凭据错误,它会自动引发一条非常明显的错误消息,让您知道出了什么问题,您只需重新输入或尝试新的凭据,然后重复该过程,直到成功登录为止。

2
Matt Warner

出于多种原因,我会说您确实需要一个登录按钮:

  1. 当您在最后一个字段中输入完数据后,我使用的大多数应用程序会将焦点返回到第一个字段。现在,这很可能是已被较新的首选项所取代的旧做法,但我当然希望它表现出来。

  2. 假设您的应用程序将具有其他形式,则它们可能会比登录表单更为复杂,并且需要存在“提交”按钮,这实际上就是您的登录按钮的全部。鉴于这些表单将需要按钮,因此在所有表单上都具有按钮是很有意义的,以避免造成混淆。

  3. 并非每个浏览器都以相同的方式对待ENTER键。同样,这很可能是一个古老的问题,但是我记得在只有一个字段时,ENTER键的行为存在问题。在某些浏览器中,它与“提交”相同,在其他浏览器中,仍需要单击“提交”按钮。他们的重点是,它不受您的应用程序控制,而是由浏览器控制。因此,我很久以前就学会了从不承担有关ENTER键的任何事情,并且始终依靠SUBMIT。再说一次,这可能不再是问题,但我坚持这一原则从未遇到过问题,因此我认为没有理由进行更改。

1
Relaxing In Cyprus

对于我们内部使用的Web应用程序,我们使用了自动登录功能。

用户只需输入地址或单击浏览器的收藏夹/书签,它们就会被自动识别并允许。我们是怎么做到的,由于我是本地图形设计师,所以我不确定。

这可能是作为管理员的一部分完成的,它为已知员工创建了配置文件,安全性和权限?可能是因为他们的IP?

就像通常会进入应用程序来检查设计的人一样,很高兴不必每次都登录。

再说一次,我是一名设计师,所以可能有很多事情我没有考虑,但是对于内部应用程序中的知名员工而言,这真是太好了。

1
Tomas

我认为答案是脚本。如果用户未在预定的时间内按Enter键,则通知他们必须按Enter键才能登录,因为很可能他们尚未弄清密码。对于少数禁用了脚本的人,您可以通过多种方式检测到该情况并为他们提供一个按钮。

0
Ponkadoodle