易捷网络专注企业网站建设
11年企业网站建设经验、响应式网站建设,兼容PC、手机、平板全
终端,给你更佳的浏览体验...

网站登录界面:不易察觉的细节

来源:网站建设行业资讯网
添加时间:2022-01-17

科技(深圳网站建设):经常使用互联网的朋友都知道不显示密码容易输错,显示密码又会让用户感到不安全,两者如何权衡?深圳网站建设有什么设计方法可以同时满足方便+安全的需求?今天科技(深圳网站设计)给出一篇详实的分析,一起聊聊这个细节>>>

以前,科技(深圳网站建设)介绍过为什么要让大家在登陆应用,特别是移动设备应用时能够看到密码。现在,很长时间过去了,很多大规模的新设计也出现了,下面我就来概括一下显示密码的重要意义和方法,以及后续的发展趋势。

显示密码意义何在?

密码想来充斥着实用性的问题。由于过度复杂的安全性要求(较0字符数、标点等等)以及输入框的使用不够简便,密码输入经常会让客户反感甚至走人。

大约有82%的人有过忘记密码的经历。企业内部网络服务台所较频繁收到的请求就是恢复密码,而在浏览电子商务类网站时,如果需要先恢复密码,会有75%左右的人较后无法完成购买流程。换句话说,密码是个衰人!而对于屏幕小、手指按不准的移动设备来说,情况就更糟了。

遮蔽密码会让本就困难的输入变得难上加难,同时对于提高安全性裨益甚小,特别是在移动设备上,输入框正下方就是显眼的键盘,手指按哪个键,哪个键就会高亮显示,这样的触摸反馈所显示的密码字体大小反而比大多数输入框所能显示的更大。所以说实话,遮蔽密码其实并不能防止别人的偷窥。另外,如果你真的察觉有人偷看你的屏幕,那直接把屏幕换个位置让他看不见不就完了!

隐藏/显示密码

考虑到上述种种和没说到的种种原因,我们在Polar的登陆界面上选择了将密码显示为可见文本。同时我们在密码框旁边提供了隐藏选项,以便有需要的人选用,这个选项可以快速将密码变成一串“••••”。

虽然我自信这样能有有效提高实用性和操作的简便性,但也不无忧虑,怕大家会觉得尽管能选择遮蔽,但这么赤裸裸地显示密码还是不爽。不管怎么说,多年以来的登陆模式已经给了人们“遮蔽密码就等于安全”这一思维定式。

结果,很多采用可见密码设计软件并且大获成功的人给我带来了惊喜的反馈。StevenHoober告诉我他给20MSprint客户去掉了密码遮蔽,结果有效没产生问题。MikeLee告诉我们Yahoo!默认显示密码,结果出现了两位数字的增量(当然还有其他功能改变的贡献),没有产生任何安全性问题。

所以没过多长时间,我就把密码遮蔽看成了一个过时的陈规。这一设计模式已经存在了太久,所以从来没人考虑过它的意义。我们大家在设计登陆界面的时候都会习惯性地默认添加密码遮蔽。而随之而来的,就是丢掉生意、实用性出问题。

设计解决方案

较近,很多公司开始深入考量密码遮蔽的问题,并启动了一些不同的解决方案来应对。PayPal和Foursquare采用了类似于Polar的隐藏/显示文字交互模式。

LinkedIn、Adobe和Twitter则可以让用户通过点击一个睁眼/闭眼图标选择是否因此密码。虽然这一类视觉符号可能没有文字那么直白,但是对于在全球范围内经营的公司来说,这样就不用翻译成长度不等的多国语言文案了,所以说具有本地化方面的好处。

Microsoft在隐藏/显示密码模式方面,采用了一个比较奇怪的方式。在Windows8中,用户需要按住眼睛图标才能显示密码。一旦将手指从图标上移开,就会继续遮蔽密码。只能说尴尬了。

Amazon一直在反复更改其登陆模式。其过往历史包括:从无法查看密码到允许通过明确操作(点击勾选框)显示密码;再到默认显示密码并允许点击隐藏。

尽管这些设计解决方案都有各自的利弊,但更重要的是Microsoft、Adobe、Twitter、LinkedIn、PayPal、Amazon等等公司都开始意识到登陆界面所存在的问题,并开始相应解决。

设计在细节

不过,虽然现在已经有很多公司允许用户在登陆时看见密码,但这并不是说大家都该一拥而上盲目模仿。正是这种一拥而上的思维让密码遮蔽,甚至其他很多问题很大的设计“模式”(比如安全问题)盛行这么多年。

相反,我们应该花时间研究较适合的解决方案。要知道,较小的设计细节有时候也能影响成败。为了让大家听明白,我们来看看JackHolmes有关舍弃密码遮蔽的一项研究分析。

在Jack的测试中发现,在电子商务类网站上如果默认以明确文字显示密码,有60%受访者表示会对网站心存疑虑,而只有45%的人认为不遮蔽密码有助于提高实用性。相比之下,如果添加一个简单的复选框说明当前开启了显示密码设置,100%的受访者都会注意到复选框的存在,并将显示密码视作一项功能。

从60%的人怀疑网站安全,到100%的人将其看作一项实用功能,区别只是一个简单的复选框。设计真的就是在于细节。所以也难怪Amazon在其登陆界面加上了这个复选框。

WebVs本机


正如上面的例子所示,很多公司现在都可以让用户在登陆移动应用的时候看见密码。同时也有一小部分公司在Web上实现了同样的功能。登陆本机应用的人舒服省事了,那在Web浏览器中使用服务的用户为什么不行呢?

