<?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>XJP的碎碎念 &#187; 细节</title>
	<atom:link href="http://www.xjp.cc/tag/%e7%bb%86%e8%8a%82/feed" rel="self" type="application/rss+xml" />
	<link>http://www.xjp.cc</link>
	<description>小撸怡情，大撸伤身，强撸灰飞烟灭。先撕长裙，后撕短裤，百撕不得骑姐。</description>
	<lastBuildDate>Wed, 11 Jan 2012 04:50:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>被忽略的细节之处的用户体验</title>
		<link>http://www.xjp.cc/2010-log/03/details-of-ue.html</link>
		<comments>http://www.xjp.cc/2010-log/03/details-of-ue.html#comments</comments>
		<pubDate>Thu, 11 Mar 2010 06:09:13 +0000</pubDate>
		<dc:creator>XJP</dc:creator>
				<category><![CDATA[产品]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[细节]]></category>

		<guid isPermaLink="false">http://www.xjp.cc/?p=1581</guid>
		<description><![CDATA[细节总是容易忽略的，一些我们下意识觉得正确的东西，很可能在上线之后根本不是那么回事儿。这篇文章的例子只是我鸡蛋里挑骨头，借事儿说理的。 我今天用狠喜欢的Chrome打开收藏的一个腾讯新闻页，偶然注意到标题右下侧添加的一个字号快速调整按钮，能够帮助用户快速切换大小字号。 但是我发现大小字号的标识居然是一样的，那么用户怎么知道哪个按钮代表是大号字，反之亦然。但是我又琢磨腾讯作为一个门户网站，应该不会犯这种低级错误。 测试的结果是IE8、Firefox正常，Chrome失误。 但是在放大之后会发现，其实大小还是有区别的，也许只是在特定分辨率或者字号的情况下才会出现这种状况。 这种是属于测试过程中极容易被忽视的失误，因为代码是完全正确无误的，即便是你测试到了所有主流浏览器平台，但是眼睛可能没有注意到这么一个小地方的不一样。而普通用户又会有惰性，即便发现了这样的问题也不愿意去反馈。 解决的办法，除了完善测试流程、工具、方法以外，更重要的是设置顺畅的、激励式的反馈渠道，因为一个产品总是有着这样那样的问题，但是如果每个用户都把自己发现的问题反馈，那么产品想要不成功都难了。 所以，除了更细致之外，反馈最重要。 © XJP for XJP的碎碎念, 2010. &#124; Permalink &#124; 5 名群众围观了该文 &#124; Post tags: 产品, 用户体验, 细节<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="4"><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.xjp.cc%2F2011-log%2F10%2Fusers-gender.html&from=http%3A%2F%2Fwww.xjp.cc%2F2010-log%2F03%2Fdetails-of-ue.html">
                        <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/10/25/9814669.png" 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: 45px !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="工具型软件的傻瓜化趋势" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.xjp.cc%2F2011-log%2F11%2Ftool-ease-of-use.html&from=http%3A%2F%2Fwww.xjp.cc%2F2010-log%2F03%2Fdetails-of-ue.html">
                        <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/11/01/10127830.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: 45px !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="饮水机开关里面蕴含的用户体验" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.xjp.cc%2F2010-log%2F05%2Fwater-dispenser-switch.html&from=http%3A%2F%2Fwww.xjp.cc%2F2010-log%2F03%2Fdetails-of-ue.html">
                        <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/2010/12/17/1271718.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: 45px !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="用户是愚蠢的" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.xjp.cc%2F2009-log%2F04%2Fthe-user-is-stupid.html&from=http%3A%2F%2Fwww.xjp.cc%2F2010-log%2F03%2Fdetails-of-ue.html">
                        <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/2010/12/17/1271723.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: 45px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">用户是愚蠢的</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" 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><img class="alignnone" title="细节之处的用户体验" src="http://img.xjp.cc:8080/2010/03/1321424fsa54f5.jpg" alt="" width="430" height="220" /></p>
<p>细节总是容易忽略的，一些我们下意识觉得正确的东西，很可能在上线之后根本不是那么回事儿。这篇文章的例子只是我鸡蛋里挑骨头，借事儿说理的。</p>
<p>我今天用狠喜欢的Chrome打开收藏的一个腾讯新闻页，偶然注意到标题右下侧添加的一个字号快速调整按钮，能够帮助用户快速切换大小字号。</p>
<p><span id="more-1581"></span>但是我发现大小字号的标识居然是一样的，那么用户怎么知道哪个按钮代表是大号字，反之亦然。但是我又琢磨腾讯作为一个门户网站，应该不会犯这种低级错误。</p>
<p>测试的结果是IE8、Firefox正常，Chrome失误。</p>
<p><img class="alignnone" title="细节之处的用户体验" src="http://img.xjp.cc:8080/2010/03/5454546574sadda.jpg" alt="" width="550" height="290" /></p>
<p>但是在放大之后会发现，其实大小还是有区别的，也许只是在特定分辨率或者字号的情况下才会出现这种状况。</p>
<p>这种是属于测试过程中极容易被忽视的失误，因为代码是完全正确无误的，即便是你测试到了所有主流浏览器平台，但是眼睛可能没有注意到这么一个小地方的不一样。而普通用户又会有惰性，即便发现了这样的问题也不愿意去反馈。</p>
<p>解决的办法，除了完善测试流程、工具、方法以外，更重要的是设置顺畅的、激励式的反馈渠道，因为一个产品总是有着这样那样的问题，但是如果每个用户都把自己发现的问题反馈，那么产品想要不成功都难了。</p>
<p>所以，除了更细致之外，反馈最重要。</p>
<hr />
<p><small>© XJP for <a href="http://www.xjp.cc">XJP的碎碎念</a>, 2010. |
<a href="http://www.xjp.cc/2010-log/03/details-of-ue.html">Permalink</a> |
<a href="http://www.xjp.cc/2010-log/03/details-of-ue.html#comments">5 名群众围观了该文</a> |
<br/>
Post tags: <a href="http://www.xjp.cc/tag/%e4%ba%a7%e5%93%81" rel="tag">产品</a>, <a href="http://www.xjp.cc/tag/%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c" rel="tag">用户体验</a>, <a href="http://www.xjp.cc/tag/%e7%bb%86%e8%8a%82" rel="tag">细节</a><br/>
</small></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="4"><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.xjp.cc%2F2011-log%2F10%2Fusers-gender.html&from=http%3A%2F%2Fwww.xjp.cc%2F2010-log%2F03%2Fdetails-of-ue.html">
                        <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/10/25/9814669.png" 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: 45px !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="工具型软件的傻瓜化趋势" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.xjp.cc%2F2011-log%2F11%2Ftool-ease-of-use.html&from=http%3A%2F%2Fwww.xjp.cc%2F2010-log%2F03%2Fdetails-of-ue.html">
                        <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/11/01/10127830.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: 45px !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="饮水机开关里面蕴含的用户体验" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.xjp.cc%2F2010-log%2F05%2Fwater-dispenser-switch.html&from=http%3A%2F%2Fwww.xjp.cc%2F2010-log%2F03%2Fdetails-of-ue.html">
                        <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/2010/12/17/1271718.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: 45px !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="用户是愚蠢的" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.xjp.cc%2F2009-log%2F04%2Fthe-user-is-stupid.html&from=http%3A%2F%2Fwww.xjp.cc%2F2010-log%2F03%2Fdetails-of-ue.html">
                        <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/2010/12/17/1271723.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: 45px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">用户是愚蠢的</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" 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.xjp.cc/2010-log/03/details-of-ue.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

