<?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>SiteComment &#187; 用户体验</title>
	<atom:link href="http://sitecomment.net/tag/%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c/feed/" rel="self" type="application/rss+xml" />
	<link>http://sitecomment.net</link>
	<description>营销、数据分析 &#38; 广告创意</description>
	<lastBuildDate>Sat, 07 Jan 2012 08:13:20 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>用户体验-用户浏览习惯</title>
		<link>http://sitecomment.net/user-experience-psychological-articles-users-browsing-habits/</link>
		<comments>http://sitecomment.net/user-experience-psychological-articles-users-browsing-habits/#comments</comments>
		<pubDate>Tue, 28 Jul 2009 14:09:25 +0000</pubDate>
		<dc:creator>yaoeryi</dc:creator>
				<category><![CDATA[网络营销]]></category>
		<category><![CDATA[用户体验]]></category>

		<guid isPermaLink="false">http://sitecomment.net/?p=104</guid>
		<description><![CDATA[我们的网站就像高速公路的广告牌&#8212;&#8212;网站定位的重要性 大家有没有想过在用户面前我们的网站就像高速公路上的广告牌那样?很难理解这句话意思？我们回想一下我们浏览网站的过程吧。我们是如何浏览一个网站的呢？说说我的个人体验吧。我是一个比较关注时事新闻的人，比较喜欢上新浪看这方面的新闻，当我写这篇文章的时候我发现新浪竟然还有论坛、交友、短信、生活这些栏目（因为写文章而特意关注），为什么出现这种情况呢？ 扫描网页而不是阅读网页 不知道大家是不是这样？我想应该和我差不多吧，我上网的时候除了一些特别需要集中精力去研究、阅读的文章，大多数时间都是在扫描。而且在扫描的过程中往往会无意识的忽略对自己不重要的信息，而把主要精力集中在对自己有用的信息上面。在对一个新网站毫无了解的情况下，我们扫描网站的时候受主观的因素（我们有意去找我们所需要的信息）影响之外，还受我们的眼球轨迹影响。 那什么是眼球轨迹呢？这是个很古老的研究了，2006年4月，美国长期研究网站可用性的著名网站设计师杰柯柏·尼尔森（Jakob Nielsen）发表了一项《眼球轨迹的研究》报告（原文：F-Shaped Pattern For Reading Web Content）。 报告称，大多数情况下浏览者都不由自主的以“Ｆ”形状的模式阅读网页，这种基本恒定的阅读习惯决定了网页呈现F形的关注热度。 第一步：水平移动 浏览者首先在网页最上部形成一个水平浏览轨迹。 第二步：目光下移，短范围水平移动 浏览者会将目光向下移，扫描比上一步短的区域。 第三步：垂直浏览 浏览者完成上两步后，会将目光沿网页左侧垂直扫描；这一步的浏览速度较慢，也较有系统性、条理性。 附图：F形状网页浏览模式 下面为杰柯柏·尼尔森报告中的3张热度图，用颜色来表示浏览者眼光聚集的热度，分为最热（红色）、较热（黄色）、不热（蓝色）和基本不关注（灰色）4种。其中图3搜索结果页因SERP中网站标题、网页摘要较宽，第二条线会随之加长，但仍然是F形状。 “F”轨迹图 虽然我觉得“F”形轨迹图不是对于任何网站都适用，但它还是适用于大多数网页的用户浏览习惯。 用户扫描网页的原因 一、用户很忙碌，如果用户很赶时间的话，他当然会跳读网页，以找到他所需要的信息，然后赶紧离开网页，做别的更重要的事情。因为这时候用户知道，自己不须要阅读整个页面的内容。 二、网站设计不符合习惯，举个例子，我们知道每个网站都有搜索框，搜索框右边都有搜索按钮。这时候我们就没必要搞特殊，故意将按钮放在搜索框的左边，或在按钮上面写上“查一下”、“找东西”之类的词，还是按照约定俗成的习惯写上“搜索”这两个字吧。习惯用法是我们的好帮手，设计师都想重新发明轮子，但有时候花发明轮子的过程中所有到的时间足以产生一种全新的滚动设备。 三、内容不够简洁，E.B.White在《The Elements of Style》一书中提到的第17条规则：有力的文字都很简练。句子里不应该有多余的文字，段落中不应该有多余的句子。同样，画上不应该有多余的线条，机器上不应该有多余的零件。内容太多只会给用户制造更多噪声，内容简洁至少有三个好处：1、降低页面的噪声。2、让有用的内容更加突出。3、让页面更简短，能够使用户在页面上一眼就看到全部内容，而不需要滚屏。 四、内容布局不够合理，首先是最关键的是把页面划分成明确定义好的区域，就好像报纸的排版一样（如下图）。相信这点很多网页设计人员都能够做到，但要注意的是我们不能仅仅划分好区域就算，而是要把各个区域合理安排在网页上的位置，以使用户更容易浏览。我们可以以“F”眼球轨迹作为一个参考，但我更要记住的是，这没有一个现成的什么准则，不同类型的网站会有所不同。<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%2Fsitecomment.net%2Fwhat-is-a-web-site-user-experience%2F&from=http%3A%2F%2Fsitecomment.net%2Fuser-experience-psychological-articles-users-browsing-habits%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/03/04/3106653.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="推荐一本用户体验的书" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsitecomment.net%2Frecommend-a-book-user-experience%2F&from=http%3A%2F%2Fsitecomment.net%2Fuser-experience-psychological-articles-users-browsing-habits%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/04/07/5132159.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="一些关于用户体验的个人博客" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsitecomment.net%2Fsome-information-about-the-user-experience-personal-blog%2F&from=http%3A%2F%2Fsitecomment.net%2Fuser-experience-psychological-articles-users-browsing-habits%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/images/blogWidget/wordpress_default.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="一个不错的中小企业内部应用方案" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsitecomment.net%2Fone-good-house-applications-for-smes%2F&from=http%3A%2F%2Fsitecomment.net%2Fuser-experience-psychological-articles-users-browsing-habits%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/03/04/3106608.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="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 style="text-align: justify;">
<p style="text-align: justify;"><strong>我们的网站就像高速公路的广告牌&#8212;&#8212;网站定位的重要性</strong></p>
<p style="text-align: justify;"><img class="alignleft size-full wp-image-106" title="logo" src="http://www.sitecomment.net/wp-content/uploads/2009/07/logo.jpg" alt="logo" width="138" height="136" />大家有没有想过在用户面前我们的网站就像高速公路上的广告牌那样?很难理解这句话意思？我们回想一下我们浏览网站的过程吧。我们是如何浏览一个网站的呢？说说我的个人体验吧。我是一个比较关注时事新闻的人，比较喜欢上新浪看这方面的新闻，当我写这篇文章的时候我发现新浪竟然还有论坛、交友、短信、生活这些栏目（因为写文章而特意关注），为什么出现这种情况呢？</p>
<p style="text-align: justify;"><strong>扫描网页而不是阅读网页</strong></p>
<p style="text-align: justify;">不知道大家是不是这样？我想应该和我差不多吧，我上网的时候除了一些特别需要集中精力去研究、阅读的文章，大多数时间都是在扫描。而且在扫描的过程中往往会无意识的忽略对自己不重要的信息，而把主要精力集中在对自己有用的信息上面。在对一个新网站毫无了解的情况下，我们扫描网站的时候受主观的因素（我们有意去找我们所需要的信息）影响之外，还受我们的眼球轨迹影响。</p>
<p style="text-align: justify;">那什么是眼球轨迹呢？这是个很古老的研究了，2006年4月，美国长期研究网站可用性的著名网站设计师杰柯柏·尼尔森（Jakob Nielsen）发表了一项《眼球轨迹的研究》报告（原文：F-Shaped Pattern For Reading Web Content）。</p>
<p style="text-align: justify;">报告称，大多数情况下浏览者都不由自主的以“Ｆ”形状的模式阅读网页，这种基本恒定的阅读习惯决定了网页呈现F形的关注热度。</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-115" title="eye-track" src="http://www.sitecomment.net/wp-content/uploads/2009/07/QQ截图未命名.jpg" alt="eye-track" width="322" height="303" /></p>
<p style="text-align: justify;">第一步：水平移动</p>
<p style="text-align: justify;">浏览者首先在网页最上部形成一个水平浏览轨迹。</p>
<p style="text-align: justify;">第二步：目光下移，短范围水平移动</p>
<p style="text-align: justify;">浏览者会将目光向下移，扫描比上一步短的区域。</p>
<p style="text-align: justify;">第三步：垂直浏览</p>
<p style="text-align: justify;">浏览者完成上两步后，会将目光沿网页左侧垂直扫描；这一步的浏览速度较慢，也较有系统性、条理性。</p>
<p style="text-align: justify;">附图：F形状网页浏览模式</p>
<p style="text-align: justify;">下面为杰柯柏·尼尔森报告中的3张热度图，用颜色来表示浏览者眼光聚集的热度，分为最热（<span style="color: #ff0000;">红色</span>）、较热（<span style="color: #ffff00;">黄色</span>）、不热（<span style="color: #0000ff;">蓝色</span>）和基本不关注（<span style="color: #999999;">灰色</span>）4种。其中图3搜索结果页因SERP中网站标题、网页摘要较宽，第二条线会随之加长，但仍然是F形状。</p>
<div class="mceTemp mceIEcenter" style="text-align: justify;">
<dl id="attachment_116" class="wp-caption aligncenter" style="width: 795px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-116" title="f_reading_pattern_eyetracking" src="http://www.sitecomment.net/wp-content/uploads/2009/07/f_reading_pattern_eyetracking.jpg" alt="“F”轨迹图" width="785" height="349" /></dt>
<dd class="wp-caption-dd">“F”轨迹图</dd>
</dl>
</div>
<p>虽然我觉得“F”形轨迹图不是对于任何网站都适用，但它还是适用于大多数网页的用户浏览习惯。</p>
<p><strong>用户扫描网页的原因</strong></p>
<p>一、用户很忙碌，如果用户很赶时间的话，他当然会跳读网页，以找到他所需要的信息，然后赶紧离开网页，做别的更重要的事情。因为这时候用户知道，自己不须要阅读整个页面的内容。</p>
<p>二、网站设计不符合习惯，举个例子，我们知道每个网站都有搜索框，搜索框右边都有搜索按钮。这时候我们就没必要搞特殊，故意将按钮放在搜索框的左边，或在按钮上面写上“查一下”、“找东西”之类的词，还是按照约定俗成的习惯写上“搜索”这两个字吧。习惯用法是我们的好帮手，设计师都想重新发明轮子，但有时候花发明轮子的过程中所有到的时间足以产生一种全新的滚动设备。</p>
<p>三、内容不够简洁，E.B.White在《The Elements of Style》一书中提到的第17条规则：<em>有力的文字都很简练。句子里不应该有多余的文字，段落中不应该有多余的句子。同样，画上不应该有多余的线条，机器上不应该有多余的零件。</em>内容太多只会给用户制造更多噪声，内容简洁至少有三个好处：1、降低页面的噪声。2、让有用的内容更加突出。3、让页面更简短，能够使用户在页面上一眼就看到全部内容，而不需要滚屏。</p>
<p>四、内容布局不够合理，首先是最关键的是把页面划分成明确定义好的区域，就好像报纸的排版一样（如下图）。相信这点很多网页设计人员都能够做到，但要注意的是我们不能仅仅划分好区域就算，而是要把各个区域合理安排在网页上的位置，以使用户更容易浏览。我们可以以“F”眼球轨迹作为一个参考，但我更要记住的是，这没有一个现成的什么准则，不同类型的网站会有所不同。</p>
<p><img class="aligncenter size-full wp-image-118" title="nd" src="http://www.sitecomment.net/wp-content/uploads/2009/07/nd.png" alt="nd" width="444" height="634" /></p>
<p style="text-align: justify;">
<p style="text-align: justify;"><strong> </strong></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%2Fsitecomment.net%2Fwhat-is-a-web-site-user-experience%2F&from=http%3A%2F%2Fsitecomment.net%2Fuser-experience-psychological-articles-users-browsing-habits%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/03/04/3106653.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="推荐一本用户体验的书" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsitecomment.net%2Frecommend-a-book-user-experience%2F&from=http%3A%2F%2Fsitecomment.net%2Fuser-experience-psychological-articles-users-browsing-habits%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/04/07/5132159.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="一些关于用户体验的个人博客" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsitecomment.net%2Fsome-information-about-the-user-experience-personal-blog%2F&from=http%3A%2F%2Fsitecomment.net%2Fuser-experience-psychological-articles-users-browsing-habits%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/images/blogWidget/wordpress_default.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="win7宣传片（中国版）" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsitecomment.net%2Fwin7-api-chinese-version%2F&from=http%3A%2F%2Fsitecomment.net%2Fuser-experience-psychological-articles-users-browsing-habits%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/03/04/3106087.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;">win7宣传片（中国版）</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://sitecomment.net/user-experience-psychological-articles-users-browsing-habits/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>什么是网站用户体验？</title>
		<link>http://sitecomment.net/what-is-a-web-site-user-experience/</link>
		<comments>http://sitecomment.net/what-is-a-web-site-user-experience/#comments</comments>
		<pubDate>Sat, 25 Jul 2009 07:07:13 +0000</pubDate>
		<dc:creator>yaoeryi</dc:creator>
				<category><![CDATA[网络营销]]></category>
		<category><![CDATA[用户体验]]></category>

		<guid isPermaLink="false">http://sitecomment.net/?p=94</guid>
		<description><![CDATA[这段时间一直在研究网站的用户体验，研究的理由很简单，就是为了使自己的网站能够更好的发展！ 很多人都在谈论网站用户体验，那究竟什么是网站的用户体验呢？我个人不喜欢太理论，但我觉得还是有必要解释一下“网站用户体验”这六个字。首先是网站，我们研究的是网站而不是实体店；其次是用户，注意这里的用户是我们的目标用户；最后是体验，体验是什么意思呢？根据汉语词典的解释，体验：在实践中认识事物;亲身经历体验生活。没错是这样解释的！好那么将这三个词组合起来的“网站用户体验”是什么意思呢？我觉得大概是我们的目标客户在我们的网站上体验生活的意思吧。 以上就是我说的理论，简单吧！？其实这些东西解释来解释去没什么意思，还不如举些例子来得实际！ 例子一：大家都知道好又多这间超市吧？我住的宿舍附近就有一家，我经常到那里买些东西，去的时间多了，会发现一些你意料之外的东西，好又多有一个图书区，其中里面绝大部分是儿童类图书，刚开始的时候我只觉得这个区域和其它的零食区没什么两样，但当你仔细观察你会发现里面大多数来的人不是买书，而是看书，其中绝大部分又是小孩子，他们喜欢坐在那里一直看书，能够看上一个下午。而它们的父母在他们看书的过程中就放放心购物去了，而且往往他们的购物时间会拉长，从而给好又多创造更大的销售额。这是一种增加用户体验而创利的过程。这方面好又多做得真的很高明。 上面是一个现实生活中的例子，下面举几个网站的例子： 以上三张图片大家觉得怎样？它们从上到下依次是新浪、搜狐、网易的新闻频道的页面截图。回想一下，以前上新浪这些门户网站的新闻首页的时候的图片和现在你所看到的有什么不同？回想起来了吧，以前我们是用flash来切换新闻频首页的图片的，对吧。其实这是一种极差的实现用户体验的方法（虽然初衷是好的，想在同一空间给用户最大的信息量），因为用户无法预期到下一张图片的内容是什么？这使用户产生一种焦虑，产生一种在焦虑中等待的感觉。所以现在这些网站都作了改变要么只放一张图片（新浪、搜孤），要么在图片旁边放一些预览小图（网易）。 通过以上的两个例子不知道我们有没有对用户体验有所感受。其实用户体验就是那么简单，而且做好它也并不难，需要的只是我们平常生活中多观察多思考。当我们真正地站在用户的位置去想问题，对不同类型、不同时间、不同场合的用户行为进行了深入的研究，然后给出我们的解决方案。让我庸俗地总结一下吧，网站用户体验就是一个用户在你的网站爽不爽的一个过程。接下来我会再发表几篇关于用户体验的文章好使自己对用户体验有更深的理解。当然如果那位朋友感兴趣也可以多关注一下本站，共同进步嘛，多多留言。<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%2Fsitecomment.net%2Fuser-experience-psychological-articles-users-browsing-habits%2F&from=http%3A%2F%2Fsitecomment.net%2Fwhat-is-a-web-site-user-experience%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/03/04/3106651.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="推荐一本用户体验的书" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsitecomment.net%2Frecommend-a-book-user-experience%2F&from=http%3A%2F%2Fsitecomment.net%2Fwhat-is-a-web-site-user-experience%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/04/07/5132159.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="一些关于用户体验的个人博客" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsitecomment.net%2Fsome-information-about-the-user-experience-personal-blog%2F&from=http%3A%2F%2Fsitecomment.net%2Fwhat-is-a-web-site-user-experience%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/images/blogWidget/wordpress_default.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="和老板谈网站策划几点要注意的事项" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsitecomment.net%2Fand-the-web-site-owner-to-talk-about-planning-a-few-things-to-note%2F&from=http%3A%2F%2Fsitecomment.net%2Fwhat-is-a-web-site-user-experience%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/03/04/3106662.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="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 style="text-align: justify;">这段时间一直在研究网站的用户体验，研究的理由很简单，就是为了使自己的网站能够更好的发展！</p>
<p style="text-align: justify;">很多人都在谈论网站用户体验，那究竟什么是网站的用户体验呢？我个人不喜欢太理论，但我觉得还是有必要解释一下“网站用户体验”这六个字。首先是网站，我们研究的是网站而不是实体店；其次是用户，注意这里的用户是我们的目标用户；最后是体验，体验是什么意思呢？根据汉语词典的解释，体验：在实践中认识事物;亲身经历<span>体验生活。没错是这样解释的！好那么将这三个词组合起来的“网站用户体验”是什么意思呢？我觉得大概是我们的目标客户在我们的网站上体验生活的意思吧。</span></p>
<p style="text-align: justify;"><span>以上就是我说的理论，简单吧！？其实这些东西解释来解释去没什么意思，还不如举些例子来得实际！</span></p>
<p style="text-align: justify;"><span>例子一：<img class="alignleft size-full wp-image-95" title="gd-guangyuans" src="http://www.sitecomment.net/wp-content/uploads/2009/07/gd-guangyuans.jpg" alt="gd-guangyuans" width="295" height="130" />大家都知道好又多这间超市吧？我住的宿舍附近就有一家，我经常到那里买些东西，去的时间多了，会发现一些你意料之外的东西，好又多有一个图书区，其中里面绝大部分是儿童类图书，刚开始的时候我只觉得这个区域和其它的零食区没什么两样，但当你仔细观察你会发现里面大多数来的人不是买书，而是看书，其中绝大部分又是小孩子，他们喜欢坐在那里一直看书，能够看上一个下午。而它们的父母在他们看书的过程中就放放心购物去了，而且往往他们的购物时间会拉长，从而给好又多创造更大的销售额。这是一种增加用户体验而创利的过程。这方面好又多做得真的很高明。</span></p>
<p style="text-align: justify;"><span>上面是一个现实生活中的例子，下面举几个网站的例子：</span></p>
<p style="text-align: center;"><span><img class="size-full wp-image-96 aligncenter" title="sina" src="http://www.sitecomment.net/wp-content/uploads/2009/07/sina.jpg" alt="sina" width="329" height="270" /></span></p>
<p style="text-align: center;"><img class="size-full wp-image-97 aligncenter" title="sohu" src="http://www.sitecomment.net/wp-content/uploads/2009/07/sohu.jpg" alt="sohu" width="400" height="297" /></p>
<p style="text-align: center;"><img class="size-full wp-image-98 aligncenter" title="163" src="http://www.sitecomment.net/wp-content/uploads/2009/07/163.jpg" alt="163" width="514" height="357" /></p>
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">以上三张图片大家觉得怎样？它们从上到下依次是新浪、搜狐、网易的新闻频道的页面截图。回想一下，以前上新浪这些门户网站的新闻首页的时候的图片和现在你所看到的有什么不同？回想起来了吧，以前我们是用flash来切换新闻频首页的图片的，对吧。其实这是一种极差的实现用户体验的方法（虽然初衷是好的，想在同一空间给用户最大的信息量），因为用户无法预期到下一张图片的内容是什么？这使用户产生一种焦虑，产生一种在焦虑中等待的感觉。所以现在这些网站都作了改变要么只放一张图片（新浪、搜孤），要么在图片旁边放一些预览小图（网易）。</p>
<p style="text-align: justify;">通过以上的两个例子不知道我们有没有对用户体验有所感受。其实用户体验就是那么简单，而且做好它也并不难，需要的只是我们平常生活中多观察多思考。当我们真正地站在用户的位置去想问题，对不同类型、不同时间、不同场合的用户行为进行了深入的研究，然后给出我们的解决方案。让我庸俗地总结一下吧，网站用户体验就是一个用户在你的网站爽不爽的一个过程。接下来我会再发表几篇关于用户体验的文章好使自己对用户体验有更深的理解。当然如果那位朋友感兴趣也可以多关注一下本站，共同进步嘛，多多留言。</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%2Fsitecomment.net%2Fuser-experience-psychological-articles-users-browsing-habits%2F&from=http%3A%2F%2Fsitecomment.net%2Fwhat-is-a-web-site-user-experience%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/03/04/3106651.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="推荐一本用户体验的书" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsitecomment.net%2Frecommend-a-book-user-experience%2F&from=http%3A%2F%2Fsitecomment.net%2Fwhat-is-a-web-site-user-experience%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/04/07/5132159.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="一些关于用户体验的个人博客" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsitecomment.net%2Fsome-information-about-the-user-experience-personal-blog%2F&from=http%3A%2F%2Fsitecomment.net%2Fwhat-is-a-web-site-user-experience%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/images/blogWidget/wordpress_default.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="和老板谈网站策划几点要注意的事项" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsitecomment.net%2Fand-the-web-site-owner-to-talk-about-planning-a-few-things-to-note%2F&from=http%3A%2F%2Fsitecomment.net%2Fwhat-is-a-web-site-user-experience%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/03/04/3106662.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="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://sitecomment.net/what-is-a-web-site-user-experience/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

