【三石】赵鹏(909383961)  11:00:03
其实每个网站也是有气质的，跟人的气质一样，我们都喜欢有亲和力气质的人
【三石】赵鹏(909383961)  11:00:35
我们的目标就是设计制作和营造一个有亲和力气质的网站
Kimcool(606176)  11:00:34
感情你哪天娶个网站当媳妇？
咖啡鱼(568157)  11:01:16
亲和力气质的网站

【三石】赵鹏(909383961)  11:01:50
如何达到这个目标呢？
我们需要给他美容--视觉设计
我们需要提高他的内涵---网站内容
我们需要纠正一些不合理的举止---交互

Kimcool(606176)  11:01:50
我理解为，能够让人心情变化的网站。
莲百合(82320416)  11:02:01
我喜欢既亲和 又华丽的
Kimcool(606176)  11:02:15
那怎么排序呢？
咖啡鱼(568157)  11:02:13
如何达到这个目标呢？
我们需要给他美容--视觉设计
我们需要提高他的内涵---网站内容
我们需要纠正一些不合理的举止---交互

顶这个
Kimcool(606176)  11:02:26
嗯。。收录到今天的日志
咖啡鱼(568157)  11:02:27
很有条理
Kimcool(606176)  11:02:47
到底内容重要还是视觉重要？
【三石】赵鹏(909383961)  11:02:52
其实做网站也是在做人
Kimcool(606176)  11:02:57
好哲理。。
咖啡鱼(568157)  11:03:13
Kimcool(606176)  11:00:34
感情你哪天娶个网站当媳妇？
【三石】赵鹏(909383961)  11:02:52
其实做网站也是在做人

查看更多...

作者：flowingice
我在工作中总结了一些有关界面设计与测试的规范，与大家共享。

界面设计与测试规则

界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的*作，起到向导的作用。同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。目前界面的设计引起软件设计人员的重视的程度还远远不够，直到最近网页制作的兴起，才受到专家的青睐。而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝。
目前流行的界面风格有三种方式：多窗体、单窗体以及资源管理器风格，无论那种风格，以下规则是应该被重视的。

1：易用性：
按钮名称应该易懂，用词准确，屏弃没楞两可的字眼，要与同一界面上的其他按钮易于区分，能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确*作。

易用性细则：
1):完成相同或相近功能的按钮用Frame框起来，常用按钮要支持快捷方式。
2):完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。
3):按功能将界面划分局域块，用Frame框括起来,并要有功能说明或标题。
4):界面要支持键盘自动浏览按钮功能，即按Tab键的自动切换功能。
5):界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。
6):同一界面上的控件数最好不要超过10个，多于10个时可以考虑使用分页界面显示。
7):分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab
8):默认按钮要支持Enter及选*作，即按Enter后自动执行默认按钮对应*作。
9):可写控件检测到非法输入后应给出说明并能自动获得焦点。
10):Tab键的顺序与控件排列顺序要一直，目前流行总体从上到下，同时行间从左到右的方式。
11):复选框和选项框按选择几率的高底而先后排列。
12):复选框和选项框要有默认选项，并支持Tab选择。
13):选项数相同时多用选项框而不用下拉列表框。
14):界面空间较小时使用下拉框而不用选项框。
15):选项数叫少时使用选项框，相反使用下拉列表框。
16):专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。
2： 规范性：
通常界面设计都按Windows界面的规范来设计，即包含“菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单”的标准格式，可以说：界面遵循规范化的程度越高，则易用性相应的就越好。小型软件一般不提供工具厢。

规范性细则：
1):常用菜单要有命令快捷方式。
2):完成相同或相近功能的菜单用横线隔开放在同一位置。
3):菜单前的图标能直观的代表要完成的*作。
4):菜单深度一般要求最多控制在三层以内。
5):工具栏要求可以根据用户的要求自己选择定制。
6):相同或相近功能的工具栏放在一起。
7):工具栏中的每一个按钮要有及时提示信息。
8):一条工具栏的长度最长不能超出屏幕宽度。
9): 工具栏的图标能直观的代表要完成的*作。
10):系统常用的工具栏设置默认放置位置。
11):工具栏太多时可以考虑使用工具厢。
12):工具厢要具有可增减性，由用户自己根据需求定制。
13):工具厢的默认总宽度不要超过屏幕宽度的1/5。
14): 状态条要能显示用户切实需要的信息，常用的有：
目前的*作、系统状态、用户位置、用户信息、提示信息、错误信息等，如果某一*作需要的时间较长，还应该显示进度条和进程提示。
15)：滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于用户了解显示信息的位置和百分比。
16)：状态条的高度以放置五好字为宜，滚动条的宽度比状态条的略窄。
17)：菜单和工具条要有清楚的界限;菜单要求凸出显示，这样在移走工具条时仍有立体感。
18)：菜单和状态条中通常使用5号字体。工具条一般比菜单要宽，但不要宽的太多，否则看起来很不协调。
19):右键快捷菜单采用与菜单相同的准则。


3：帮助设施：
系统应该提供详尽而可靠的帮助文档，在用户使用产生迷惑时可以自己寻求解决方法。

帮助设施细则：
1)：帮助文档中的性能介绍与说明要与系统性能配套一致。(我们的系统帮助文档都是系统的祖先时期的说明，让人困惑)。
2)：打包新系统时，对作了修改的地方在帮助文档中要做相应的修改。
3)：*作时要提供及时调用系统帮助的功能。常用F1。
4)：在界面上调用帮助时应该能够及时定位到与该*作相对的帮助位置。也就是说帮助要有即时针对性。
5)：最好提供目前流行的联机帮助格式或HTML帮助格式。
6)：用户可以用关键词在帮助索引中搜索所要的帮助，当然也应该提供帮助主题词。
7)：如果没有提供书面的帮助文档的话，最好有打印帮助的功能。
8 )：在帮助中应该提供我们的技术支持方式，一旦用户难以自己解决可以方便的寻求新的帮助方式。

4：合理性：
屏幕对角线相交的位置是用户直视的地方，正上方四分之一处为易吸引用户注意力的位置，在放置窗体时要注意利用这两个位置。

合理性细则：
1)：父窗体或主窗体的中心位置应该在对角线焦点附近。
2)：子窗体位置应该在主窗体的左上角或正中。
3)：多个子窗体弹出时应该依次向右下方偏移，以显示窗体出标题为宜。
4)：重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。
5)：错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。横排开头或最后与竖排最后为易点位置。
6)：与正在进行的*作无关的按钮应该加以屏蔽(Windows中用灰色显示，没法使用该按钮)。
7)：对可能造成数据无法恢复的*作必须提供确认信息,给用户放弃选择的机会。
8)：非法的输入或*作应有足够的提示说明。
9): 对运行过程中出现问题而引起错误的地方要有提示，让用户明白错误出处，避免形成无限期的等待。
10):提示、警告、或错误说明应该清楚、明了、恰当。
5：美观与协调性：
界面应该大小适合美学观点，感觉协调舒适，能在有效的范围内吸引用户的注意力。

