我对用户体验也不是太懂,精英们大谈UE什么的,我也不知此为何物,那索性我谈谈体验用户吧。

        什么样的网站体验用户?

        为网民所想就是最大的体验用户,从Hao123开始,中国的网址站就遍步了国内的每一个角落,使得千千万万的网民可以有目的的寻找网站，而交友、视频、分类信息、在线工作,也是极大的满足了用户的需求,用户需要什么,他们就提供什么，时时刻刻的走到了互联网的最前沿。

        但是我们反过来想!

        上次看某兄的文章写到75%以上的人不知道什么是web2.0,呵呵，这就是一个巨大的互联网空白阵地。不根据他们的调查，以我4年逃课在网吧的经验来讲,80%人知道邮件而不会注册,基本都是别人代为注册的,更别说如何使用讯雷,如何使用BT工具了。在我身边有很多互联网底层用户,打开天空软件站的下载页面不知道点哪个下载,稀里糊涂的就点到广告里面去了,而我父亲,打开IE页面后不会关闭,我回家的时候开了近40多个窗口。很多人只会打开一个靠口碑传播的音乐网站，都是QQ163那样的,然后边听歌边聊天。请问您准备让他去您的Web2.0网站吗?

    他会吗?他知道去了怎么玩吗?

    前天在论坛回了一个比较无聊的帖子,就是说因为无知才能造就这个互联网,精英当然理解不了,回帖答道,欧典地板云云。当然，您是精英,我只是草根,因为我是草根,所以我转型为我只是一个刚会上网的人,所以我的思想有了充分发挥的余地,这样互联网才能因此而精彩起来。

        网民需要一个什么样的网站?

        极度Web1.0化,提供所有网络软件、网站的详细教程,很简单,您做图片就可以，网民喜欢这样,以我的草根角度出发,这个细节需要做到每一步中，比如,下载讯雷,打开什么网页,点击什么,下载以后如何安装,如何使用浏览器右键下载等等等等,我再说也是废话了，相信精英看到这里已经深刻的理解互联网现状了,一些创业者,从中知道如何缔造“李兴平2.0”否?

        让互联网无知化,让网民精英化

        在公交车上一位夫妇谈博客,说听说木子美什么的写博客,男方道:“博客是什么东西?”,女的答:“好象就是色情空间吧。”呵呵，不知道各位听了这句话有什么感想,还有一次在车上听两位朋友谈淘宝的一些事情，说注册了淘宝登陆不上去，还要认证什么的,我上去攀谈了一下,他们说了几句话:“我们去淘宝即便是买东西,我也不会去扫描身份证,去那些复印店扫描以后去哪里存呀，家里又没有电脑可以用,扫描以后给谁看呢?”我一想,怪不得C2C逐渐饱和了,原来是会去淘宝的人，基本上都已经注册了，而不会上网的人，他永远在这里注册不了。

        最后还是谢谢父母,正因为他们对互联网一无所知,什么都不懂,除了百度最基本的单个关键字查询以及QQ斗地主之外，他们对其他的一无所知,所以过年回家的时候一一讲解给他们听,现在他们终于会用 奇石 收藏 来进行搜索了。而我也知道了互联网还是一块禁区,1.0还是王者,2.0只有在用户懂得如何操作以后,才可以实施起来,用户为王,是将来互联网的发展道路。

        写到最后，我还是不知道用户体验为何物,我只知道先体验用户,然后在用户体验,整个过程才是完美的。而体验用户的最佳人选,就是由网吧工作出身、有着互联网底层经验的人来一一说道了。

3。关系型数据库设计的非常完美。光一个用户登录就要关联5张表。

4。存储过程加加N个锁。以为这样数据是最安全的。

5。数据表除了建立个主建，其他字段不管常取还是不常取一概没有索引。

6。滥用DataReader 导致CPU100%。
   
7。以为网站是软件。采用了7层左右软件架构。光一个用户登录至少调用5个类库以上。

8。代码无比复杂。变量名不管是开头还是结尾有很多下划线。世界上只有他一个人能看懂。

9。采用了各种最新的类库和控件。开发语言版本常往上更新。看到什么最新就立刻更换什么。

