你有没有想过为何要隐藏密码或显示密码?

有数据表明大概82%的用户都有过忘记密码的经历。而密码重置更是成为企业内部服务台最常受理的请求。另外,如果用户在登录一个电子商务网站时却发现不得不找回密码(忘记密码了),75%的用户可能就不会完成接下来的购买行为。换句话说,密码问题正在破坏用户的体验。该问题在小屏手机上尤为严重。

一、为何要显示密码

长久以来,密码都是一个为人诟病的可用性问题。由于对安全性的过度要求(对字符数、特殊符号等的限制),再加上在移动端上输入框本身也不便使用,使得输入密码这件事经常让用户倍感挫败。

有数据表明大概82%的用户都有过忘记密码的经历。而密码重置更是成为企业内部服务台最常受理的请求。另外,如果用户在登录一个电子商务网站时却发现不得不找回密码(忘记密码了),75%的用户可能就不会完成接下来的购买行为。换句话说,密码问题正在破坏用户的体验。该问题在小屏手机上尤为严重。

屏蔽密码使复杂的输入更加困难,同时也无助于提高安全性——尤其在你输入密码时,键盘上相应的输入字符被高亮显示时。这种视觉反馈所显示的密码字符甚至比大部分输入框里的字符还要大。所以事实上,隐藏密码字符的做法并没有在偷窥者面前起到很好的隐藏作用。如果你确实怀疑有偷窥者盯着你的屏幕,把你的手机移出他们的视野之外不就结了。

二、隐藏/显示密码

出于对包括上述原因在内的诸多原因的考虑,我们最终选择在Polar的登录页将密码显示为明文,并在密码框右侧显示一个隐藏选项以防用户在需要的时候可以快速将明文密码切换为一个隐藏的字符串.

虽然我自认为我在做对的事情来提升用户在输入密码这件事上的易用性,用户也能够选择来隐藏密码,但我还是担心用户不吃这一套,无法接受将密码赤裸裸的显示出来,毕竟,在使用了多年隐藏密码的表单后,用户可能已经形成一种意识,那就是这种做法是安全的。

所以当我听到有人不光启动了那些使用明文密码的软件并无差错时,我是相当惊喜。Steven Hoober 曾向我们分享了他是如何面对Sprint的200万用户,抛弃隐藏密码的做法的——事实证明没有问题,效果很好。Mike Lee 也曾告诉我们Yahoo!是如何通过默认显示密码的做法实现两位数的用户增长率的,并且没有引发任何不安全问题。

很快我就意识到密码隐藏的做法实属墨守陈规,是一个很长时间内没有人去关注太多的固有模式。 我们都只是在设计产品的时候将这种做法当做既有的标准自然而然添加进去,可是现在,交易链断裂和可用性的问题都会越来越明显的随之而来(不得不引起我们的注意)。

三、解决方案

现在许多公司已经开始对隐藏密码这件事持反对的态度,并推出了几种不同的解决方案来解决这个问题。PayPal和Foursquare采用了一个类似于我们在Polar中用到的可以隐藏/显示密码的设置文本。

LinkedIn, Adobe, 和 Twitter 则使用一个眼睛形状的图标用于人们选择隐藏/显示密码。虽然这种视觉符号可能不如文本信息显而易见,但其可以避免开展全球性业务的企业在对文本信息进行本土翻译时造成长度上的不可控(不统一)。

Microsoft 采用的设计方案可能最为不可思议。在 Windows8 中,你必须按住眼睛形状的图标来显示出密码,一旦泥浆手指移出图标,密码会再次隐藏。简直太傻了!

Amazon 针对他们的登录页面已经做过几次迭代:由最初的不能看到密码,到可以通过一个明显的选项来显示出密码,再到默认为显示密码,但可以选择隐藏。

虽然每种解决方案都有或多或少的优缺点,但更重要的一点是包括Microsoft, Adobe, Twitter, LinkedIn, PayPal, Amazon等在内的一大批企业都已经意识到登录页面存在的这个密码问题,并陆续开始进行了重新设计。

四、设计体现在细节之中