美观与协调性细则：
1): 长宽接近黄金点比例，切忌长宽比例失调、或宽度超过长度。
2): 布局要合理,不宜过于密集，也不能过于空旷，合理的利用空间。
3): 按钮大小基本相近，忌用太长的名称，免得占用过多的界面位置。
4): 按钮的大小要与界面的大小和空间要协调。
5): 避免空旷的界面上放置很大的按钮。
6)：放置完控件后界面不应有很大的空缺位置。
7): 字体的大小要与界面的大小比例协调, 通常使用的字体中宋体9-12较为美观，很少使用超过12号的字体。
8): 前景与背景色搭配合理协调，反差不宜太大，最好少用深色，如大红、大绿等。常用色考虑使用Windows界面色调。
9): 如果使用其他颜色，主色要柔和，具有亲和力与磁力，坚决杜绝刺目的颜色。
10): 大型系统常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等。
11): 界面风格要保持一致，字的大小、颜色、字体要相同，除非是需要艺术处理或有特殊要求的地方。
12): 如果窗体支持最小化和最大化或放大时，窗体上的控件也要随着窗体而缩放；切忌只放大窗体而忽略控件的缩放。
13)：对于含有按钮的界面一般不应该支持缩放，即右上角只有关闭功能。
14): 通常父窗体支持缩放时，子窗体没有必要缩放。
15)：如果能给用户提供自定义界面风格则更好，由用户自己选择颜色、字体等。

6：菜单位置：
菜单是界面上最重要的元素，菜单位置按照按功能来组织。

菜单设测试细则：
1)：菜单通常采用“常用--主要--次要--工具--帮助”的位置排列，符合流行的Windows风格。
2):常用的有“文件”、“编辑”，“查看”等，几乎每个系统都有这些选项，当然要根据不同的系统有所取舍。
3):下拉菜单要根据菜单选项的含义进行分组，并切按照一定的规则进行排列，用横线隔开。
4): 一组菜单的使用有先后要求或有向导作用时，应该按先后次序排列。
5): 没有顺序要求的菜单项按使用频率和重要性排列，常用的放在开头， 不常用的靠后放置；重要的放在开头，次要的放在后边。
6): 如果菜单选项较多，应该采用加长菜单的长度而减少深度的原则排列。
7): 菜单深度一般要求最多控制在三层以内。
8): 对常用的菜单要有快捷命令方式，组合原则见8。
9):对与进行的*作无关的菜单要用屏蔽的方式加以处理，如果采用动态加载方式——即只有需要的菜单才显示——最好。
10)：菜单前的图标不宜太大，与字高保持一直最好。
11):主菜单的宽度要接近，字数不应多于四个，每个菜单的字数能相同最好。
12)：主菜单数目不应太多，最好为单排布置。
。7:独特性：
如果一味的遵循业界的界面标准，则会丧失自己的个性.在框架符合以上规范的情况下，设计具有自己独特风格的界面尤为重要。尤其在商业软件流通中有着很好的迁移默化的广告效用。

1):安装界面上应有单位介绍或产品介绍，并有自己的图标。
2):主界面，最好是大多数界面上要有公司图标。
3):登录界面上要有本产品的标志，同时包含公司图标。
4):帮助菜单的“关于”中应有版权和产品信息。
5):公司的系列产品要保持一直的界面风格，如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致。

8：快捷方式的组合
在菜单及按钮中使用快捷键可以让喜欢使用键盘的用户*作得更快一些 在西文Windows及其应用软件中快捷键的使用大多是一致的。
菜单中：
1):面向事务的组合有:
Ctrl-D 删除 ；Ctrl-F 寻找 ；Ctrl –H替换；Ctrl-I 插入 ；Ctrl-N 新记录 ；Ctrl-S 保存 Ctrl-O 打开。
2)：列表:
Ctrl-R ，Ctrl-G定位；Ctrl-Tab下一分页窗口或反序浏览同一页面控件；。
3):编辑:
Ctrl-A全选；Ctrl-C 拷贝；Ctrl-V 粘贴；Ctrl-X 剪切；Ctrl-Z撤消*作；Ctrl-Y恢复*作。
4)文件*作:
Ctrl-P 打印；Ctrl-W 关闭。
5):系统菜单
Alt-A文件；Alt-E编辑；Alt-T工具；Alt－W窗口；Alt－H帮助。
6):MS Windows保留键:
Ctrl-Esc 任务列表 ；Ctrl-F4 关闭窗口； Alt-F4 结束应用；Alt-Tab 下一应用 ；Enter 缺省按钮/确认*作 ；Esc 取消按钮/取消*作 ；Shift-F1 上下文相关帮助 。
按钮中：
可以根据系统需要而调节，以下只是常用的组合。
Alt-Y确定(是)；Alt-C取消；Alt-N 否；Alt-D删除；Alt-Q退出；Alt-A添加；Alt-E编辑；Alt-B浏览；Alt-R读；Alt-W写。
这些快捷键也可以作为开发中文应用软件的标准,但亦可使用汉语拼音的开头字母。
9:安全性考虑：
在界面上通过下列方式来控制出错几率，会大大减少系统因用户人为的错误引起的破坏。开发者应当尽量周全地考虑到各种可能发生的问题,使出错的可能降至最小。如应用出现保护性错误而退出系统,这种错误最容易使用户对软件失去信心。因为这意味着用户要中断思路,并费时费力地重新登录,而且已进行的*作也会因没有存盘而全部丢失。


安全性细则：
1)：最重要的是排除可能会使应用非正常中止的错误。
2)：应当注意尽可能避免用户无意录入无效的数据。
3)：采用相关控件限制用户输入值的种类。
4)：当用户作出选择的可能性只有两个时,可以采用单选框。
5)：当选择的可能再多一些时,可以采用复选框,每一种选择都是有效的,用户不可能输入任何一种无效的选择。
6)：当选项特别多时，可以采用列表框，下拉式列表框。
7)：在一个应用系统中,开发者应当避免用户作出未经授权或没有意义的*作。
8)：对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽。
9):对可能发生严重后果的*作要有补救措施。通过补救措施用户可以回到原来的正确状态。
10):对一些特殊符号的输入、与系统使用的符号相冲突的字符等进行判断并阻止用户输入该字符。
11)：对错误*作最好支持可逆性处理，如取消系列*作。
12):在输入有效性字符之前应该阻止用户进行只有输入之后才可进行的*作。
13):对可能造成等待时间较长的*作应该提供取消功能。
14)：特殊字符常有；;’”><,｀‘：“［”｛、\|｝］+=)-(_*&&^%$#@!~,.。?/还有空格。
15)：与系统采用的保留字符冲突的要加以限制。
16)：在读入用户所输入的信息时，根据需要选择是否去掉前后空格。
17)：有些读入数据库的字段不支持中间有空格，但用户切实需要输入中间空格，这时要在程序中加以处理。