10。出错处理 直接 try{} catch{}

11.喜欢 select * from table .

12.web.config至少20K 以上。

13。网站图片都放在一个文件夹里面。

14。写出来的JavaScript只有IE一家能看懂。

15。滥用XML配置文件。把它当数据库表用。
 
16。变量定义很随意。到处看到 string a.  int b.

17.随意使用AJAX，认为流行的技术就是好的。

18。常常认为自己是高手，认为技术水平高和项目做得好是同一件事情。

19。。。。后面太多了 实在写不下去。

当我阅读Jakob Nielsen最近发表的文章“Ten Most Violated Homepage Design Guidelines(十个不合理的网页设计的指导规范)”，我十分惊讶这些包括基本的、常识性的可用方法的列表，以及作者的可用性观点。(虽然我不是他的有关Web可用性和他的那一套指导规范的着迷者，但他的研究是卓有成效，他的文章也是具有指导性。)

根据Jakob Nielsen的调查，只有大约1/3的Web站点遵循这些基本的可用性规范。然而他的这一调查主要偏向于具有强大资金用于可用性测试的规模较大的站点，所以，在规模较小的站点的现实中，这一数据可能会变得更小。

我现在并不是改头换面的重复有关他的不合理规范的列表，但我要指出的是一些显而易见的可用性疏忽，而你可以很容易地修正这些疏忽。

在窗口标题中添加一个简单的站点描述

Web访问者也许不太注意出现在Web浏览器标题栏的网页标题，但是在搜索引擎顺序和搜索结果显示中，网页标题却大致地概括了网站的目的。所以，每一页面中包含信息的、意味深长的网页标题是任一搜索引擎优化程序的一个必要组成部分。如果Web访问者依赖着搜索引擎，那么网页标题将成为一个最基本的可用性工具。在Web浏览器标题栏和任务栏中添加标题是一条可取的措施。

使用颜色来区别已经访问和没有访问的链接

由于Web文本超链接可以更改颜色以显示一个访问者已经访问的链接。这一颜色更改将成为帮助访问者定位他们的访问位置和过程的特性。

现在，Web开发者正在逐步使用CSS方式来重新定义默认的链接颜色，并且他们很少遵循使用已经访问和没有访问链接的独立颜色的规范。修正这一简单疏忽可以为访问者提供一个形象的网页回顾。

采用透明布局能让用户调整主页大小

设计者一般都想控制一个页面上的各个图形窗口的关系，而实现这一想法的最容易的方法是使用一个固定尺寸的布局。Web浏览器窗口的尺寸不是固定的，所认，无论选择哪种固定布局尺寸，很多网站访问都可以通过一个与网页尺寸不匹配的浏览器窗口来查看网页。一些用户还可以通过滚动条在一个小窗口中浏览整个网页内容。

透明页面可以扩大，收缩，重新设置以满足整个窗体──改变浏览器窗体大小是传送一个可满足访问者浏览器窗口的Web页面的最佳方式。设计良好的透明布局具有挑战性，但其结果通常是值得的。一个良好的透明布局不仅使得你的站点具有更多的可用性，而且站点外表也更加美观。

不要将一个活动链接添加到主页中的主页

也许你认为，将一个活动链接添加到主页中的主页(home page on the home page)并没有什么害处，甚至认为是具有兼容性的站点所有页面的一套导航链接，但是，如果访问者都想知道他们在站点中的位置时，这一活动链接将导致一个混乱结果。例如，主页中主页的链接将使得访问者认为他们当前不处于主页位置，但是点击这一链接也不能使他们进入新的位置。，他们不知道是否已经处于主页位置，还是由于链接已经损坏而不能到达这一页面。

如果你使用的是一个导航按钮工具条，你可以很容易地修正这一问题，即将按钮设置为当前页面的一个“down”或者“clicked”外形。通过为访问者提供一个当前页面位置的可视化显示，这一方法实际上提高了站点的可用性。对于纯文本链接，将链接移动到当前页面则更加容易。

这些具有常识性的可用性方法很容易被忽略，并且在大部分情况下，它们都太容易执行，所以，你没有任何理由不遵循这些简单的方法以提高站点的可用性。

