在线情况
楼主
  • 头像
  • 级别
  • 徽章
  • 职务总版主
  • 声望+46
  • 积分17062
  • 经验1436167
  • 文章25382
  • 注册2003-01-20
从UI设计上,“勾引”用户设置高强度的密码
[P]密码强度的提示大家都不陌生,网站所有者往往期望用户输入高强度的密码来保证更好的安全性,但是用户往往是懒惰的,密码复杂了很快会忘掉,这是个矛盾,于是有的网站是强制要求用户必需设置高强度的密码,有的网站则是对低强度的密码给予警告提醒。[/P][P]那么能否让用户非常主动的去设置高强度的密码呢?[/P][P]能。[/P][P]老外做到了。[/P][P]cuixiping最近从网上发现了一个叫做[URL=http://www.nakedpassword.com/]Naked Password[/URL]的网站,这个网站不干别的,就提供一个校验密码强度的JQuery插件,能够让用户在好奇心的驱使下主动设置高强度密码。[/P][P]Naked Password,顾名思义,就是裸(河蟹)体密码。你输入的密码强度越高,就能看到越“暴露”的人体,专为“淫民”设计,非常有趣又实用。[/P][P]
[/P][P]他的宣言是:让你的网站性感起来![/P][P]
[/P][P]实际应用中,我们可能难以这么不严肃,但是这个案例提供了一种新的思维,值得我们借鉴。
[/P][P]
[/P][P]JS代码中怎么使用,网站提供是3个代表性的demo代码:[/P][ol][li]$("input:password").nakedPassword();
这是基本用法。
[/li][li]$("input:password").nakedPassword({sex: "f"}); OR $("input:password").nakedPassword({sex: "m"});
设置使用男性还是女性图片。
[/li][li]$("input:password").nakedPassword({path: "/new_image_path/"});
指定图片路径。你也可以使用自己的图。
[/li][/ol][P][URL=http://blog.csdn.net/cuixiping/article/details/github.com/platform45/nakedpassword/zipball/master]直接下载[/URL]    |    [URL=http://www.nakedpassword.com/]访问官网[/URL]
[/P][P]下面是输入不同强度密码的截图:[/P][P][IMG=0,absmiddle,323,700]http://hi.csdn.net/attachment/201110/13/0_1318511833WJqZ.gif[/IMG][/P][P]
[/P][P][URL=http://blog.csdn.net/cuixiping/article/details/6871408]http://blog.csdn.net/cuixiping/article/details/6871408[/URL][/P][P]
[/P][P]
[/P]
[upload=15952,2]platform45-nakedpassword-0.2.4-0-g64f9839.zip[/upload]
LeadBBS 官方论坛(asp论坛)感谢您的参与
Page created in 0.0039 seconds with 4 queries.