10:多窗口的应用与系统资源：
设计良好的软件不仅要有完备的功能，而且要尽可能的占用最底限度的资源。
1)： 在多窗口系统中，有些界面要求必须保持在最顶层，避免用户在打开多个窗口时，不停的切换甚至最小化其他窗口来显示该窗口。

2)：在主界面载入完毕后自动卸出内存，让出所占用的WINDOWS系统资源。
3)：关闭所有窗体，系统退出后要释放所占的所有系统资源 ，除非是需要后台运行的系统。
4)：尽量防止对系统的独占使用。

什么是中国互联网业最稀缺的资源？答案可能并不是技术或商业模式，而是声誉。 　　关于商业模式的正当性，似乎总有太多道德指摘的余地，因此便不难理解，为什么腾讯、百度和淘宝们，常年处于一种“被很多人骂，同时被很多人用” 的奇怪处境。但在中国互联网业，恐怕没有哪家公司比51.com承受着更多的批评、轻蔑甚至鄙夷：有人说其创始人庞升东是个“聪明的骗子”，而这家网站早期的成长是因为开发并捆绑流氓软件，后期的崛起则因为它把自己打造成为了“中国最大一夜情社区”——种种极端说法，都从道德上将其判以极刑。 　　然而形成鲜明反差的是，它又同时被视为当今中国最有商业前途的社交网站。风投业一位资深人士对《环球企业家》称：“2000年以后，中国网络业真正做出来的公司只有两到三家：迅雷、51，或者再加上猫扑。”迄今，51已经完成了两轮融资，投资者中不乏在国内口碑甚佳的红杉资本，以及在美国有过投资MySpace经验的红点创投。而业内最新的传闻是，51正在筹备第三轮总额达3000万美元的融资，大约在今年6月间，将有重量级人物成为其投资者。在今年，51已经正式提出了2010年登陆纳斯达克的说法。 　　毁誉对立之下，值得探究的问题是：51的成功是否真实？其成果究竟是被催生、包装出来的，还是确实可靠的？ 　　验证这一问题并不困难，只要看一看它目前的战略究竟会取得何种结果——51公开的战略，是一个中国网络创业公司最不愿意想到的选择：挑战腾讯。 　　私下里，庞从不掩饰他对腾讯和马化腾的钦佩。在4月的互联网站长大会上，针对千橡集团CEO陈一舟“国内SNS战斗已经结束”的观点，他毫不犹豫地回应“只有马化腾能说SNS的战斗已经结束”。而在受邀参观腾讯公司总部，与包括马化腾在内的高管团队交流之后，他对《环球企业家》坦言“心情复杂，很多天都睡不好觉”。的确，相较2007年总收入为38亿元人民币、盈利为15亿元的腾讯，每月收入达到百万美元规模但尚未收支平衡的51的压力是可想而知。 　　但诱惑也是巨大的：当腾讯成为中国年轻人最主要的娱乐选择之一，以往对它的轻视之词大多烟消云散了。换句话说，如果庞升东能让51成为下一家腾讯，他就拥有了充分将网站“洗白”的时间和涂抹历史的权力。 　　以追随始 　　庞升东瞄准腾讯，始于2005年7月，也即51成立之初。 　　原因很简单，全球范围内也很难找到更好的模仿对象。彼时，QQ注册用户已逾4亿，而MySpace和Facebook们还默默无闻。 　　庞升东和另一位合伙创始人张剑福相信，完全拷贝QQ的模式，无疑是自寻死路，但抓住QQ庞大产品线的某一个新的应用持续“学习”的话，应该可以成功。 　　“其实要明白，互联网根本不存在什么蓝海，所谓的不一样和差异化，都是暂时的、阶段性和不稳定的，能在红海里获得成功才是真的成功”，自1998年就进入网络业的庞升东愿意这样总结。 　　于是他们把QQ产品线上最新的产品“Qzone”当坐标，打造51的个人空间。但不能忽视的是两者之间天然的巨大差异：腾讯QQ庞大的用户基础使其Qzone具备任何对手无可匹敌的优势；而51则需从头开始。 　　需承认，51得以迅速崛起，除了经常为同行所指摘的“依靠流氓插件”，也跟庞升东所率领的“草根团队”的小聪明有关。 　　比如，它的一个营销手段是，用户登录管理中心页面后，会收到系统的提示：“为便于您的记忆，请将您的主页地址填在QQ资料里，这样还能给您的主页增加访问量。”这样，51的个人主页间接得以在QQ拥有数亿用户的平台上病毒式传播。 　　再比如，意识到网络交友的一个关键点在于照片的真实性，51发明了“视频认证”功能：用户可以用摄像头拍下自己的照片，与51的客服人员进行真人与照片的对照认证，合格者的头像下面会有一个粉色的认证标志。在业界至今探讨用户是否应使用真实身份上网时，51近乎讨巧的化解了这个问题：身份真实与否并不重要，只要能确定网络另一端的面孔是真实的，多数人已经知道是否值得认识对方。恰好，中国数以万计的网吧的电脑上几乎必备摄像头。 　　而51另一个曲线包围腾讯的方法，正是模仿网游业，仔细耕作网吧市场。他早早建立起深入到地市级网吧的推广经理团队，在网吧内提供51鼠标垫、 51海报和51文化衫等产品，创造与用户“对接”的机会。效仿QQ秀、QQ商城等模式，51也推出了类似的“51秀”、“51商城”等产品，同样需要用户通过货币充值的形式购买，但与QQ不同的是，在全国80%的网吧，用户可以通过51特定的分销渠道购买到充值卡——它反向地拓展了51在网吧的影响力。 “如果在网吧搞抽样调查，你会发现51的用户已超过了QQ空间，在广东、湖南等南方省份，51的总体用户数也已经超过了QQ空间。”庞升东对《环球企业家》说。 　　需承认，这些四两拨千斤的手段，跟庞升东的个人风格不无关系。2005年6月在网络上发布“晒家底”文章《一个老站长说：我是如何通过网络赚到几百万的》时，他就不惮于承认自己需要“鬼点子多，擅长投机取巧”的合作者——精明、投机，有时不讲规则，正是庞留给大多数业内同行最深刻的印象。51最初的投资者、红杉资本中国创始合伙人沈南鹏对本刊表示，沈当初看中庞升东的公司，主要因为他的“草根”，正因草根，而能够较为深刻理解网民的真实需求。 　　但硬币的另一面是，在国内，称得上草根的站长不计其数，为何庞升东能够成为腾讯的挑战者？“庞升东渴望成功，他没有像很多同期的个人站长一样沿着老路走下去，而是专心致志地做一件事并试图把它做好。”奇虎网董事长周鸿祎评价说。周曾因“与51共同开发流氓软件”和“融资陷阱”等谣言深受困扰，并因此对庞升东避之不及。然而近年来，在他与庞的有限接触中，他对本刊坦承庞升东“有了很大的进步”。 　　竞争力 　　推动庞成长的动力并不复杂：他面临着绝大多数同行所没有的生存压力。复制QQ的模式，把QQ用户分流到51的平台上，甚至抢先QQ推出一些有趣的应用，的确能取得一些不错的效果，但这些显然并不足以让51获得颠覆性力量，还会引来马化腾的高度注意。51靠什么为自己建立一道护城河呢？ 　　沈南鹏说：“51的与众不同之处在于它对用户体验的关注。”这听起来像一句陈词滥调，但业内仔细看过51的人士，无不承认这是一个细节丰富的网站：新用户注册之后，系统会自动地先后推荐3名异性“用户”：分别邀请你上传自己的照片、到她(他)的空间逛逛⋯⋯而稍加留意便会发现，这3名“用户”其实都是系统管理员。而聪明之处在于：51的系统会区分用户性别，使他们在异性的“摆布”下，完善个人资料并熟悉社区。而用户每次登录进入“管理中心”页面后，系统会自动推荐4位好友人选，异性用户与本地用户都占了绝大多数——必须承认，它相当贴近大多数人的网络社交心理。 　　毫无疑问，这种建立在对人性和心理的微妙把握基础上的产品逻辑，迅速为51招揽了大量年轻的中低端用户。这种“体贴入微”的把握在更多的细节中体现：用户注册完成，系统会提示用户把ID和密码写下来或存在手机里，实际而且人性化；个人用户管理中心最下两栏提供了常用网址和软件的下载以及链接，并支持用户添加更多自己喜欢的链接；用51“同生缘”可以找到相同出生日期的网友，但是否将自己的年龄显示在主页上，51则将决定权交给用户⋯⋯类似的细节从技术上操作极为简单，但却鲜有同类网站考虑得如此周全。 　　总体规划51产品框架和思路的，是庞升东收购的10770.com个人站长、51联合创始人兼高级副总裁、1982年出生的张剑福。据51员工称，在产品设计上，庞升东完全委任张剑福，几乎从不插手。 　　张没念过大学，曾卖过医疗器械，混迹于迪厅和酒吧等场所，后来又开办个人网站，貌似具备互联网“草根”的外部特质。真正重要的是：“边缘”的经历使张剑福更易洞悉占中国网民大多数的中低端用户的隐秘需求。一个事实或许能体现这种洞察力：在与《环球企业家》记者交谈时，他刚收到产品经理发来的 “51群组列表”改版设计方案。对“成员人数”一栏位置偏下且数字并不突出的设计，他十分不满：“人数越多，用户就越有参与感，成员人数应该当做重要信息和管理员ID并列放在第一排，而且要把数字放大，用户一眼就能知道这个群有多热闹，然后直接点旁边的‘我要加入’就OK了。” 　　对于细节的掌控力，成为了51进攻腾讯的武器。几乎QQ每推出一款新的功能和应用，51都能很快“移植”到自己的平台上：“51秀”、“51商城”、“51群组”甚至“51问问”，无不是迅速复制QQ模式的产物——目前51已几乎拷贝了QQ产品线上的全部应用。 　　但无论庞升东、沈南鹏，还是旁观者周鸿掉，都提到了一点：“一模一样的产品，51需要提供一些独特功能。”比如“在线大头照拍摄”、“给网友照片打分”和“乱弹”等QQ并不曾拥有、更能刺激用户参与的功能。甚至，尽管马化腾曾表示要让腾讯像FaceBook那样成为用户多元互动的社区，但产品一直未成型。而51最近已推出类似newsfeed的“新闻联播”功能，帮助用户追踪好友在站内的行踪——这一步显然走在了QQ的前面。 　但在一个最关键的问题上——商业模式——51还在尽可能参考QQ。 　　51目前主要通过增值服务和各种形式的广告获得收入。前者包括VIP会员收费、虚拟商品购买和交易甚至发布在首页的个人“广播”。后者的形式更为多样：用户可以自行选择是否在主页上保留广告位，并“挑选”不同的广告挂在主页上。而调动51活跃用户的“病毒式”在线营销正在让一些广告主体会到真正的“可量化”效果：2007年，百事可乐与包括51在内的几家国内社区开展“我要上罐”推广活动，用户提交个人照片参与用户投票“选秀”，优胜者的照片会被印在百事可乐的易拉罐上。活动结束时，51的报名人数高达130万，而其他4家社区加在一起只有50万。 　　据庞升东对《环球企业家》透露，目前51每月可获得百万美元量级的收入——其中增值服务和广告收入的比例为3∶1。虽未开始盈利，但收支已接近平衡。而硬币的另一面是：一些迹象表明，51正试图成为社交网站中的“征途”。以虚拟物品和“魅力值”两项增值服务为例：越来越多的用户在被陌生人加为好友时设置了“赠送玫瑰花”的门槛，而一朵虚拟的玫瑰花价值5个51币，每个51币的真实价格为0.5元，收到50朵玫瑰花的用户在51中并不罕见——这说明51至少从一个类似的活跃用户身上赚取了125元。另一些用户需要靠提高“51魅力值”的办法吸引别人的关注，1000点“魅力值”的价格为25元人民币，而魅力值至少在10000点以上才有收效，它意味着51从一个用户身上赚取数百元的“魅力钱”并不是什么难事。这类似史玉柱网络《征途》，只要通过钱就能买到服务的做法会在多大程度上破坏社交网络的真正意义并引发“泡沫”，不能不令人关注。 　　打造正规军 　　51高速成长背后的种种争议和隐忧，其实最终指向一个根本的问题：51必须尽快从一个“剑走偏锋”的另类玩家，成为互联网业的正规军。它需要更强大的技术支持、运营体制和人才储备，还有至关重要的品牌声誉。 　　谈何容易。一家在3年内使用户突破1亿大关、员工人数从10余人扩张到300多人的创业公司，需要兼顾的事情太多了。通常的情况是：刚刚完成阶段性目标，新的门槛和瓶颈随即出现在眼前。 　　最令庞升东感同身受的是51的硬件资源：公司成立不过一年的时候，用户即突破1000万，向着5000万迈进，必须从既有的200台服务器迅速增容到1000台服务器。而第二年用户数继续向1亿大关挺进，1000台服务器必须尽快变成2000台才能勉强支持需求。即便如此，用户还是不免抱怨视频和音乐经常卡断，这显然是服务器资源跟不上所致。 　　在51管理层内部，围绕对硬件的投入，还曾导致相当激烈冲突。庞升东和技术背景的首席运营官王兴华等人坚持在硬件和带宽上不惜血本地花钱，一轮又一轮地购买昂贵的服务器和光存储设备，而传统行业出身的原51执行总裁杨冰则认为：作为一家创业公司，庞在服务器上的花钱如流水，不知何日才能获得回报，这是导致杨冰日后出走的重要原因。 　　“因为这种事情，我被一些人批判，拿着风险投资的钱大手大脚”，庞升东笑称。不过凭心而论，如果没有在硬件上的持续投入，51如何面对1亿多用户对带宽和存储的需求，恐怕很难被回答。 　　同样引起争议的，是51“大手大脚”的人才引进。对成熟的产品开发和技术人才，51经常不惜用重金和期权拉拢。据称，51对产品和技术人才开出的薪水和福利，一般高过腾讯同类职位的15%。对腾讯的人才，51会报销机票请他们从深圳到上海面谈加盟事宜，据称，腾讯员工一下飞机便会被专车接到酒店。目前，已有数十名原腾讯员工加盟了51。 　　同时，51也在2007年启动了校园招聘，和谷歌、腾讯、百度和阿里巴巴等主流互联网公司争夺潜在的产品和技术人才。前后两轮融资，51都给员工提高了薪水，并为大部分员工配置了期权。逢节假日，公司会替员工的父母购买礼物和年货，而作为福利的年度体检也同时涵盖了员工的家属。 　　一个经常出现的误读是：51的管理团队由“草根”构成。其实，除了1977年出生的创始人兼CEO庞升东和1982年出生的创始合伙人兼高级副总裁张剑福是不折不扣的“草根”，管理层的其他成员基本都具备在知名跨国和本土公司供职的经历：COO兼CTO王兴华20世纪80年代曾在中科院工作， 1993年“下海”开发人工智能拼音系统，赚得第一桶金，后来还参与创建了名噪一时的本土软件公司用友华表，具有技术开发和管理的丰富经验；副总裁姚永和与戴建清分别来自知名跨国公司和国内的网游公司；董事长助理黄绍麟来自台湾，曾任新浪网台湾网站总监和3G电信咨询公司管理层。“我们管理层的平均年龄是 36岁，大家都是精英，只有个别人是草根。”庞升东笑称。 　　这个团队推动着51向“正规军”演进。51刚刚成立的时候，所有产品人员都被称为“策划”，没有更明确的分工，直到2006年中期，才有了“产品经理”的头衔，并赋予了不同的分工。现在，即使是草根出身的庞升东本人，也更体会到管理的重要性：他每周都会把全体副总裁和中层经理聚集到会议室，“集体学习”管理学书籍。“每一次开会大家都只看同一本书的同一章节，静默阅读，随时有心得就出来发言，然后大家讨论，之后再阅读，”庞升东对本刊说，“公司很可能在未来的2年扩展到1000人的规模，而我们现在显然还不具备管理1000人团队的能力。” 　　除了硬件资源、人才储备和管理水平等因素外，制约着51未来发展更危险的因素：是其至今不佳的品牌声誉。51的产品设计和人际互动过于依靠“异性相吸”的朴素理念，甚至51公司内部也承认，他们一度默认了这种被称做“泡与被泡”的文化。在初期聚拢用户阶段，它不失为一种行之有效的手段；然而随着用户的几何级增长，这种“文化”的泛滥则带有危险的倾向。很难想象：一家频繁被人与色情和性交易联系在一起的网站，如何能获得资本市场的认可并成功上市？ 　　显然，51正试图解决这一问题：2007年，当意识到“泡与被泡”的文化已使51成为一些色情交易孳生的土壤后，51迅速屏蔽了在百度上的用户个人主页搜索引擎，从而规避了任何人通过百度的关键词搜索进入到这些非法主页的可能。继而，51建立了一套敏感词筛选的24小时监控机制，员工全天候地监控用户个人主页的非法信息、字符和图片。“现在她们(色情交易者)在51上的生存空间已经很有限了。”庞升东说。 　　但愿如此。