事实上,很多公司现在都给了用户选择让他们能够看到密码。虽然这种做法不错,但并不就意味着所有产品都应该复制这种做法。我们应该首先搞明白究竟有什么原因要求我们必须隐藏密码,是不是还有更好的设计模式能弱化(解决)安全性问题。

所以,花时间找到正确的合适的解决方案是值得的。尤其是当你认为即使很小的设计细节也可以有很大的影响时。为了阐明这一点,不妨看看 Jack Holmes 做的一项研究,其分析了不再隐藏密码所带来的影响。

在该研究中,当一个电子商务网站的密码显示为明文时,60%的受访用户表示将质疑该网站,只有40%的用户表明这总做法提升了网站易用性。与此相比,当额外增加一个复选框用于标示显示密码的可控性时,100%的用户注意到了该设置并将显示明文密码视为网站的一个具有特性的功能。

从60%的质疑到增加复选框后100%的用户视其为易用性功能,我们可以看到高明的设计真的是体现在细节中,这也难怪Amazon在它的登录页面就使用了这种复选框。

五、Web Vs. Native

通过上述例子,我们知道很多公司现在已经允许用户在登录它们的App时看到密码。然而在Web端,还很少有公司采用这种做法。为何在使用(登录)同一款产品(服务)时,在其本地客户端中要比在浏览器(访问Web端)中要更容易些?

这就不得不又一次归结为安全性问题,尤其在以条件满足后:

你能够拿到我的设备;并能打开它;如果你使用我的设备导航到一个网站;这个网站刚好是浏览器自动保存过密码的;网站也允许你可以在登录页面看到明文密码;那么现在你就可以看到我的密码了;

在Web 端,在浏览器对密码的保存机制跟自动填充明文密码的机制的结合下,确实能带来不可忽略的安全性问题。一种可能降低这种风险的做法是当密码已经填充后(自动保存下次看到后)隐藏密码框,如果有人试图查看明文密码,那就清除密码强制用户重新输入密码。

不幸的是,这种做法可能带来的好处都不及其在设计和开发上的投入,它的更大意义在于让我们意识到这或许不单单是登录页面的密码框那么简单(是不是可以再往高处看)。

六、不单单是密码的问题

Amazon并没有从对其登录页面的迭代设计中停下来,在它们iOS的最新版本中,它们完全除去了输入密码的必要,而只需要在登录的时候用手指触摸设备home按键,使用Touch ID校验你的身份。

相比于Amazon,乘车服务商Uber则更向前迈了一步。你甚至不需要注册一个账号、输入密码、完成支付信息,你要做的只是将手指放置在home按键(Touch ID Sensor),通过指纹一键绑定用户身份。

虽然使用 Touch ID的这种做法仅适用于苹果最新的iOS设备,但也正是这种将所有繁琐步骤浓缩到一键触摸的设计思路为登录行为创建了一个新的标杆。如果给用户这种选择性,他们会如何登录或校验身份?通过填写包括隐藏的密码在内的冗长复杂的表单?还是简单的一件触摸?

如果按着这个角度看待这件事情,在未来,我们(企业)在登录表单和密码问题的处理方式上的演变方向将变得格外明朗。

本文转自d1net(转载)

时间: 2024-07-30 22:40:37

你有没有想过为何要隐藏密码或显示密码?的相关文章

WordPress用户登录框密码的隐藏与部分显示技巧_php技巧

让WordPress登录页的密码框显示最后一个输入的字符在通常情况下,网页的设计者们会将密码输入框中的所有字符隐藏成黑点,以防止有人在背后偷窥输入的密码,如: 这种密码输入模式虽然减少了被偷窥的危险,但是给我们的密码输入带来了很多麻烦,因为我们不知道到底输入了什么字符,所以经常导致输错密码的情况,浪费了很多时间. 可能你也已经注意到,现在智能手机的很多应用中,使用了这样一种密码框处理方式:对用户在密码框中输入的最后一个字符,会先让它显示2-3秒钟,然后再隐藏,这样可以让用户知道刚刚输入了什么字符

在Datagridview中添加了一列button列,想在某一行隐藏button该如何隐藏??

