Review , Oracle Database , OpenSource, Web 2.0 , Web, Geek.Copyright 20091970-01-01T00:00:00+00:00http://www.sixapart.com/movabletype/http://feeds.feedburner.com/dbanotes?format=skinhttp://feeds.feedburner.com/~fc/dbanotesdbanoteshttp://feedburner.google.comSubscribe with My Yahoo!Subscribe with NewsGatorSubscribe with My AOLSubscribe with BloglinesSubscribe with NetvibesSubscribe with GoogleSubscribe with PageflakesSubscribe with PlusmoSubscribe with FeedLoungeSubscribe with The Free DictionarySubscribe with Bitty BrowserSubscribe with NewsAlloySubscribe with Live.comSubscribe with Excite MIXSubscribe with Yourminis.comSubscribe with Attensa for OutlookSubscribe with WebwagSubscribe with netomat HubSubscribe with Daily RotationSubscribe with Podcast ReadySubscribe with FlurrySubscribe with ParticlsAdd to Any Feed ReaderSubscribe with fwickiFenngdbanotes@gmail.com2009-07-09T18:35:34-07:00http://www.dbanotes.net/web/stop_password_masking.html

<p>几天前看到的这个<a href="http://www.webmasterworld.com/accessibility_usability/3939513.htm">关于密码遮盖（Password Masking) 问题</a>的讨论，顺着链接有找到了一些讨论来看，继而发现相关文章已经有人翻译了(<a href="http://www.yeeyan.com/articles/view/%E5%8D%9A%E8%B4%A4/48166?orgin=top">refer</a>)，但中文技术社区好像很少见到讨论(也可能是我孤陋寡闻)。</p> <p>这是个令人印象深刻的话题，因为挑战的是习惯性的设计方式。放眼看去，所有需要输入密码才可登录的网站都是遮盖密码的。密码遮盖带来的坏处是显而易见--用户的输入成了盲区，不知道自己输入的是否对，点击登录变成了变相的试错操作，产生比较多的再次登录操作，对给用户造成非常糟糕的使用感受。然而似乎很少有人如何去考虑改进这个现状。关注别人视而不见的问题才会带来革新与创新，要不怎么说人家 <a href="http://www.useit.com/jakob/">Jakob Nielsen</a> 是用户体验方面的大牛呢，要从别人口中出来这个论断可能会被人笑话，而大牛就敢于挑战常规，弄个问题就给大家带来思考了--扯远了。</p> <p>似乎多数人赞同添加一个额外的检查框（CheckBox），安全性要求不高的应用，默认不遮挡，用户输入完毕之后，再选择旁边的检查框对密码进行遮挡；对于安全性要求比较高的应用，默认密码遮挡，但可以选择显示一下密码明文一下，方便用户检查是否有拼写错误。</p> <p>如果你用过苹果的产品，比如 iPhone 新 OS 3.0 的版本，你会发现密码的处理又进了一步，密码输入时是显示明文的，方便用户确认没有输错，在几秒钟后或者输入下一个字符的时候再对这个字符遮盖。(很多移动厂商好像现在都这么设计了)</p> <form mt:asset-id="254" class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="iPhone_Password_Masking.png" src="http://www.dbanotes.net/Images/iPhone_Password_Masking.png" width="480" height="320" class="mt-image-none" style="" /></form> <p>(截图有点喧宾夺主，对付着看吧)</p> <p>这个想法真的很让人欣赏，对于手持设备能够比较有效的防止了窥探(peeking over your shoulder)，也减少了用户输入错误的频率。只是不知道是不是已经被手机厂商申请了专利。对于大屏幕显示器来说，窥探的可能性有多大？缺乏数据支持，很难说明。或许，这里的<a href="https://blogs.sans.org/appsecstreetfighter/2009/06/28/response-to-nielsens-stop-password-masking/">安全专家的分析</a>对质疑者也会有点帮助。</p> <p>其实我觉得<strong>密码遮盖问题在用户初次注册的时候带来的问题尤其严重</strong>。在这个环节如果添加一个 CheckBox 要用户知道自己连续两次输入的密码是什么应该是有必要的(有人举手同意麽?) ，否则的话，用户要的密码可能不是自己输入的，短时间内连续两次输入，出现键入错误的几率并非不存在。 </p> <p>好吧，现在开始审视一下自己的网站登录框设计以及注册页面吧...新的问题或许是，你有勇气做点修改麽?</p> <hr /> <p>如果觉得上面说的都是废话，那么不妨考虑这两个问题：</p> <ul> <li>为什么我们之前就没考虑到这一点?</li> <li>如何才能先于别人一步想到这一点?</li> </ul> --EOF-- <p>延伸阅读：<a href="http://css-tricks.com/better-password-inputs-iphone-style/">Better Password Inputs, iPhone Style</a></p>

