简化密码设计的三个小秘籍

   用户体验,细节为王,今天推荐一篇看似简单却道理十足的文章,值得大家一起阅读并且深思,我们是否在一些地方因为惯性思维错过了提升产品体验的点 >>>

  感谢Ping++的@俞越 同学倾情相助,提供了译文的初版,虽然还是要逐句理解进行错译修正和校对,和以前相比,也大大缩短了翻译的时间。

  译者微信公众号“开卷有译”,欢迎关注唷。

  摘要:

  创建密码的体验总是不尽人意,设计师则可以通过如下三种方式来改进:事先告知密码要求、允许显示密码,显示密码强度。

  对大多数人而言,设置密码的体验已经20多年几乎没有任何变化了。这简直太不可思议了,你可以想想近年来科技发展是多么的迅速。想象一下1995年的手机,它的重量、天线、小小黑黑的显示屏;再想象一下现在的智能手机,配备了大大的触摸屏幕、高清相机、大容量的云储存,这是多么不同的体验。但是,当提到现在创建密码的体验,还是像1995年一样复杂。(当然在这个停滞的用户验证领域,还是有那么几个突破者,例如密码管理工具,用户可以通过它来随机生成一串字符用以加密和管理各种密码,当然还有用生物识别技术的 Touch ID。)

  我们肯定都体验过以下三种令人沮丧的情景。而通过预见挫折并时刻用我们的设计语言来重塑,我们就能避免这些沮丧的体验。

  显示密码要求

  设想你在一个购物网站上挑选好鞋子准备付款,完成你的初次购买体验时,你被要求必须创建一个密码。一个生硬的显示着“创建密码”的白色矩形框就展现在你面前。

  你像以往一样开始设置密码,输入hectorthecat然后继续,结果跳出一句错误提示:“密码必须包含一个大写字母”;于是你改成Hectorthecat,错误提示又说“密码必须包含一个数字”;Hectorthecat1——“密码必须包含一个特殊字符”;Hectorthecat1%!——“不能包含空格或者%,< >”;Hectorthecat123!!!——“密码不能包含升序或降序的连续字母或数字”(译者注:耐心棒棒哒…)

  于是你放弃,关掉网页,到别处购买。

  当一个系统在被使用前没有显示出要求时,用户就像玩一场规则被隐藏的游戏,既不好玩也不公平。

  解决方案:

  显示密码创建要求,确保用户在选中密码输入框时都能够看见。如果你能成功减少技术限制,你只需要显示更少的文字,更少的规则,对用户来说也会创建的更快。

  仅仅有密码创建要求的链接是不够的(绝大多数人不会注意到也不会点击展开)。密码创建要求应该在用户创建时保持时刻可见。(你考虑要把密码要求放到输入框里?千万不要这么做。)


  在这些例子里,密码要求是默认可见的。设计师会根据不同的网页采用不同的设计,但是每一个例子都能成功的在用户输入前传达约束条件。


  这些密码要求在用户激活密码输入框时显示:Firefox.com (top left), PayPal.com, Alibaba.com。

  显示明文密码

  在复杂的密码创建要求下,用户的密码必然也是很负责的,用户需要添加些字符、符号直到它有效。在这个时候,密码看起来并不是用户想象中的密码,而更像一串为了适应这个系统而生成的随机符号。更糟糕的是,这串符号对用户是隐藏的,因为绝大多数密码是*遮盖住的。如果想记住它,人们必须用短期记忆来承载这些信息,创建的同时增加了认知负担。

  遮盖输入字符的另一个缺点是使用户无法感知打字错误。这点在用户用移动设备或者平板电脑创建密码时尤为重要。不出所料,研究也显示用户当在小型设备上打字时会比在电脑上打字犯更多的错误。

  解决方案:

  允许用户输入时显示密码。显示密码能协助记忆,并让用户检查。在电脑上,可以默认隐藏密码,在旁边紧挨一个勾选框,写上“显示密码”。在移动设备或者平板电脑上,默认显示密码,并允许让用户用“隐藏显示”来切换。对于移动设备,因为用户可以轻易地用自己的身体来遮挡屏幕,我们对于隐私的处理也可以更宽容些。还有,用户也比较少在手机上创建与安全服务相关的账号。