问题描述 在Datagridview中添加了一列button列,想在某一行隐藏button该如何隐藏?? 在Datagridview中添加了一列button列,想在某一行隐藏button该如何隐藏?? 是合计行也会有button 想把它去掉 怎么做比较好~~

excel怎隐藏不需要显示的区域?

  因工作需要,经常用到excel,今天学会了在excel里隐藏不需要显示的区域,给大家分享下,希望对大家有帮助喔! 1.首先选定需要隐藏不需要显示的区域,如图所示: 2.然后,按快捷键"ctrl+1",就会弹出单元格格式,如图所示: 3.再在单元格格式中选择"自定义",把类型"G/通用格式"改为";;;",如图所示: 4.最后,按"确定",想要隐藏的区域已经不见了,是不是很简单呢!         注:更

java编程中我想用显示密码把密码显示出来了然而登录却有错 求解 急用 (我想了一天实在没法了)

问题描述 java编程中我想用显示密码把密码显示出来了然而登录却有错 求解 急用 (我想了一天实在没法了) import javax.swing.*; import java.awt.*; import java.awt.event.*; public class weixin extends JFrame implements ActionListener { JPanel panmain; //面板 JLabel lblname,lblpassword,lblphoto; //标签 JLab

EXCEL怎么隐藏不需要显示的区域?

1.如下图所示我们作一个测试,先打开EXCEL,然后我们再选中隐藏不需要显示的区域. 2.然后我们按一下"ctrl+1"接着在弹出窗口我们点击"单元格格式"当然也可以在"格式"菜单下选择"单元格" 3.然后我们在进入到的"单元格格式"里面点击如图中分类中的"自定义"接着在右边输入";;;" 要是英文状态下输入. 4.然后你看表格是空的吧,但是我们点击选中时会看到公式栏

Win8任务栏自动隐藏后无法显示怎么办

  Win8任务栏自动隐藏后无法显示的解决方法如下: 默认情况下,Windows 8任务栏可以显示在屏幕的顶部.底部.左侧和右侧,如果隐藏条件下,仅需将鼠标移动到对应的方向的边缘,即可正常显示.如因某些因素导致无法显示任务栏,可以通过设置修改显示任务栏即可. 1.在Metro界面或Windows桌面处,按键盘"Win"+"X"组合热键调出左下角的隐藏快捷菜单,然后选择并单击"控制面板". 2.在弹出的控制面板窗口,在右侧的查看方式:类别的箭头处点

Word 2013文档中如何隐藏文字和显示隐藏文字

在Word2013文档中,用户可以将特定文字设置为隐藏文字进行简单保密.那么在Word2013中如何隐藏文字和显示隐藏文字呢?下面分别介绍一下具体的实现方法. 1.设置隐藏文字 用户可以在Word2013"字体"对话框中将特定文字内容设置为隐藏文字,操作步骤如下所述: 第1步:打开Word2013文档窗口,选中需要设置为隐藏文字的文字内容.然后在"开始"功能区的"字体"分组中单击"字体"按钮,如图2013041709所示. 图

swt-java中窗口隐藏与现显示,(子窗口回到父窗口)

问题描述 java中窗口隐藏与现显示,(子窗口回到父窗口) public static Shell shlIvmsv;//声明一个窗口管理器 创建一个窗口 J1 ...... ClientDemo.GetClientDemo().playMain();//创建另外一个窗口 J2 shlIvmsv.setVisible(false);//隐藏主界面 J1 ....... 然后我在 J2对应的程序中, ...... if(Main.shlIvmsv!=null){//显示PC主界面 Main.shl

部分截断-MFC 想对已有的Edit大号文字显示部分被截断是什么原因

问题描述 MFC 想对已有的Edit大号文字显示部分被截断是什么原因 HBRUSH CEditCtrl::OnCtlColor(CDC* pDC CWnd* pWnd UINT nCtlColor){ HBRUSH hbr = CWnd::OnCtlColor(pDC pWnd nCtlColor); if (pWnd == m_pEdit) { HBRUSH newHbr = CreateSolidBrush(GetSysColor(COLOR_BTNFACE)); pDC->SetTextC