<p>作者：<a href="http://www.dbanotes.net/">Fenng</a> 发布在 <a href="http://www.dbanotes.net/">dbanotes.net</a>. <a href="http://www.dbanotes.net/index.xml"><img src="http://www.dbanotes.net/feed.gif" style="border: 0pt none ;" alt="BLOG 墙外订阅数量,点击则可进行订阅" ></a> <p>几天前看到的这个<a href="http://www.webmasterworld.com/accessibility_usability/3939513.htm">关于密码遮盖（Password Masking) 问题</a>的讨论，顺着链接有找到了一些讨论来看，继而发现相关文章已经有人翻译了(<a href="http://www.yeeyan.com/articles/view/%E5%8D%9A%E8%B4%A4/48166?orgin=top">refer</a>)，但中文技术社区好像很少见到讨论(也可能是我孤陋寡闻)。</p> <p>这是个令人印象深刻的话题，因为挑战的是习惯性的设计方式。放眼看去，所有需要输入密码才可登录的网站都是遮盖密码的。密码遮盖带来的坏处是显而易见--用户的输入成了盲区，不知道自己输入的是否对，点击登录变成了变相的试错操作，产生比较多的再次登录操作，对给用户造成非常糟糕的使用感受。然而似乎很少有人如何去考虑改进这个现状。关注别人视而不见的问题才会带来革新与创新，要不怎么说人家 <a href="http://www.useit.com/jakob/">Jakob Nielsen</a> 是用户体验方面的大牛呢，要从别人口中出来这个论断可能会被人笑话，而大牛就敢于挑战常规，弄个问题就给大家带来思考了--扯远了。</p> <p>似乎多数人赞同添加一个额外的检查框（CheckBox），安全性要求不高的应用，默认不遮挡，用户输入完毕之后，再选择旁边的检查框对密码进行遮挡；对于安全性要求比较高的应用，默认密码遮挡，但可以选择显示一下密码明文一下，方便用户检查是否有拼写错误。</p> <p>如果你用过苹果的产品，比如 iPhone 新 OS 3.0 的版本，你会发现密码的处理又进了一步，密码输入时是显示明文的，方便用户确认没有输错，在几秒钟后或者输入下一个字符的时候再对这个字符遮盖。(很多移动厂商好像现在都这么设计了)</p> <p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="iPhone_Password_Masking.png" src="http://www.dbanotes.net/Images/iPhone_Password_Masking.png" width="480" height="320" class="mt-image-none" style="" /></span><br /> <p>(截图有点喧宾夺主，对付着看吧)</p></p> <p>这个想法真的很让人欣赏，对于手持设备能够比较有效的防止了窥探(peeking over your shoulder)，也减少了用户输入错误的频率。只是不知道是不是已经被手机厂商申请了专利。对于大屏幕显示器来说，窥探的可能性有多大？缺乏数据支持，很难说明。或许，这里的<a href="https://blogs.sans.org/appsecstreetfighter/2009/06/28/response-to-nielsens-stop-password-masking/">安全专家的分析</a>对质疑者也会有点帮助。</p> <p>其实我觉得<strong>密码遮盖问题在用户初次注册的时候带来的问题尤其严重</strong>。在这个环节如果添加一个 CheckBox 要用户知道自己连续两次输入的密码是什么应该是有必要的(有人举手同意麽?) ，否则的话，用户要的密码可能不是自己输入的，短时间内连续两次输入，出现键入错误的几率并非不存在。 </p> <p>好吧，现在开始审视一下自己的网站登录框设计以及注册页面吧...新的问题或许是，你有勇气做点修改麽?</p> <hr /> <p>如果觉得上面说的都是废话，那么不妨考虑这两个问题：</p> <ul> <li>为什么我们之前就没考虑到这一点?</li> <li>如何才能先于别人一步想到这一点?</li> </ul> <p>--EOF--</p> <p>延伸阅读：<a href="http://css-tricks.com/better-password-inputs-iphone-style/">Better Password Inputs, iPhone Style</a></p></p> <hr /> <p><strong>相关文章|Related Articles</strong></p> <p><ul> <li class="module-list-item"><a href="http://www.dbanotes.net/security/password_hint_design.html">密码提示问题的设计</a> - Mar 3, 2008</li> <li class="module-list-item"><a href="http://www.dbanotes.net/web/list_items_arrange.html">说说大量列表项的排序展示问题</a> - Jul 21, 2008</li> </ul></p> <p><strong>评论数(7)|<a href="http://www.dbanotes.net/web/stop_password_masking.html#comments" title="Comment on: 登陆框的密码遮盖问题以及其他">添加评论</a></strong> | 最近作者还说了什么? Follow <a href="http://www.twitter.com/fenng">Fenng@Twitter</a><br />本文网址：<a class="permalink" href="http://www.dbanotes.net/web/stop_password_masking.html">http://www.dbanotes.net/web/stop_password_masking.html</a></p> <p>DBA Notes 理念: 用简约的技术取得最大的收益...</p> <div name="ClickComments"><script language="javascript" type="text/javascript" src="http://www.postreach.com/ccengine/display_iframe?perlink=http://www.dbanotes.net/web/stop_password_masking.html&url=http://www.dbanotes.net/"></script></div> </description> <div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/webarch?a=ciHHzXZGwtc:XZEYk391LGw:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/webarch?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webarch?a=ciHHzXZGwtc:XZEYk391LGw:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/webarch?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webarch?a=ciHHzXZGwtc:XZEYk391LGw:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/webarch?i=ciHHzXZGwtc:XZEYk391LGw:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webarch?a=ciHHzXZGwtc:XZEYk391LGw:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/webarch?i=ciHHzXZGwtc:XZEYk391LGw:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webarch?a=ciHHzXZGwtc:XZEYk391LGw:mqyYa2mfVbY"><img src="http://feeds.feedburner.com/~ff/webarch?d=mqyYa2mfVbY" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webarch?a=ciHHzXZGwtc:XZEYk391LGw:R_Hd-r7sPaA"><img src="http://feeds.feedburner.com/~ff/webarch?d=R_Hd-r7sPaA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webarch?a=ciHHzXZGwtc:XZEYk391LGw:I9og5sOYxJI"><img src="http://feeds.feedburner.com/~ff/webarch?d=I9og5sOYxJI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/webarch?a=ciHHzXZGwtc:XZEYk391LGw:bcOpcFrp8Mo"><img src="http://feeds.feedburner.com/~ff/webarch?d=bcOpcFrp8Mo" border="0"></img></a> </div> <p><a href="http://feedads.g.doubleclick.net/~a/U_kTms2Y0SAv3mpYJkxfk7mUyjo/0/da"><img src="http://feedads.g.doubleclick.net/~a/U_kTms2Y0SAv3mpYJkxfk7mUyjo/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/U_kTms2Y0SAv3mpYJkxfk7mUyjo/1/da"><img src="http://feedads.g.doubleclick.net/~a/U_kTms2Y0SAv3mpYJkxfk7mUyjo/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/dbanotes?a=ciHHzXZGwtc:VaNkBD7BZGg:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/dbanotes?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/dbanotes?a=ciHHzXZGwtc:VaNkBD7BZGg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/dbanotes?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/dbanotes?a=ciHHzXZGwtc:VaNkBD7BZGg:dnMXMwOfBR0"><img src="http://feeds.feedburner.com/~ff/dbanotes?d=dnMXMwOfBR0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/dbanotes?a=ciHHzXZGwtc:VaNkBD7BZGg:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/dbanotes?i=ciHHzXZGwtc:VaNkBD7BZGg:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/dbanotes?a=ciHHzXZGwtc:VaNkBD7BZGg:l6a6H5sc4iA"><img src="http://feeds.feedburner.com/~ff/dbanotes?d=l6a6H5sc4iA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/dbanotes?a=ciHHzXZGwtc:VaNkBD7BZGg:mqyYa2mfVbY"><img src="http://feeds.feedburner.com/~ff/dbanotes?d=mqyYa2mfVbY" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/dbanotes?a=ciHHzXZGwtc:VaNkBD7BZGg:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/dbanotes?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/dbanotes?a=ciHHzXZGwtc:VaNkBD7BZGg:I9og5sOYxJI"><img src="http://feeds.feedburner.com/~ff/dbanotes?d=I9og5sOYxJI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/dbanotes?a=ciHHzXZGwtc:VaNkBD7BZGg:R_Hd-r7sPaA"><img src="http://feeds.feedburner.com/~ff/dbanotes?d=R_Hd-r7sPaA" border="0"></img></a> </div>Fenng(dbanotes)http://www.flickr.com/people/fenng/2009-07-06T22:23:44-07:00tag:flickr.com,2005:/photo/3697178148<p><a href="http://www.flickr.com/people/fenng/">Fenng(dbanotes)</a> posted a photo:</p> <p><a href="http://www.flickr.com/photos/fenng/3697178148/" title="《MySQL性能调优与架构设计》简朝阳签名本"><img src="http://farm4.static.flickr.com/3484/3697178148_f172244c7e_m.jpg" width="240" height="135" alt="《MySQL性能调优与架构设计》简朝阳签名本" /></a></p> <p>照片上打开的这本是赠与支付宝 DBA 团队的。<br /> <br /> refer<a href="http://www.dbanotes.net/database/mysql_prologue.html" rel="nofollow">《MySQL性能调优与架构设计》推荐序</a> .</p>2009-07-07T13:13:15-08:00Fenng(dbanotes)http://www.flickr.com/people/fenng/2009-06-28T08:59:24-07:00tag:flickr.com,2005:/photo/3668687360<p><a href="http://www.flickr.com/people/fenng/">Fenng(dbanotes)</a> posted a photo:</p> <p><a href="http://www.flickr.com/photos/fenng/3668687360/" title="GreenPlum 架构"><img src="http://farm4.static.flickr.com/3553/3668687360_5b01d1fe4f_m.jpg" width="240" height="145" alt="GreenPlum 架构" /></a></p> <p>GreenPlum 还是给DB集群带来一些新的思路和可能的。<br /> <br /> 或许，DBA 真的不应该只关注关系数据库了。</p>2009-06-28T23:59:24-08:00Fenng(dbanotes)http://www.flickr.com/people/fenng/2009-06-24T20:21:00-07:00tag:flickr.com,2005:/photo/3658344669<p><a href="http://www.flickr.com/people/fenng/">Fenng(dbanotes)</a> posted a photo:</p> <p><a href="http://www.flickr.com/photos/fenng/3658344669/" title="OpenDNS network Map"><img src="http://farm3.static.flickr.com/2421/3658344669_edbcee8cac_m.jpg" width="240" height="216" alt="OpenDNS network Map" /></a></p> <p>208.67.222.220<br /> 208.67.220.222<br /> <br /> OpenDNS 地址<br /> <br /> 冲出你的窗口！</p>2009-06-25T11:21:00-08:00Fenng(dbanotes)http://www.flickr.com/people/fenng/2009-06-08T02:06:30-07:00tag:flickr.com,2005:/photo/3606189575<p><a href="http://www.flickr.com/people/fenng/">Fenng(dbanotes)</a> posted a photo:</p> <p><a href="http://www.flickr.com/photos/fenng/3606189575/" title="BetaCafe 签名墙"><img src="http://farm4.static.flickr.com/3385/3606189575_9c2ef54e95_m.jpg" width="240" height="141" alt="BetaCafe 签名墙" /></a></p> <p>这个只是一小部分，看看你认识多少人?</p>2009-06-08T17:06:30-08:00Fenng(dbanotes)http://www.flickr.com/people/fenng/2009-05-21T22:28:27-07:00tag:flickr.com,2005:/photo/3553600528<p><a href="http://www.flickr.com/people/fenng/">Fenng(dbanotes)</a> posted a photo:</p> <p><a href="http://www.flickr.com/photos/fenng/3553600528/" title="DBA Notes 订阅客户端分布"><img src="http://farm3.static.flickr.com/2386/3553600528_6e853d338f_m.jpg" width="240" height="120" alt="DBA Notes 订阅客户端分布" /></a></p> <p>总数超过 5万.<br /> <br /> 订阅数多数时候是没有什么意义的。但是对于一个新用户的初次印象来说，非常关键。<br /> <br /> 鲜果现在是绝对的主力。<br /> <br /> 其次是Google Reader ，抓虾尽管处于无人维护状态，也还有一部分。<br /> Bloglines 也下线了..</p>2009-05-22T13:28:27-08:00