<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>雨无形的BLOG &#187; 用户体验</title>
	<atom:link href="http://www.yuwuxing.com/tag/ue/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.yuwuxing.com</link>
	<description>关注互联网发展</description>
	<lastBuildDate>Fri, 23 Dec 2011 04:00:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>牢骚贴：用户体验的矛盾</title>
		<link>http://www.yuwuxing.com/the-contradiction-of-ue/</link>
		<comments>http://www.yuwuxing.com/the-contradiction-of-ue/#comments</comments>
		<pubDate>Fri, 03 Jul 2009 04:50:28 +0000</pubDate>
		<dc:creator>雨无形</dc:creator>
				<category><![CDATA[生活点滴]]></category>
		<category><![CDATA[用户体验]]></category>

		<guid isPermaLink="false">http://www.yuwuxing.com/?p=46</guid>
		<description><![CDATA[<p>最近移动的网站准备改版了，准备大干一场，将这几年的积累技能知识都用上，在讨论第一个问题的时候就遇到麻烦。</p><p>我的建议是从用户体验的角度来看，取消登录验证码，改为在用户登录失败n次以后再出现验证码，如果再失败m次就提示用户拨打10086修改密码然后必须用短信验证码登录。</p><p>但是项目经理否决了我的提议，理由是要达到这种效果只能用session、cookie或者数据库记录用户登录失败次数，从安全性考虑session、cookie都无法满足，但是用数据库记录，每次用户登录都要多查询一次数据库，会增大数据库压力。因此不现实。</p><p>...</p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="关于表格的学习笔记" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.yuwuxing.com%2Ftable-study-note%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fthe-contradiction-of-ue%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/19/2187238.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关于表格的学习笔记</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="51凤凰游记" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.yuwuxing.com%2Fphoenix-travel-notes%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fthe-contradiction-of-ue%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/19/2187450.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">51凤凰游记</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="《网页设计技巧》系列之一 浅谈文本排版" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.yuwuxing.com%2Ftext-typeset-of-web-design%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fthe-contradiction-of-ue%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/19/2187512.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">《网页设计技巧》系列之一 浅谈文本排版</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="IETester多IE版本共存的解决方案" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.yuwuxing.com%2Fietester%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fthe-contradiction-of-ue%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/19/2186929.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">IETester多IE版本共存的解决方案</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="帮太和服饰做的网站售前页面" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.yuwuxing.com%2Fweb-design-for-tahan%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fthe-contradiction-of-ue%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/19/2187457.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">帮太和服饰做的网站售前页面</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>最近移动的网站准备改版了，准备大干一场，将这几年的积累技能知识都用上，在讨论第一个问题的时候就遇到麻烦。</p>
<p>我的建议是从用户体验的角度来看，取消登录验证码，改为在用户登录失败n次以后再出现验证码，如果再失败m次就提示用户拨打10086修改密码然后必须用短信验证码登录。</p>
<p>但是项目经理否决了我的提议，理由是要达到这种效果只能用session、cookie或者数据库记录用户登录失败次数，从安全性考虑session、cookie都无法满足，但是用数据库记录，每次用户登录都要多查询一次数据库，会增大数据库压力。因此不现实。</p>
<p>程序开发我不是很懂，这个数据库增加的压力到底有多大我也无法预估，有没有既不会带来太大压力又能实现的办法，这个我也不知道，于是没有足够的理由去说服项目经理。</p>
<p>在用户体验和设计开发以及服务器成本相矛盾的时候应该如何取舍呢？</p>
<p>我个人的认为是，如果不走出这第一步就永远停留在现阶段，一味的顾忌成本，对于项目的发展会产生很大的阻碍。</p>
<p>但是这是我个人乐观的想法，在企业追逐利益的时代，利益永远比用户重要，做了这个功能也许不会从客户那里多收到一分钱，于是就不做。</p>
<p>要扭转这种局面，不是我一个小小的前端能够达成的，唯一能做的只是选择一个更注重用户的企业，或者自己能够控制项目。</p>
<p>是时候做出改变了。</p>
<p>附：建议书中关于验证码的部分：</p>
<blockquote><p><strong><span>1、 </span></strong><strong>登录验证码功能</strong></p>
<div><strong>验证码功能现状分析：</strong></div>
<div><strong><span style="font-weight: normal;">验证码是一个会让用户感到比较反感的事物，但是为了安全问题，又往往是必须的。</span></strong></div>
<div><strong><span style="font-weight: normal;">验证码的主要作用有二，一是防止机器暴力破解密码，二是防止机器spam群发。在我们网站登录这一块主要起到的是第一种作用。</span></strong></div>
<div><strong><span style="font-weight: normal;">但是随着计算机技术的不断提升，现在也出现了通过OCR软件获得网站验证码的相关技术，为了避免这种方式，通常采取的方法是增加干扰纹，使OCR软件无法正常识别验证码文字，但是同时带来的问题是用户自己识别也更困难了</span></strong></div>
<div><strong><span style="font-weight: normal;">基于防止机器暴力破解密码，我们提出了以下解决方案，在增强用户使用体验和安全性上取得了一个平衡点。<strong>用户登录只需输入手机号和10086</strong><strong>密码即可登录，如果密码连续错误1-3</strong><strong>次，则需要输入验证码，如果继续错误1-3</strong><strong>次，则只能通过短信验证码登录并且建议用户拨打10086</strong><strong>重置密码，如果继续输入错误1-3</strong><strong>次则禁止用户登录一个小时。</strong></span></strong></div>
<div><strong>方案分析：</strong>据统计，大多数用户登录网站都会在1-3次内登录成功，其中近70%是因为验证码问题登录失败。因此对于知道正确密码的用户来说，验证码是一个多余选项，反而可能会造成用户正常登录失败，因此在用户首次登录的时候去掉验证码可以提高用户登录的成功率，增强用户体验。而对于机器穷举法暴力破解的人来说3次就猜对密码的可能性微乎其微，而第四次开始就需要输入验证码了，而验证码之后又加入了短信验证码，杜绝了穷举法暴力破解的可能性。</div>
</blockquote>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="《网页设计技巧》系列之一 浅谈文本排版" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.yuwuxing.com%2Ftext-typeset-of-web-design%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fthe-contradiction-of-ue%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/19/2187512.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">《网页设计技巧》系列之一 浅谈文本排版</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="51凤凰游记" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.yuwuxing.com%2Fphoenix-travel-notes%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fthe-contradiction-of-ue%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/19/2187450.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">51凤凰游记</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="帮太和服饰做的网站售前页面" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.yuwuxing.com%2Fweb-design-for-tahan%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fthe-contradiction-of-ue%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/19/2187457.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">帮太和服饰做的网站售前页面</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="flash中用attachMovie复制元件置于舞台的方法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.yuwuxing.com%2Fuse-attachmovie-copy-element-in-stage%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fthe-contradiction-of-ue%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/19/2187486.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">flash中用attachMovie复制元件置于舞台的方法</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="20 个漂亮的 Ajax + CSS 表格" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.yuwuxing.com%2F20-beautiful-ajax-css-table%2F&from=http%3A%2F%2Fwww.yuwuxing.com%2Fthe-contradiction-of-ue%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/19/2187472.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">20 个漂亮的 Ajax + CSS 表格</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.yuwuxing.com/the-contradiction-of-ue/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