下面60道题，可以帮助你大致确定自己的气质类型，请根据自己的情况在“很符合、比较符合、　介于符合与不符合之间、比较不符、完全不符合”五个答案中选择一个适合自己的。很符合2分，比较符合1分，介于符合与不符合之间0分，比较不符合-1分，完全不符合-2分  

================================================================ 

1、做事力求稳妥，一般不做无把握的事。  
2、遇到可气的事就怒不可遏，想把心里话全说出来才痛快。  
3、宁可一个人干事，不愿很多人在一起。  
4、到一个新环境很快就能适应。  
5、厌恶那些强烈的刺激，如尖叫、噪音、危险镜头。  
6、和人争吵时总是先发制人，喜欢挑衅。  
7、喜欢安静的环境。  
8、善于和人交往。  
9、羡慕那种善于克制自己感情的人。  
10、生活有规律，很少违反作息制度。  
11、在多数情况下情绪是乐观的。  
12、碰到陌生人觉得很拘束。  
13、遇到令人气愤的事，能很好地克制自我。  
14、做事总是有旺盛的精力。  
15、遇到问题总是举棋不定，优柔寡断。  
16、在人群中从不觉得过分拘束。  
17、情绪高昂时，觉得干什么都有趣；情绪低落时，又觉得什么都没意思。  
18、当注意力集中于一事物时，别的事很难使我分心。  
19、理解问题总比别人快。  
20、碰到危险情境，常有一种极度恐怖感。  
21、对学习、工作、事业怀有很高的热情。  
22、能够长时间做枯燥，单调的工作。  
23、符合兴趣的事情，干起来劲头十足，否则就不想干。  
24、一点小事就能引起情绪波动。  
25、讨厌做那种需要耐心、细致的工作。  
26、与人交往不卑不亢。  
27、喜欢参加热烈的活动。  
28、爱看感情细腻、描写人物内心活动的文学作品。  
29、工作学习时间长了，常感到厌倦。  
30、不喜欢长时间谈论一个问题，愿意实际动手干。  
31、宁愿侃侃而谈，不愿切切私语。  
32、别人总是说我闷闷不乐。  
33、理解问题常比别人慢些。  
34、疲倦时只要短暂的休息就能精神抖擞，重新投入工作。  
35、心理有话宁愿自己想，不愿说出来。  
36、认准一个目标就希望尽快实现，不达目的，誓不罢休。  
37、学习、工作一段时间后，常比别人更疲倦。  
38、做事有些莽撞，常常不考虑后果。  
39、老师讲授新知识时，总希望他讲得慢些，多重复几遍。  
40、能够很快地忘记那些不愉快的事情。  
41、做作业或完成一件工作总比别人花的时间多。  
42、喜欢运动量大的剧烈体育运动或参加各种文艺活动。  
43、不能很快地把注意力从一件事转移到另一件事上去。  
44、接受一个任务后，就希望能把它迅速解决。  
45、认为墨守成规比冒风险强些。  
46、能够同时注意几件事物。  
47、当我烦闷的时候，别人很难使我高兴起来。  
48、爱看情节起伏跌宕激动人心的小说。  
49、对工作抱认真严谨、始终一贯的态度。  
50、和周围人的关系总相处不好。  
51、喜欢复习学过的知识，重复做能熟练做的工作。  
52、希望做变化大、花样多的工作。  
53、小时候会背的诗歌，我似乎比别人记得清楚。  
54、别人说我“出语伤人”，可我并不觉得这样。  
55、在体育活动中，常因反应慢而落后。  
56、反应敏捷、头脑机智。  
57、喜欢有条理而不甚麻烦的工作。  
58、兴奋的事情常使我失眠。  
59、老师讲新概念，常常听不懂，但是弄懂了以后很难忘记。  
60、假如工作枯燥无味，马上就会情绪低落。  
记分：  
胆汁质型得分： 2、6、9、14、17、21、27、31、36、38、42、48、50、54、58的得分之和。  
多血质型得分： 4、8、11、16、19、23、25、29、34、40、44、46、52、56、60的得分之和。  
粘液质型得分： 1、7、10、13、18、22、26、30、33、39、43、45、49、55、57的得分之和。  
抑郁质型得分：为3、5、12、15、20、24、28、32、35、37、41、47、51、53、59的得分之和。 