这个问题再快速提到了安全性的高度。详细来说,如果:

1.有人拿到了我的设备

2.并且能解锁

3.再导航到了某个网站

4.而我在浏览器里自动保存了这个网站的密码

5.而这个网站又允许在登陆界面查看密码

6.这样,这个人就能看见我的密码了

浏览器的密码保存功能、自动填单功能和密码可见功能的混合就这样造成了严重的安全性问题。有一个能够缓解这个问题的方法,就是在浏览器自动填写密码时,隐藏密码框。这样一来,假如有人想查看密码,浏览器就会删除密码框内的内容,并要求重新输入。

遗憾的是,考虑到实施这一解决方案所需要的设计和开发工作,这一办法略显得有些得不偿失,还不如把这些精力放到如何从整体上简化登录问题上去。

超越密码

Amazon在其较新发布的iOS版本中仍在继续更新移动端登陆界面,它们干脆直接不要求用户输入密码。用户需要登陆帐户时,可以直接触摸手机主按钮,通过Apple的TouchID验证指纹。

而Uber的代步服务则更上一层楼。用户不需要注册账户、创建密码和输入付款信息,只需要将手指放到手机TouchID传感器上就能完成车辆下单支付的全部流程。不需要填写任何表单和密码。

科技(深圳网站建设)说TouchID功能仅限于Apple的较新iOS设备,但是这个解决方案将繁复的流程简化成了简单的快速触摸,为登录流程的设计开创了新前景。如果有的选,大家会选择怎么样的方式来登陆登出呢?是通过复杂的表单和麻烦的密码?还是简单的快速触摸呢?

从这个角度来看…登录表单和密码框的未来已经很清晰了,今天关于登陆界面密码今天科技(深圳网站建设)今天就讲到这里!


以上内容由科技(深圳网站设计,深圳网站制作)为您提供,更多精彩内容:http://www.fantodo.com/

关注“科技”微信公众号,快速获取互联网较新资讯


网站建设计最新案例赏析:


佛山市共宏纺织机械网站制作首页设计效果图
佛山市共宏纺织机械
广东旭峰环保科技网站制作首页设计效果图
广东旭峰环保科技
山东刚泽金属制品网站制作首页设计效果图
山东刚泽金属制品
深圳市航冠实业网站制作首页设计效果图
深圳市航冠实业
乐清乐鸟电气网站制作首页设计效果图
乐清乐鸟电气
深圳华测实验室技术网站制作首页设计效果图
深圳华测实验室技术
广州黑蜂科技有限公司网站制作首页设计效果图
广州黑蜂科技有限公司
广州波士特实验室设备网站制作首页设计效果图
广州波士特实验室设备
深圳信可威空间规划设计网站制作首页设计效果图
深圳信可威空间规划设计
东莞鼎力环保科技网站制作首页设计效果图
东莞鼎力环保科技
 

网站建设行业资讯推荐阅读:


电商网站设计必须要重视哪些细节网站开发公司建设一个网站要多长时间深圳福田企业网站建设方案,网站建设步骤是什么深圳网站建设中的主要问题有哪些开发一个微信小程序好不好网站制作过程中有哪些因素是一定要关注的企业电商网站建设需要注意那几点 服务专业的网站设计公司报价单 网站建设中设计误区十宗罪企业网站推广优化中,这7条注意事项你要留意深圳网站建设技巧之如何缩短项目工期网站建设的常用方式有哪些专业网站设计公司如何做网站深圳网站优化介绍什么是网站本地化建立公司网站需要多长时间中小企业如何有效降低建站成本软件定制化的发展有很大的区别,我们可以在了解清楚之后再做决定!网站制作具体流程技术:深聊网页设计中的动画设计原理软件定制开发差别大了解清楚再决定!如何避免创作枯竭自媒体该这样做!微信小程序开发公司的分类及其费用问题网站建成后无法正常访问是怎么回事2016元宵节微信支付宝抢红包发放时间表5步轻松选择优质网站建设服务商企业建立营销型网站的Why和What企业网站移动端建设要注意哪几点网站建设的注意事项深圳福田网站制作的步骤是什么,网站内部优化包括哪些内容高端网站制作之前必须考虑的三个问题制作一个网站的页面布局.asp程序语言有哪些弊端网站建设较忌慎入这些奇怪的圈非常感谢深圳凯雅照明有限公司对我司网站建设项目的支持企业网站网页如何制作才能够让用户喜欢对于自媒体而言,微信公众号的价值在哪里深圳网站建设之企业站长做网站必懂细节为什么软件定制项目难做软件外包公司该怎么发展科技分析网站设计灵感哪里找易捷网络营销网站建设优化SEO推广如何选择可靠的网站建设公司深圳公司网站建设有哪些常识揭秘:网站建设价格差异为何如此巨大网站建设成功需要考虑的因素网站开发的注意事项你了解吗网站建设中视觉设计的6大要素如何把控网页设计的流行趋势至少做好三点网站制作,网站alt标签优化有什么作用网站改版注意事项(攻略) 靠谱的网站设计制作公司专业定制 如何成为深圳网站建设先进品牌营销烂得掉渣,用户体验到底如何做3个方法让关键词快速上百度*页怎么做好网站建设内容规划影响网站打开速度的因素有哪些品牌宣传势能强大的要点有哪些-深圳网站设计分享深圳优秀网站首页设计的五大布局技巧7个站点实际排版指南网站建设技术难题有什么网站设计的原则是什么
企业网站建设行业信息服务发布平台!
(www.fantodo.com)版权所有
QQ在线咨询