2 快捷键
没有必要为每一个连接都设置快捷键，但为主要导航连接都设置是一个不错的主意。

流行的办法是在一个与快捷键相一致的字母上加下划线，类似于Windows程序菜单中的方法。

3 连接的标题
为连接添加标题属性title是一个好主意，这会给用户所指向连接的予说明，所以能改进导航。
假如这个连接是执行Javascript的，这也有利于为没有使用Javascript功能的用户解释什么将会（或不会）发生。

4 弹出窗口
可以用onkeypress和onclick来使得页面更易用。并且，在功能上定义了返回false的弹出窗口。
包含一个带有href属性指向普通页面的连接，对于一个没有使用Javascript功能的用户来说，可以以普通方式载入这个页面。
比如：

<script type="text/javascript">
function opennastypopup() {
window.open("monster.html", "", "toolbar=no,height=100,width=200");
return false;
}
</script> 
 <a href="monster.html" onclick="return opennastypopup()" onkeypress="return opennastypopup()">Monster</a>

5 相邻的连接
相邻的连接应该至少用空格隔开，以便为屏幕阅读器清晰辩明。
把连接放在列表里面也是一个好主意。然后可以用CSS来样式化显示，甚至可以是并行的列表（用 display: in-line）

6 跳过导航
你应该让使用屏幕阅读器的用户一个跳过导航直接到内容的机会。
这是因为，假设你的连接是固定的（应该是），用户不必经受每一页同样的信息，尤其是大量的。
注意:
最常见的办法可能是使用display: none。把元素宽和高设置为零（width: 0; height: 0; overflow: hidden;），这有相同的视觉效果

++++++++++++以下是表格部分++++++++++++传说中的无敌分割线++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

7 表格的列反罢工
colgroup和col标签允许你定义表格列和尽你所需地样式化它们，如果没有它们，你需要样式化每一个单独的单元格。
*******************************
例如

<colgroup> <col /> <col class="alternate" /> <col /> </colgroup>

对于一个多行3列的表格,它定义每行的第2个td 应用alternate类
*******************************
你当然可以在colgroup或者col上使用span属性，跟rowspan和colspan有相似的用途
colgroup一起使用可以定义属于列组的行数，比如<colgroup span="2"></colgroup>会组合头两列。当在colgroup使用span时，不应该再使用col标签。
在col里使用span是更明智的
*******************************
例如

<colgroup> <col /> <col span="2" class="alternate" /> </colgroup>

这将把alternate类应用到最后两列
*******************************

8 摘要和说明插曲
摘要可以在表格起始标签table中用summary属性应用到表格中。这不会显示，但可以辅助非可视化的表格表现。
caption标签在起始标签table后直接定义说明。它默认直接在表格顶端出现，但可以在CSS属性caption-side中设置top、right、bottom或者left值，尽管IE不会在意。

9 表头、表注和滚动表格的探讨
thead、tfoot和tbody允许你把表格分为表头、表注和表格主体。对于大表格尤其有用，在打印的时候，表头和表注应该会在每一页都出现。
这些元素必须按thead-tfoot-tbody的顺序定义
你可以让表格主体tbody在基于Gecko的浏览器（Mozilla、Firefox和Netscape 6+等）滚动，通过应用overflow: auto; max-height: [whatever] 的样式。
然后你可以看见表头和表注固定，而表的主体右边有滚动条。
你应该谨慎使用max-height属性因为IE不认识，比较安全的做法是使用height属性，IE将为它应用到每一行。
目前IE遇到表头和表注时还是没有什么线索，尽管还是当作表格来处理，但打印的时候不会在哦每一页都出现表头和表注，只孤零零地传递滚动的表格。
谨慎对待滚动表格。尽管它们提供十分有用的目的，大部分用户不习惯它们并且认为线性数据是唯一的。

++++++++++++以下是表单部分++++++++++++传说中的无敌分割线++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

10 标记
每一个表单域都应该有一个自己的标记。label标签挑选出来，跟for属性一起与一个表单元素关联。

<label for="yourName">Your Name</label> <input type="text" name="yourName" id="yourName" />

注意：name和id两者都是必须的──name为表单处理该表单域，id为标记关联到表单。