-------------------------------------------------------------  
确定气质类型的标准：  
1、如果某类气质得分明显高出其他三种，均高出4分以上，则可定为该类气质。如果该类气质得分超过20分，则为典型；如果该类得分在10－20分，则为一般型。  
2、两种气质类型得分接近，其差异低于3分，而且又明显高于其他两种，高出4分以上，则可定为这两种气质的混合型3、三种气质得分均高于第四种，而且接近，则为三种气质的混合型，如多血—胆汁—粘液质混合型或粘液—多血—抑郁质混合型。  
胆汁质类型特点：精力充沛、情绪发生快而强、言语动作急速而难于控制；热情、显得直爽或胆大、易怒、急躁等等。  
多血质类型特点：活泼好动、敏感、情绪发生快而多变、注意和兴趣容易转移、思维言语动作敏捷、善于交际、亲切、有生气，但也往往表现出轻率、不真挚等。  
粘液质类型特点：安静、沉稳、情绪发生慢而弱、言语动作和思维比较迟缓、注意稳定、显得庄重、坚忍，但也往往表现出执拗、淡漠。  
抑郁质类型特点：柔弱易倦、情绪发生慢而强、体验深沉、言行迟缓无力、胆小、忸怩，善于觉察到别人不易觉察到的细小事物，容易变得孤僻。 