计算机系统的设计">
  这些例子里,允许用户显示密码:Lan.com, Yahoo.com

  显示密码强度表

  强迫用户提供符合详细组合要求的密码就像是让他们去跳过马戏团的障碍圈一样。用户顺从了这个规则仅仅是因为网站强迫他们这样做了,但是他们往往却提供了一些容易被猜到的词作为密码。当用户创建安全密码仅仅是为了通过注册流程时,密码要求显然就不是创建出安全密码的必要条件。

  解决方案:

  通过显示安全程度,激励用户创建更好的密码

  由Egelman et al. 在2013年的一项研究显示,密码强度表能激励用户创建强度更好的密码。将密码强度以视觉方式呈现出来,让用户看到还有提升的空间,这足以改变用户创建密码的动力。这样做的好处是能得到一个更安全的密码,而不是仅仅让用户越过设置密码这个障碍。一个小小的动机上的转变对安全性的提高带来很大的影响。(另外,达成绿色的密码强度条,给这个无聊的任务增加了一些些趣味性,这也是游戏化设计的一个优秀案例。)一般来说,让用户看到获益是劝服用户使用产品或服务的一个有效方式,在网页中强烈推荐。


  密码强度表鼓励用户去创建更安全的密码:Lan.com (top), Booking.com (bottom).

  需要注意的是达成条件的进度指示与密码强度表并不完全一样。Apple.com 和 healthcare.gov 显示你已经符合多少条件,还剩下多少没有符合。一个轻微的变化就能够让用户在输入时更为主动。


  这些密码要求显示用户是否满足所有标准:AppleID.Apple.com, Healthcare.gov.

  总结

  如上推荐的三种让创建密码更容易的方法,都是在用户体验和界面层面,都不需要过多的技术支持就可以实现。另外我强烈建议企业内的可用性拥趸者去简化密码创建要求。可用性专家通常在提出这些安全相关的需求时就受到非常严格的限制。大家似乎都公认没有什么能做的,但实际上并非如此。(其实安全性和可用性的矛盾已经由来已久。)

  对IT和安全团队来说,根据研究,符合标准规范的复杂密码反而更容易受到攻击。举例来说,一项卡耐基梅隆大学的研究表明,“特定的密码组合(长密码)比传统的复杂规则强度更为安全”,同时需要重申的是那些创建复杂密码的用户,经常把密码储存在一些不安全的地方(写在便签上、放在抽屉里、压在键盘下,或是储存在电脑的某个文件里),这样反而更容易泄露出去。

  对产品及销售团队来说,他们再清楚不过的是,用户很容易就被登录墙和复杂密码要求挡在系统之外,导致转化率低下。如果吸引新用户是个重要指标的话,注册的流程越简单越好。

  通过在技术层面简化密码要求,业务层面增强用户体验,你一定能让你的用户更快更简单地创建出既安全又符合要求的密码。

时间: 2024-09-19 06:07:24

简化密码设计的三个小秘籍的相关文章

llustrator设计一个三面浮雕小方块绘制教程

给各位llustrator软件的使用者们来详细的解析分享一下设计一个三面浮雕小方块的绘制教程. 教程分享: 1.新建一个700*700px的文件,RGB.输入任意三个字母,使用Calibri Bold字体,400pt,然后对象-扩展,注意扩展后需要取消编组. 2.把三个扩展后的字母设置成符号.打开符号面板,选中"A",然后点击符号面板上的新建符号,命名为A.重复这个过程把其他两个字母也设置一下.这样就拥有三个新符号了.   3.使用矩形工具画一个350*350px的正方形,填充颜色为1

网站建设技术:简化网页设计 提高用户体验

在设计领域中,很多人都认同应该简化设计,以便让相应的工作更好发挥作用,设计只是增强视觉的手段. 随着网站建设技术的发展,在网页中实现复杂的功能不再是难事,网页中功能越来愈多,因此要在用户的浏览体验和网页设计的美观性中取得一个平衡点就显得非常重要. 网页设计的简化法 不同人对网页设计简化法会有不同的定义.一个简单的定义是将复杂的东西浓缩简化成简单的东西,当然在简化的同时,不能丢掉有价值的东西.总而言之,如果你的网页设计很臃肿庞大,最好去精简它. 在具体的网页设计中,可能是将网站分成几个部分,并使它