11 分组与图例说明
你可以为表单域分组，比如名字（姓，名，头衔等）或者地址（第一行，第二行，县，地区，邮编，国家等）。使用fieldset标签。
在表单域的分组内，你可以使用legend标签产生

<fieldset> <legend>Name</legend> <p>First name <input type="text" name="firstName" /></p> <p>Last name <input type="text" name="lastName" /></p> </fieldset>

12 选项分组
optgroup标签用于在一个层叠式选择菜单为选项分类，label属性是必须的，在可视化浏览器中，它的值将会是一个不可选的伪标题，为下拉列表分组。

<select name="country">
 <optgroup label="Africa">
 <option value="gam">Gambia</option>
 <option value="mad">Madagascar</option>
 <option value="nam">Namibia</option>
 </optgroup> <optgroup label="Europe">
 <option value="fra">France</option>
 <option value="rus">Russia</option>
 <option value="uk">UK</option>
 </optgroup>
</select>

13 导航域

<input type="text" name="firstName" accesskey="f" tabindex="1" />

2．内容设计
a．网站的内容应既能达到网站设计目标，又能满足用户的期望，并且应该及时更新。
b．在设计那些既向用户提供信息又允许用户进行评论的网页时，必须明确区分信息区和评论区。
c．为了给用户提供完整的著作权信息，每篇文章或文档应标明作者姓名等相关信息，并提供相应的参考文献，同时还需要清楚地介绍网站拥有者的背景资料，如公司的图标、名称、地址、电话号码、电子邮件地址等。
d．为了保证网站的实效性，应标明网站所用资源的产生日期以及网页的最近修改时间。
e．为用户提供可选择的功能也有助于提高网站的可用性，这些功能包括输出或打印格式的选择以及显示语言的选择。
f．好的链接设计将帮助用户在尽可能短的时间里找到所需的内容，因此，在网页上的链接一定要清楚，指明哪些链接指向本页面？哪些链接指向本站点的其他页面？哪些链接指向其他站点？除此之外，还应该有指向相关网站的链接和指向网站主办单位的链接。

3．网页设计
a．网页的大小不应超过3万字节，以使用户在10秒钟之内能打开网页。
b．要为每一个链接加上描述信息，当一个链接被点击后，要把所有指向同一目标的链接都表示成已被访问过。
c．在链接旁注明下载文件的大小，帮助用户预测下载时间。
d．不要随意使用框架，只在必要时才使用它。

4．可访问性
a．下载速度 下载网页的时间应使用户能接受，一般在10～20秒之间。
b．浏览器的兼容性 支持所有主要的浏览器，支持同一浏览器的不同版本，支持不同类型的显示器(单色显示器、数字电视等)。
c．搜索功能 提供本网站范围内的搜索功能。
d．网站的可搜索性 利用META标记为搜索引擎提供本网页的关键词和描述信息，并按规范向搜索引擎提交信息以保证网站能被搜索到。
e．内容的可访问性 为多媒体提供等价的文本形式，以便使那些只能使用纯文本浏览器的用户能够获得网页内容。
f．应为那些不能阅读和阅读困难的用户(如盲人)提供与文字等价的内容(如声音文件等)。

5．多媒体的使用
a．只在确有必要时才使用音频、动画、视频等多媒体内容，同时在下载时应显示文件的类型和大小，以便让用户决定是否有必要等待。
b．对图形、图像的使用也是一样，只有当图形或图像真正有助于用户对信息的理解时才使用它们。
c．由于图像通常数据量很大，因此要多使用图像的缩略图技术。

6．与用户的沟通
a．为了及时了解用户对网站的看法，可以在网站上提供网站所有者的电子邮件地址和联机表单、网上论坛、网络会议等功能，让用户能够共享观点和进行讨论。

7．一致性
a．网页布局应一致,文本的字型、字体和颜色应保持一致,导航帮助也应一致。

8．导航
a．每页中都应设有返回主页的链接，站点内容也应该按类别分组，使用户找到所需内容的点击链接次数尽可能少，保证用户点击链接时不会出现网页不存在的情况。
b．提供站点结构图以帮助用户更快地找到所需的信息。