这个话题很敏感，写这编的时候一半是热血沸腾，一半是冷汗直流。点公开还是隐藏时犹豫了将近两个小时。最近被人评价为越来越奋青，那就着这个评价大胆的奋青一把。本着有位同学说的要死鸟朝上写出来等待讨伐。

大概是04年吧，全中国开始热炒Web2.0，跟随着这个三个英文字母加带小数点数字的名词雀起，所谓的用户体验也鸡犬升天。交互设计师这个职位成为一个互联网界带着神秘且高贵的职位。一个个的设计师及产品经理开始带着改变人们“生命”的使命，以救世主方式出现，高喊着“以用户为中心的设计”成立起了中国互联网公司的一个个UED(用户体验设计)。
看上帝笑了！看中国互联网的UED，看中国的交互设计师们，他们不知道怎么去以用户为中心的设计，只知道这是个美妙且高尚的词汇。拿着上帝那要来的上方宝剑耀武扬威。可中国的互联网产品却始终保持着这群人最敏感及最容易跳起来的以商业结果为中心，当这群人们拿着这把剑去和互联网公司的老板说话的时候，才发现原来握在手里的是一只咸鱼。
于是UED们开始想着如何脱颖而出，变着法的去找用户为中心的设计是有商业结果的。于是UED们开始想我们不能老是一直被动着响应产品设计（简称PD）们的需求，100%的精力都放到他们的“商业目标”驱动的项目上，试着以用户为中心的设计思想去做产品。于是产品就铺天盖地的来了，一个个的产品似乎创意都不错，可见鬼的是没有一个能拿到老板们想要的money。于是有人想通了，原来我们一直理解错了。老板嘛，非要有money才信服以用户为中心的设计，多么的矛盾啊。讽刺的开始，讽刺的变化。
看看UED们怎么有这个过程的，故事又开始了。想听下去吗？不想听我也说！
“某某设计师觉得XX项目有很大的问题，于是做了一个分析想进行改进，结果发现这个产品上的模块居然是不同产品线的，分别不同的PD负责。为了推动我的设计，需要找好几方进行沟通。根本无法估计这样改动会造成什么样的后果，可能直接会损失几亿哪，你怕不怕？”
有人说：“你觉得那个东西很难用？那就对了。我们不是不想改啊？方案都出了好几版了，同样有上面的问题，可是咱没资源呀，沟通资源？你知道要牵涉多少部门吗？改？！算了吧，放着吧同志，于是就一直保持‘难用’。”
还有人说：“哎呀，干嘛这么麻烦，放左边与放右边有什么区别，花2个小时能给我们赚多少钱呀？啊？不能赚钱？败家玩意，一边凉快去。”
“另外一个同学稍稍幸运点，他比较能折腾自己做产品，一直往上沟通直接找负责人。累的吐血的写出了自认为完美的MRD与PRD，所有人都信服的竖起大拇指，这个创意太棒了。不过？这个东西不如和某产品结合的来做吧。直接交给负责这个产品的PD好了。欲哭无泪的结果。操他妈的结果！那我算什么，可怜的母鸡？下完蛋你们拿去做‘荷包蛋’吗？我们不是不通情理，不是不懂是非。就是通情理才认为你们都能讲道理，是懂是非才不会奋起拍桌子骂街。问问他们原因吧，没关系我们再通情理点。答复是这个创意不知道能不能带来商业价值，PD们背负着沉重的考核压力，俗称KPI。你有吗，要做也行！你背KPI去做PD吧，别做设计师了！操！没错我没有！操！没错我不是PD！操！那这个创意不要做了！！故事又开始了，想听下去吗？不想听！我照样说，记得香山饭店吗？认识贝聿铭吗？当中方改了香山饭店的设计后，贝老头拍桌子骂街说：以后不要让我给中国设计！”于是有人分析，所有的原因都可以归结为：“资源、组织架构、沟通”问题！原来每个设计师都有悲哀。贝老头的事也是中国设计界的悲哀。或许在这里他们不尊重设计这两个字吧？反问难道互联网的交互设计最终的出路真的是成为PD吗?
看看原来是这样：设计方案存在潜在的风险，投入大产出慢，没有直接的商业价值； 而且开发资源紧张，无法投入，多方沟通不能顺畅推动，七砍八砍手脚全没了，这个创意就变成了尸体标本，因为没有手脚。做是可能做出来了，可是活体变成了标本。难道继续再发起体验设计改版从头再来一遍吗？
看出来了吗？互联网的UED们，你们想要以上什么样的结果？都不要？哈哈那拆到产品组去吧，每个产品下面放些美术资源，放几个交互设计师，听产品经理（PD）的！

 所以中国现在的UED们结局有以下这么几种：
     1、名为UED实为UI，完全听PD PM的。为他们的KPI奋斗。你的工作是刷墙和漆匠
     2、改名叫设计中心，像特种部队只出规范和方案，形同虚设
     3、UED与PD合并成为产品设计部，最终发现走的是纯PD路线与第1种差不多
     4、拆到产品组
     6、转职去PD，放弃设计师的理想
     5、痛苦探索中……