大屏iPhone带来了App设计的三种改变

大屏iPhone带来了App设计的三种改变 时间:2014-09-20 19:55 来源:雷锋网 作者:Twig理想试验田 很长一段时间内,智能手机产业区分都很明显.Apple坚守小屏幕不改变,与此同时Google的安卓手机却越来越大.但是随着4.7英寸的iPhone6和5.5英寸的iPhone6 Plus的发布,这种分别消失了.大时代全面降临. 对于那些之前做得很出色的开发者来说,接下来的工作并不是简单地把现有的小界面扩展到大屏幕上.在与行内优秀的UI设计师交谈中,很明确的一点是由于屏幕区域已

分享设计工作三要素:爱,信任,真诚

本文作者设计师 Yoyo,分享了分享设计工作三要素:爱,信任,真诚.产品中国摘录如下: 前言:这个文章的题目吸引了我.原题目是"管理学三要素:爱,信任,真诚",文章讲述了管理者为何并如何建立充满爱,信任,真诚的工作环境,并阐述了这样的工作环境带来的价值.读完文章,一方面学习到了作者对管理学的认知,一方面自己也联想到了设计上也可以关注这三个点.所以有了本文,精彩原文在前,设计思考在后.:)http://blogs.hbr.org/cs/2012/08/love_trust_and_can

Windows密码忘了咋办 小编教你轻松破解

很多人出于保护隐私的目的,都习惯为自己的电脑设置开机密码,这原本是很好的使用习惯. 但是,现代社会作为一个被各种密码包围的社会,各种账户密码极易混淆,经常造成电脑开机密码记混,从而使得电脑无法正常开机,带来一系列麻烦. Windows密码忘了咋办小编教你轻松破解 正所谓未雨绸缪,今天笔者就从电脑开机密码的角度出发,教大家如何轻松破解Windows系统的开机密码,进入系统.(PS:仅限个人使用,勿做其他用途) 相信装过系统的朋友,都用过PE系统吧. 没错,最简单的Windows开机密码破解方法便是

深度:SaaS产业的三个小世界

深度:SaaS产业的三个小世界 http://mp.weixin.qq.com/s?__biz=MzI4NjEwMDQzMQ==&mid=2649818536&idx=1&sn=dbc62ae5d302f54bfb65e82e21697c57&chksm=f3e7bb08c490321eadec5ee4a02546252794fdd0098bc7447a80724489c217397617334c736b&mpshare=1&scene=5&srci

浅析:seo网站设计制作几点小建议

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网站是一个企业的互联网形象窗口,很多人因此很关注网站的页面设计,笔者碰到多很多老板对网站的要求就是"高大上",我不知道在他们眼中"高大上" 究竟是个什么标准(有人说是完美),但是我认为网站的设计制作更重要的是实用.美观以及良好的用户体验.下文主要介绍了本人自己对对seo网站设计制作的 几点小建议,仅供参

软件架构设计的三个维度

架构设计是一个非常大的话题,不管写几篇文章,接触到的始终只是冰山一角,更多 的是实践中去体会.这篇文章主要介绍面向对象OO.面向方面AOP和面向服务SOA这三个要 素在架构设计中的位置与作用. 架构设计有三个维度,或者说是我们在考虑架构时需要思考三个方向. 这三个维度分别为面向对象.面向方面.面向服务. 这三个维度可以看作是正交的,但不同维度会互相印证,互相支撑,整个架构的示意 图如图所示. 图:架构三维度结构图 面向对象 面向对象技术最初是从面向对象的程序设计开始的,它的出现以上世纪60年代S

photoshop设计处理日系淡雅小清新色调效果

  PS技巧方法给大家分享一个利用LR加#photoshop#设计处理日系淡雅小清新色调效果,教程简单易懂,过程比较详细,处理思路很值得参考学习,转给需要的小伙伴们吧! 分类: PS图片处理