当前位置: 网站建设 > 网页设计 > 建站经验 >

注册表单设计 修改密码的表单设计及整体体验

时间:2013-03-02 04:06来源:未知 作者:admin 点击:

标签:注册表单设计 修改密码的表单设计及整体体验 网站(482)修改(5)整体(2)密码(3)体验(12)注册(7)表单(17)设计(106)特殊(8)多数(1)
多数网站,均会特殊提醒用户新密码中需要辨别大小写字母; 一、大型门户 4. Facebook 二、SNS社区 焦点移开时,会对表单项有效性进行验证提醒;重复输入密码时也会检讨是否与新密码一致;个人并不赞成在已红色高亮的警示性案牍后面再应用感慨号,以防止给用户造成过大的心理压力。 四、搜寻引擎 支付宝账户中,同时有登录与支付两种密码,修正操作基原形同;它是这次休会进程中,独一将修改密码的操作放置在浮动层中进行的网站;在浮动层中,给出了密码保险提示阐明;表单项均无有效性验证提醒;当用户开明了数字证书而当前阅读
注册表单设计 修改密码的表单设计及整体体验》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302343392013.htm

多数网站,均会特殊提醒用户新密码中需要辨别大小写字母;

一、大型门户

4. Facebook

二、SNS社区

焦点移开时,会对表单项有效性进行验证提醒;重复输入密码时也会检讨是否与新密码一致;个人并不赞成在已红色高亮的警示性案牍后面再应用感慨号,以防止给用户造成过大的心理压力。

四、搜寻引擎

支付宝账户中,同时有登录与支付两种密码,修正操作基原形同;它是这次休会进程中,独一将修改密码的操作放置在浮动层中进行的网站;在浮动层中,给出了密码保险提示阐明;表单项均无有效性验证提醒;当用户开明了数字证书而当前阅读器不支撑时,能够通过绑定的手机进行校验。

破洛洛文章简介:修改密码的表单设计及整体体验.

 

13个案例中,除了豆瓣网之外,均会对新密码与重复输入的新密码之间做匹配校验;

1. 百度

Facebook在界面中并未给出密码输入的解释;对当前密码项的为空时不提示;当新密码太短或太简略时会给出提醒;也会提示反复输入密码与新密码是否匹配。

Google、Twitter与人人网的案例,告知我们修改密码的流程不是僵直不变,并不一定要通过旧密码来校验用户——这对经常使用“记住我”的用户来说,无疑是一个方便;

1. 支付宝

在看了以上海内外13个大型网站的密码修改界面之后,我们可以发明:

表单项焦点移开时,会做有效性验证;当表单填写不正确时,将输入框红色高亮,而提示文字使用了相对弱的黄色背景浮现出来;密码强度通过图形标识来提醒用户。

在修改密码的界面上,同时告知用户一些必要的密码安全信息,是必要的;

 ,汇总DIVCSS网页布局及网站设计常犯错误;

三、微博

对旧密码的验证,通常只验证是否为空,而不会对准确性做实时校验;

 

界面中提示了当前用户名;当焦点在输入框中时,追随输入框在其后提示密码复杂度要求的说明信息;验证码为小写英文+数字。

在本次察看中人人网的密码修改流程绝对显得比拟特别,它在修改密码之前,给出了“身份验证”的这一步,供给了验证旧密码、向注册邮箱发送密码重置邮件、账号申述三种方法。它对用户的指引更为明白,当用户在长时光记住密码后遗忘了密码,则能直接通过发送邮件的方式进行密码修改,而不用退出登录后再走取回密码的流程。

1. 人人网

 2011年纪末先后爆出CSDN、天边等站点的用户明文密码泄露,大家纷纭忙着修改密码,比较两种CSS清除浮动的兼容,不少网站也通过在网页醒目地位宣布布告或发送邮件提醒告知用户及时修改本人的密码以确保账户安全。对网站而言,盼望用户可能按期自动去修改密码并保障必定的复杂度;但对用户来说,每天写出好代码的5个建议,个别不到万不得已,通常不会常常修改密码。同样是表单,注册表单的产品设计大家常探讨,那么修改密码的表单设计及整体体验又是如何?

当表单项为空时不会给出提示;同Facebook一样,在新密码太短或过于简单时会给出提示;旧密码假如过错,点击“Change”后会在页面顶端显示,与全站的同一反馈提示一致;须要留心的是,Twitter在修改密码的界面给出了取回密码的进口,点击后会进入输入邮箱取回密码的页面,这一点与人人网相相似。

2. 海角社区

1. 新浪微博

大多数网站对登录及通行证信息的修改均使用了SSL进行加密。

2. 京东商城

五、电子商务网站

在界面设计上,警示性提示的出现,需要咱们在提醒用户与不触犯用户加以均衡:红色高亮、红叉图标、赞叹号、输入框高亮等方式当选用哪些,值得考量;

Tag:设计   体验   整体   修改   注册   密码     设计   体验   整体   修改   注册   密码    

Google在验证当前信息时,可以抉择输入旧密码或密码提醒问题的谜底,正确地利用css改进网站的设计;新密码的强度都会给出提示,“Password strength”上附链接,点击后新窗口弹出 Password Help 页面,告诉用户如何设定一个平安的密码;重复输入密码时不会实时检查与新密码的匹配。

 

密码强度的设定,与网站业务非亲非故,通常网站中呈现与钱相干的业务(如网络游戏等)时,对密码的庞杂度会有强迫性的请求;支付宝等甚至会设定登录密码与支付密码,模拟兼容性的 inline-block 属性,并两者不能雷同。

 

本文集中讨论的是修改密码这一常用操作在交互设计及用户体验的实际,并不波及密码存储等开发层面的问题。 

--> [网站建设之]注册表单设计:修改密码的表单设计及整体体验

2. 搜狐通行证

输入旧密码后,会实时检查是否正确;焦点从输入框中移开后会检查有效性;焦点在新密码的输入框中时,会提示密码的复杂度要求(强制要求字母与数字组合);比较奇异的是,为何这句“输入6-16位的字母跟数字的组合,密码划分大小写”会始终显示在验证码输入框的下方——这句话所针对的表单项对象毕竟是新密码仍是验证码?这是一处不必要的困扰。

3. 豆瓣网

3. 携程网

另:界面上有一处“>”字符漏出,应是缺点。

表单中的每个输入框均会给出有效性反馈,新密码的复杂度要求始终显示在输入框下方,并需要填写验证码(英文+数字,不分辨大小写)。

豆瓣网的密码修改界面很简单,甚至有些简陋——没有表单项的有效性验证,甚至连密码长度的说明都没有给出。“当前密码”与“新口令”的文案差别不知是否可认为之,个人以为还是统一为密码比较好,固然口令更显Geek。

有3个网站在修改密码时需填写验证码,个人更愿望将这一步放在幕后——体系智能断定哪些情形下需要通过验证码进行加强验证,而不是简单地一刀切;

2. Google

1. 网易通行证

表单项没有有效性验证,给出了密码长度等的说明,看下来这是一个比较尺度并传统的密码修改界面。

提醒界面上以红色高亮的方式告知用户密码安全的主要性;焦点移开时表单项会进行有效性验证;特别给出安全强度标尺再次提醒用户使用高强度的密码;焦点选中时,会提示用户密码的长度说明。

对新密码的强度,多数网站均会给出明确说明以下降用户的困扰;

2. Twitter


(责任编辑:网站建设)
注册表单设计 修改密码的表单设计及整体体验相关文章
上一篇:汇总DIVCSS网页布局及网站设计常犯错误 下一篇:流量突然增加分析报告和原因分析报告
回到顶部