如何让你的产品更具响应性，在讨论之前我们先看两个问题？
　　既然人脑是世界上最智能的东西，为啥我们还需要电脑？
　　为啥如今web技术发展理论上已经能够实现所有的客户端功能，为什么我们还需要客户端？
　　原因都很简单，因为后者比前者更快，响应更迅速。
　　什么是响应性？
　　过去的几十年当中累积的大量证据表明，响应性（即软件应用程序跟上用户、不让他们等待的能力）是确定用户满意度的最重要因素。相比安全性，稳定性，易用性，响应性无疑是最容易最方便被用户所感知的。在使用计算机或者手持设备的时候，用户对于等待的憎恶比对其他任何事情的喜爱程度都要深。
　　然而，用户对于响应性的感知其实包括两个因素的：
　　速度：指的是机器自身的计算能力，机器性能越强，速度越快。
　　流畅感：使用时系统的反馈能否满足用户的时间支配需求。
　　如何提高速度？
　　Google是一间非常注意速度的公司，他们对自身产品的10条要求中，就包括Fast，在他们的用户体验规范中，是这么写道的：
　　Nothing is more valuable than people’s time.
　　Speed is a boon to users. It is also a competitive advantage that Google doesn’t sacrifice without good reason.
　　没有什么比用户的时间更珍贵了，高速是对用户的礼物。他也是我们的竞争优势，除非有很好的理由，google绝不牺牲速度。
　　那么如何提高应用的速度呢，方法其实非常的简单，主要为以下三点：
　　让你的应用更小更轻便
　　在一开始，你就要放弃你对于技术与功能的崇拜，因为那只能够满足你内心的小小的骄傲感而已。用户不会关心你是否采用了Ajax，是否能够让其同时做8个任务，他们只关心多久能完成任务。
　　而这样的例子在一些注重用户体验的产品上比比皆是:Google把首页精简到光秃秃；IE6下Gmail的很多高级功能被取消了（这些功能并不是无法实现）；Chromium OS启动只需要7秒钟，我们的网速变得越来越快，有些产品的安装包却越来越小。
　　延迟非关键性的任务
　　我们把一些非时间关键的任务降低其优先级，分配后后台进程去做，把更多的资源用于响应用户，把那些漫长的，无需马上反馈的任务放在一边。如杀毒软件的文件监控，QQ文件中转站上传窗口支持最小化。
　　提供更好的硬件设备
　　更好的设备，无疑能从最根本上提升应用的速度，Google就畅享拥有1000万台服务器，为其搜索提速；网易抢得魔兽世界代理权，丁磊还为魔兽买了全新服务器。
　　如何提高用户使用的流畅感？
　　用户的流畅感，主要来源于系统的反馈。即使在软件运行速度很慢的情况下，仍然可以提供给用户流畅感，就比如即使你进入一家几乎爆满的餐厅，即使上菜需要等很久，但你也可很容易从服务员那里得知什么时候能上菜。
　　在相同配置的一台电脑上，统计时windows7速度比xp慢，但感觉起来，他又比xp要快。原因是什么？windows7的反馈更好了。
　　windows7与Mac OS X都是伟大的系统，他们如何做到更好的反馈呢，也许他们的一些设计原则能够带给我们一些启发。
　　让动画的移动变得流畅清晰
　　如果说在使用XP时你看到的是一帧一帧的画面，那么使用windows7你看到的就是一部流畅的电影。
　　windows独特的aero效果提供轻量级的视觉体验，能够让用户更专注其操作的具体。同时提供类似Mac OS动态缓冲式的窗口切换动画，让窗口的切换不再那些机械突兀，给用户流动的感觉。在这里的2秒钟，用户感觉只有1秒钟。
　　同样的设计也出现在iPhone上，iPhone的软件启动，有效的减低用户的等待感。已有人说了，就不细说。
　　N秒原则
　　如果一项任务时间超过2秒就必须提供反馈。
　　如果一项任务时间超过10秒必须提供能够取消的反馈。
　　这样的反馈有效的提高了用户对系统的了解，即使有可能等待很久，但他也会感觉较为流畅，他甚至可以利用起这段时间做点其他的事情，降低他对等待的憎恶感。
　　有效沟通节省不必要的工作
　　在很多时候，用户很多的请求是试探性的，一旦他发现这个命令对其毫无意义时就会马上取消它。如：
　　我想要开通QQ黄钻用户！
　　你确定吗？开通黄钻用户每月将从你手机话费中扣除10元？
　　啊？不是免费的啊，那我不开通了。
　　从以上的范例能得知，有效的沟通避免了用户等待错误命令的执行时间，从另一方面提供了操作的流畅感，并且降低了出错率。
　　为什么要提高响应性，它在设计中的比重到底有多少？
　　似乎很多人都无法放下心中对技术的贪婪以及对外观的崇拜，响应性往往被其所牺牲，然而，看看我们的用户，他们对速度的的追求，是多么的强烈啊！
　　我们喜欢新窗口看内容，为什么？因为中国网络慢，如果同时开多个窗口，这样我就能在看一篇文章的同时加载另外一篇文章，提高速度。
　　我们喜欢用迅雷。迅雷曾推出过英文版Gigaget，可事实上外国人对此并不感冒：高速的网络让他们不需依赖下载加速工具，但迅雷在中国确凭借其P2P技术，成为中国网民下载工具的首选。
　　iPhone中程序使用内存超过20M，就随时可能被系统强制终止。苹果宁愿禁止所有第三方程序的后台功能，也不愿意冒风险损害敏捷的响应。由此，iPhone成为这个世界上最快，最被尊崇的手机。（来自iFanr）
　　让我们回到最初的两个问题，其实答案已经呼之欲出，在不久的将来，我们可以预见的是，高响应性将成为所有产品的一致追求，而且这也将成为最有效的竞争优势，互联网时代，以快制胜。
　　最后引用小马哥的一段话结尾：
　　要做大，你首先要考虑的就是如何让人家想到也追不上。这么多年在IDC(互联网数据中心)上的积累我们不能浪费，高速上传、城域网中转站，支持高速地上传；很快可能又会发现新的问题，如果不是邮件，在IM(即时通讯软件)上又该怎么实现。我们的目的是要让用户感到超快、飞快，让用户体验非常好，这些都需要大量技术和后台来配合。
 

Tags: 交互，用户体验，响应速度交互，用户体验，响应速度

一、 VIP服务设计的中心思想

派恩二世，吉尔摩在《体验经济》中提出了体验经济时代产品和服务的划分，从这个角度来看，我们可以将用户全集合理解为正在使用和可能使用产品的用户，VIP用户则为使用高级服务的用户。

我们由此可以产生一个假设，如果VIP用户存在，则意味着产品服务可以进行分级，而且存在一些高级用户愿意为了某些特殊服务（主要是定制服务）付出更高的代价，这个在各个行业都是普遍的，比如高级成衣制作，银行贵宾卡服务，VIP游戏玩家等等。

那么我们可以将核心问题转移到：为什么那些高级用户愿意为特殊服务付出更高的代价。对于这个问题, 尼尔.雷克汉姆的提出：“没有需求，没有销售。”用户的需求又由用户使用该服务获得的价值而决定。我们可以归纳为一个公式：

查看更多...

A方面的专家的专家并不意味着B方面的专家。

如果要问“用户体验是个什么东西”，每个人的答案都不一样：有些人会给你搜索引擎上的结论中的文字；有些人会搬出一堆用户体验方面的书籍给你讲解；有些人会告诉你眼动仪、焦点小组、访谈、卡片分类；而我会告诉你——用户体验是一面镜子。

士为知己者死，女为悦己者容。每个女人除了要有满满当当的衣柜，还必须有一面镜子。我们试想，在用户体验这个词 在国内流行之前，中国的网络（软件）产品有镜子么？它们或者浓妆艳抹，或者露着“一巴掌宽的护心毛”，或者干脆赤条条的奔跑；那个时代很多网络（软件）公 司除了程序开发人员，其他的全靠拍脑袋，甚至连“撒泡尿照照”的想法都没有。

查看更多...

常常拿到的任务是一张小纸条，上面两句话，叫你去做唯一的网站设计。有的人看看纸条就去设计页面了凭，凭两句话，你就为客源做唯一的页面设计，以我7、8年的设计亲身历程，我都不敢去做，你真是我的偶像阿！

做网站页面设计，你需求了解客源的物品很多：
1、建站目的
2、栏目规划及每个栏目的表现形式及功能要求
3、主色、客源性别喜好、联系method、旧版网站SitE地址、偏好网站SitE地址
4、根据SeO界和客源要求，那些要着重表现
5、也许分期建设、考虑后期的兼容性
6、客源也许有强烈的建站欲望
7、你也许能在精神意识上控制住客源
8、面对你未接触的技能学识，你有底吗？
等等...
（2）界面弱化
唯一的好的界面设计它的界面时弱化的，它突出的是功能，着重体现的是网站业帮助给应用者是主要什么。这就涉及到浏览顺序、功能分区等等。

要让访客在0.5秒内就能把握网站的SeO界性质，1秒内就明白该从哪个地方开端应用那个网站，能点一次的，绝不点第二次。当然上面说的是大多数功能性网站，对于宣传展示性网站，诸如加特效的或Actioncript网站，估计就不可不花哨一点，但不能太过分。网站不像动画片，在效率愈来愈高，大家的心里愈来愈浮躁的中国China，大家的耐心愈来愈小，心里承受能力愈来愈低。效果体现意境，点到为止。

（3）模块化和可改正性强
模块化不仅升高重用性，也能统一网站风格，还降低程式开发的强度。那里就设计一部份尺寸、模数、宽容度、命名规范等等学识了，不再冗述。
，无论是架构还那样模块或图片，都要考虑可改正性强。举个简单的例子，logo、按钮等，很多人喜爱制作图片，N个按钮那是N张图片。假如只做3-5类按钮的背景图片，然后用在网站页面代码里打上TEXT，那么改正起来就简单了，让程序员自个改字就了。然而网站页面呈现的字体是带有锯齿的，一般即能清晰又保证美观的字体字号有几类：
宋体 12px | 宋体 12px 粗体 | 宋体 14px | 宋体 14px 粗体 | 黑体 20px | verdana 9px | Arial Black 12px+ |


（4）创艺是可耻的，考虑胜任远比创艺来的很重要
设计界动辄就大谈什么“创意”，我要说的是，还没有搞清目的意义内容 内容，还没在技能制作上臻于完善的基本上班，用创艺和特效来迷惑客源和访客是可耻的。唯一的网也设计者的考虑胜任远比创艺来的很重要。

（5）兼顾还那样抛弃
样式表、X非Dynamic（动态）webpage、web2.0、Ajax等等山雨欲来，研究先进技能固然是有好处的，但对于目前国内普遍的低认知水平，决定了客源的需求和价格也是相当低的。之前，说到经济决定网也设计，所以有的日期，是不允许你做出更多的兼顾的，抛弃和放弃也是无奈之举。

（四）结尾，送上我的《简明网站页面设计理念》

（一）网站页面配色基本概念

（1）白纸黑字是永远的主题，谁都说不出不好来。

（2）网站页面最常用时髦色

·兰色——蓝天白云，沉静整洁的颜色。
·绿色——绿白相间，雅致而有生气。
·橙色——活泼热烈，达标商业色调。
·暗红——宁重、严肃、高贵，需求配黑和灰来压制刺激的红色，

（3）颜色的避讳

·忌脏——背景与TEXT内容 内容对比不强烈，灰暗的背景令人沮丧！
·忌纯——艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。
·忌跳——再好看的颜色，也不能脱离整体。脱离群众是自取其辱！
·忌花——要有一种主色贯穿其中，主色并不时面积最大的颜色，而是最很重要，最能揭示和反映主题的颜色，就象领导者相同，虽然在人数上居少数，但起决定功能。
·忌粉——颜色浅固然显的干净，但假如对比过弱，整得苍白无力了，就象病夫相同无可救药。
·蓝色忌纯，绿色忌黄，红色忌艳。

（4）几种固定搭配

·蓝白橙——蓝为主调。白底，蓝题目栏，橙色按钮或ICON做点缀。
·绿白兰——绿为主调。白底，绿题目栏，兰色或橙色按钮或ICON做点缀。
·橙白红——橙为主调。白底，橙题目栏，暗红或桔红色按钮或ICON做点缀。
·暗红黑——暗红主调。黑或灰底，暗红题目栏，TEXT内容 内容背景为浅灰色。

（二）网站页面设计理念

（1）内容 内容决定形式
先把内容 内容充实上，再分区块，再定色调，再处理细节。

（2）先整体，后局部，最后回归到整体。
全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。

（3）功能决定设计方向
·看网站的用途，决定设计思维.商业性的就要突出赢利目的；政府部门型的就要突出形象和权威性的TEXT作品；教你学性的，就要突出师资和课程。

（三）如何快速高效的完成设计务工

（1）天下TEXT作品一大抄。
就看你会抄不会抄。抄的是道念，思想，局部精致的点缀。
在网上Search同类网站，找几个顺眼的，用唯一的为基本兰图，把几个优点整和成自个的，那样很高效快捷，而且还出成果，能学到很多物品。

（2）上设计论坛，找参考资料。