互联网上有许多非常漂亮的的网站和作品。有一部分构建在诸如Joomla，Drupal等比较复杂的平台上面，而另外的一些则是基于XHTML和CSS构建的，简单，易用，又不乏传奇性色彩的模板。

在这里，我们收集整理了一些高品质的XHTML和CSS模板，不仅可以下载和使用，而且还都是免费的。真的，不需要支付任何服用就可以免费使用这些令人叹服的高品质模板。

唉，你，对，就是你！还等什么呢？赶紧的，去下载吧！！

相关日志

• PPT分享：高效、可维护、组件化的CSS
• PPT分享：HTML5和CSS3的现状
• 精品阅读（14）20091130
• 精品阅读（11）20090916
• 精品阅读（9）20090911
• 精品阅读（8）20090901
• 精品阅读（7）20090831
• PPT分享：信息架构与可用性

分类：内容分享 | 发布日期：2010-07-29 | 7 条评论 | 标签：CSS, HTML, Web前端, 分享

不过，PPT是纯英文的，但是阅读难度不是很大，但凡学过英语，并且对Web前端有所了解，应该不难看懂。

最后插一句自己的话：任何技术，在本质上应该是服务于应用的。好的技术没有用武之地，或者在不具备商业化应用的前提之下，值得去探究，但是不值得陷入里面。做Web前端的人都渴望IE6能够早一天死去，或者从公司的角度出发去摒弃IE6，但是，那么高比例的用户，有哪家公司敢于去直接放弃？

最近还看到了国外的一篇关于针对色盲人群的可用性设计方面的文章，据说男性先天性色盲患者的比例有8%，而这样比例的人群理应受到关注。

想想Web前端和所谓标准的路程，还是其修远兮啊。

相关日志

• 20个免费的高品质XHTML/CSS模板下载
• 精品阅读（11）20090916
• 精品阅读（9）20090911
• 精品阅读（8）20090901
• 精品阅读（7）20090831
• PPT分享：高效、可维护、组件化的CSS
• 精品阅读（14）20091130
• 精品阅读（13）20091127

分类：内容分享 | 发布日期：2010-07-28 | 17 条评论 | 标签：CSS, CSS3, HTML, HTML5

然而，个人感觉这个词语或者说法本身并没有错误，体验确认很重要，但是体验却不是说说就能提升的，而是在于细节的磨练，在于潜移默化。正所谓，于无声处听惊雷。

偶然间在Slideshare上面看到台湾同胞在08年的一个关于信息架构和可用性方面的PPT，分享给大家，或许会有些许的用处。

PPT中涉及了IA，Usability，UCD，UXD等英文词眼，喜欢的朋友可以细细雕琢。

也希望大家能够在文章后来留言讨论。

相关日志

• PPT分享：UX design. What, how and why.
• 20个免费的高品质XHTML/CSS模板下载
• 用户体验到底是个什么玩意儿
• 从企业招聘看互联网产品经理的职业发展与规划
• PPT分享：高效、可维护、组件化的CSS
• PPT分享：Pony对QQMail的邮件摘录
• PPT分享：产品设计与用户体验（马化腾）
• 精品阅读（14）20091130

分类：内容分享 | 发布日期：2010-07-28 | 10 条评论 | 标签：UCD, UXD, 信息架构, 分享, 用户体验

如果，
有公司，
约你去面试。

他们，
谈吐优雅，
公司也还不错。

他们说，
感觉你不错，
会尽快给你答复。

他们，
让你一次次，
花费时间在面试的路上。

他们，
让你未来的下属，
出来面试你。

他们，
让你提提意见，
让你给他们写点东西，
或者做点东西发给他们。

他们，
跟你谈概念，
跟你谈想法，
还跟你谈愿景。

他们，
在你面试之后，
从来不会给你只言片语。

他们，
是HR，
他们，
是面试官。

如果，
他们够真诚。
如果，
他们够宽容。。。

如果，
他们不臭屁。
如果，
他们懂行。。。

相关日志

• “我秀我的工作台”照片展示
• “我秀我的工作台”获奖信息
• 召集令：幕后“台前”秀–我秀我的工作台
• 个人近期的工作生活琐事

分类：杂七杂八 | 发布日期：2010-07-20 | 18 条评论 | 标签：工作生活

天涯，明月，老。
岁月，风霜，刀。
弱水三万里，我柔柔唤你，又如何能听得到。

故乡，父亲，老。
人间，寂寞，逃。
陌上烟雨遥，我遍寻不着，你萧索面容已渺。
能再见你一面，就好。

喧闹半生每一分每一秒，
不过垂垂一老。
风花雪月你通通都不要，
我拿什么换你一笑？

认识惠雷，是年初在桂林。有幸听他唱了几首歌，印象最深的是《我和你》，模仿的惟妙惟肖，甚是惊人。对于这个戴黑框眼镜的大个子男孩，印象还是蛮深的。

近来，关注了一下快乐男声天涯网络赛区的事情。发现惠雷竟然跟一个叫黄迪的男孩组成了一个叫做Delay的乐队组合参加比赛，并顺利晋级了。而得以晋级的就是上面这首名叫《天涯》的原创歌曲。

反复听了几遍，发现还是蛮喜欢的，也说不出为什么，仅仅是喜欢而已。

希望这两个有梦想的年轻人，希望年轻的Delay组合，能够在快乐男声这个舞台上走得更远一些。

PS：没征得你们的同意就将这首歌放了出来，如有需要，请留言，我会把音乐删掉。

随机日志

• Web前端开发与Web标准
• 十个最好用的所见即所得编辑器(WYSIWYG Editor)
• 不要为傻逼的设计买单
• Web前端开发在企业中的发展
• Web标准在中国的现状
• 精品阅读（2）20090817
• 再见，Web前端
• 精品阅读（12）20090917

分类：杂七杂八 | 发布日期：2010-06-04 | 16 条评论 | 标签：Delay, 天涯, 惠雷, 迪雷, 黄迪

作为 用户体验到底是个什么玩意儿这一文章的后续，现在把文章中引用的PPT贴出供大家观赏，希望大家能够喜欢。

由于作者上传的PPT不允许用户下载，同时Slideshare官方也采用了新的加密措施来进行PPT数据加密，我们现在已经不能通过插件或者缓存的方式进行PPT下载了，真的有点杯具的感觉，是不是？

PPT如下：

难道想收藏这个PPT真的不可能了吗？当然不是！方法还是有一个的，那就是一张张地截图，然后自己做成PPT。不是吧？傻子才会这么去做！杯具啦，我就这么做了，唉！想收藏的，你们懂的。。。

相关日志

• PPT分享：信息架构与可用性
• 20个免费的高品质XHTML/CSS模板下载
• 用户体验到底是个什么玩意儿
• 从企业招聘看互联网产品经理的职业发展与规划
• PPT分享：高效、可维护、组件化的CSS
• PPT分享：Pony对QQMail的邮件摘录
• PPT分享：产品设计与用户体验（马化腾）
• 精品阅读（14）20091130

分类：内容分享 | 发布日期：2010-05-31 | 20 条评论 | 标签：分享, 用户体验

近来，“用户体验”这个词越来越多得出现在互联网从业者的谈资之中，也有越来越多的人以谈论用户体验为荣，以吹嘘用户体验为乐趣。而对于到底什么是用户体验，为什么要去做用户体验，怎么去做用户体验却仅仅一知半解或压根就不明白。大家一窝蜂地去为了做用户体验而做用户体验，而连最为基本的用户体验要素都不得而知。试想，这样的一种态度和行为方式真的会为用户得来好的，真正的，易用的，贴心的体验吗？

这几天看到摄氏度写的一篇《烂大街的用户体验》，还有白鸦写的的一篇《关于泛滥成灾的用户体验》。他们不约而同地用一种审慎的眼光去批判地看待用户体验。能有这样的文章，能听到不同的声音本身就是一件好事，不管是赞许，是反对还是批判地继承。

那么。到底什么是用户体验呢？如何去做用户体验？而又为什么要做用户体验呢？下面我借助Slideshare上面看到的一个PPT跟大家一起探讨。

什么是用户体验？

用户体验是英文User eXperience design的中文翻译，国内往往简称为UE或UX或UED，而国外常用的英文简写一般为UX。

设计不仅仅是它看起来像什么和感觉像什么。 设计是如何工作。——史蒂夫乔布斯
Design is not just what it looks like and feels like. Design is how it works.—Steve Jobs

我们一起看看什么是好的设计，什么是伟大的设计，什么是疯狂的设计。

用户体验的5个关键元素
• 1、Learnability 易学
  
• 2、Efficiency 高效
  
• 3、Memorability 难忘
  
• 4、Errors 错误
  
• 5、Satisfaction 满意
  

我们通常会认为设计师应该是做装饰的，而我一直惊讶于设计往往有超越于设计学科的职责领域之外。好的设计是用来解决问题的。
I’ve been amazed at how often those outside the discipline of design assume that what designers do is decoration. Good design is problem solving.—Jeff Veen

我们所看到的，是视觉设计

我们看不到的，竟然足足有90%。而我们所能看到的，仅仅占10%。

我们看不到的90%的内容，主要包含：

• SKELETON 骨架
• Interface Design 界面设计
• Navigation Design 导航设计
• Information Design 信息设计
• STRUCTURE 结构
• Interaction Design 交互设计
• Information Architecture 信息架构
• SCOPE 范围
• Functional Specs 功能规格
• Content Requirement 内容要求
• STRATEGY 策略
• User needs 用户需求
• Site Objectives 网站目标

设计是非常关键的，它应该是每个部门的每一个会议的议程之一。
Design is so critical it should be on the agenda of every meeting in every single department.—Tom Peters

如何做用户体验？

用户体验的一般流程是这样的：

用户体验的交付物一般有：
• 1、Assessments 评审
  
• 2、Interviews 调查
  
• 3、SiteMaps 网站地图
  
• 4、Flow Charts 流程图
  
• 5、Wireframes 线框图
  

为什么要做用户体验？

• 1、商业的成功总是由整体客户体验的质量所决定的。——弗雷斯特研究公司，2001
  Business success is always defined by the quality of the overall customer experience.—Forrester Research, 2001
• 2、很难使用的网站会阻挠客户，丧失收入，进而削弱你的品牌。——弗雷斯特研究公司，1998
  Websites that are hard to use frustrate customers, forfeit revenue and erode brands.—Forrester Research, 1998
• 3、良好的设计是用以区分我们和竞争对手的最为重要的途径。——三星集团CEO 尹钟龙，2004
  Good design is the most important way to differentiate ourselves from our competitors.—Samsung CEO YunJong Yong, 2004
• 4、可以节省开支
  内容来源于Bias & Mayhew在1994年所著《Cost-Justifying usability》和 Human Factors International机构2001的报告。
• 4.1、下图中列举了需求、开发和部署三个阶段的设计方案和时间变动成本曲线。需求阶段，每个改动需要8小时，而在部署阶段每个改动则需要32小时。
  
• 4.2、以全过程需要有20次更改为例，每小时的人力成本为$35。在需求阶段完成20次更改需要花费$5,600，而在部署阶段完成20次更改则需要花费$22,400。
  
• 4.3、整整节省了$16,800!
  
• 5、可以带来额外收入
  内容来源于Jared M. Spool在2009年的博客文章《3亿美元的按钮》
• 5.1、我来这里不是想加入一个关系网。我只是想买点东西！
  
• 5.2、他们将会用市场营销信息来纠缠我，我肯定，我真的不想听到这些。
  
• 5.3、我在这里到底该用哪个e-mail地址呢？
  
• 5.4、这是更改之后的效果。按钮由“注册”改为了“继续”，同时增加了这样的描述文案：
  您不用注册帐号也可以在本站购买。只要按“继续”按钮就可以去结帐。为了您以后能更方便地购买，您可以在结帐的同时创建一个帐号。
  
• 5.5、一个小小的改动，整整带来了$300,000,000（3亿）的额外收入！
  

结语：用户体验是一种态度，一种思想，一种应贯穿于每个项目从始至终每一个环节的一种方法。

相关日志

• 从企业招聘看互联网产品经理的职业发展与规划
• 从《非诚勿扰》现象看婚恋交友类网站的发展
• PPT分享：产品设计与用户体验（马化腾）
• 精品阅读（12）20090917
• 精品阅读（11）20090916
• PPT分享：信息架构与可用性
• PPT分享：UX design. What, how and why.
• 杯具了，腾讯公关找我删博文

分类：用户体验 | 发布日期：2010-05-30 | 18 条评论 | 标签：产品, 产品设计, 用户体验, 设计

今天（2010年5月20日），QQ上有一自称腾讯公关部门的人联系我，叫我删除博客上面的一篇文章。大意就是说，我博客上转发了一个腾讯内部的PPT，不适合在外面发出，希望我帮忙撤下去。另外就是问我怎么获得这个PPT的，源头在哪里，转载自哪里，
还说这个PPT就我的网站上面有。殊不知，这样的一个PPT大半年前就在业界传开了，而转载网站至少也应该有数以千计。

对于这样的一个事情，个人感觉有点费解，索性把相关信息贴出来，请大家看看，给提提建议，谢谢大家！

如下是事件发生的大体经过：

10:14:48，QQ收到邀请信息：

下面是QQ交谈信息，原文复制，无一字更改。

• Kenneth 10:15:39
  你好 冒昧的打扰一下
• 蓝帅 10:15:43
  嗯，你好
• Kenneth 10:16:10
  http://www.soberma.com/index.php?s=%E9%A9%AC%E5%8C%96%E8%85%BE
• Kenneth 10:16:15
  这个网站是您在负责么
• 蓝帅 10:16:51
  啥事？
• Kenneth 10:17:31
  您的对外发出的这个资料是腾讯内部的学习资料，可能不是适合在外面发出，希望您能协助撤下：）
• 蓝帅 10:17:48
  你是？
• 蓝帅 10:19:12
  怎么拿到Q的？
• Kenneth 10:19:20
  腾讯公关部的工作人员。:)
• Kenneth 10:19:28
  搜索出来的
• Kenneth 10:19:55
  http://shimen.weilaixu.cn/
  我想了解你是怎么获得腾讯内部的PPT的
• 蓝帅 10:21:00
  删东西好说啊。。
  文档网上就有，搜索就出来了。
  怎么证明你是腾讯的人？
• Kenneth 10:21:21
  方便告诉我你的手机 我现在打给你。
• Kenneth 10:21:42
  是否方便告诉我文档网的地址
• 蓝帅 10:23:15
  要是删的话，给我证明的东西吧。
• 蓝帅 10:23:17
  发加盖公章的声明
• 蓝帅 10:23:27
  不然我不知道你是哪里的
• Kenneth 10:24:43
  好啊 请给我你的真实身份已经从哪里获得这个信息的源头。我会给你发声明，同时也会给源头发声明。
• 蓝帅 10:26:58
  网上到处都是，铺天盖地的
• 蓝帅 10:27:22
  再者说，具体是不是你们公司写的，谁知道啊
• Kenneth 10:27:26
  目前还没有看到 只看到您的这个地方有:)
  也麻烦告诉我您的转载网站吧
• 蓝帅 10:27:52
  http://www.google.com.hk/search?hl=zh-CN&newwindow=1&safe=strict&rls=com.microsoft%3Azh-cn%3AIE-SearchBox&q=PPT%E5%88%86%E4%BA%AB%EF%BC%9A%E4%BA%A7%E5%93%81%E8%AE%BE%E8%AE%A1%E4%B8%8E%E7%94%A8%E6%88%B7%E4%BD%93%E9%AA%8C+%E9%A9%AC%E5%8C%96%E8%85%BE&aq=f&aqi=&aql=&oq=&gs_rfai=
• 蓝帅 10:27:59
  你们不懂搜索吗？
• Kenneth 10:29:29
  嗯 谢谢你的提供 您的转载是来自哪里呢?:)
• 蓝帅 10:29:55
  不知道。。老早的事情啦

另：这个事件之后，好些网友反映我的博客访问速度一直很慢，我这里访问也有些慢。接下来我不知道还会发生什么。

相关日志

• 用户体验到底是个什么玩意儿
• 从《非诚勿扰》现象看婚恋交友类网站的发展
• PPT分享：产品经理的视角（腾讯）
• 从企业招聘看互联网产品经理的职业发展与规划
• PPT分享：Pony对QQMail的邮件摘录
• 精品阅读（12）20090917
• 精品阅读（11）20090916

分类：杂七杂八 | 发布日期：2010-05-20 | 45 条评论 | 标签：产品, 腾讯

敢于秀出你自己，你就是最棒的。如下是按照参加先后顺序列出的参加者所提供的照片，请大家欣赏并留言批批。

• 蓝帅
  
• 猴子
  
• 吾可.
  
• 弹簧
  
• 阿杰
  
• 香樟树
  
• 蜈蚣
  
• Gafish
  
• 创享·生活
  
• Aluan
  
• iamlukas
  
• 老七
  
• keymi
  
• L
  
• Mark
  
• 一剑
  
• 619
  
• 灵曦
  
• kaka
  
• 堂主
  

如需取得上述大虾的网站或联系方式，请移步我秀我的工作台的征集令页面。

特别推荐：未来大叔

• 先看看哥的显示器：
  
• 这是哥的物件，看看都有啥？
  
• 传说中的杯具
  
• 好吧，给你加个说明，考验你眼神噢。。。
  

特别推荐：龙崽，一个通过微博参加活动的朋友。很是抱歉，之前没有注意到你的照片。更抱歉的是，现在没有奖品了，望见谅。。

相关日志

• “我秀我的工作台”获奖信息
• 召集令：幕后“台前”秀–我秀我的工作台
• 国外知名网站的幕后“台前”大揭秘
• 如果,他们懂行…
• 个人近期的工作生活琐事

分类：内容分享 | 发布日期：2010-05-19 | 26 条评论 | 标签：工作台, 工作生活, 工作站

“我秀我的工作台”这个活动持续了已经将近半个月了，这期间有不少朋友热情地参与了进来，并提供了一些不错的照片。由于参加的人数不是特别的多，也就没能按照前面文章中所写，去按照类别评出一些获奖者。最终采用的是给参加活动的朋友群发邮件，大家回复邮件抢自己喜爱奖品这样的一种方式来实现奖品的分配的。

本次活动的图片，随后我会整理并发出。另外，这个活动感兴趣的朋友可以继续参加，只是暂时没有奖品了。

本次活动前期所列举的奖品主要有：

1. 由未来大叔提供的wow矮人战士玩偶一个；
2. 由佳少提供的计算机图书10本（《疯狂的程序员》、《网上炒股 手机炒股一册通》、《Excel VBA入门与办公应用》、《精通DOJO》、《jQuery基础教程》、《动画——角色的运动和动作》、《苹果Mac OS X 10.5玩家手册》、《佳能EOS数码单反相机使用手册》、《设计+制作+印刷+商业模板 IndesignCS4典型实例》、《力量——动画速写与角色设计》各一本）；
3. 由猴子提供的蓝腾主机2个（WIMP\无限流量\无限空间\无限IIS连接数\FTP\Mysql\GD\Jmail）；
4. 由蓝帅提供的Hostgator主机2个（LAMP\无限流量\无限空间\独立IP\FTP\Mysql\GD\Jmail）；

最终的奖品分配如下：

1. wow矮人战士玩偶 一剑
2. 《疯狂的程序员》 蜈蚣
3. 《Excel VBA入门与办公应用》 创想·生活
4. 《jQuery基础教程》 iamlukas
5. 《动画――角色的运动和动作》 阿杰
6. 《设计+制作+印刷+商业模板 IndesignCS4典型实例》 老七
7. 《力量――动画速写与角色设计》 灵曦
8. 《佳能EOS数码单反相机使用手册》 kaka
9. 蓝腾主机 弹簧
10. Hostgator1号 L
11. Hostgator2号 香樟树
12. Hostgator3号 Mark

奖品说明：15个奖品，默认被抢走了13个，《精通DOJO》和《苹果Mac OS X 10.5玩家手册》没有出手。猴子刚开始选择的是《网上炒股 手机炒股一册通》，后来放弃。Mark刚开始选择的是一款蓝腾主机，后来由于**问题，转而由蓝帅额外提供一款Hostgator主机。

作为对奖品提供者的额外奖励，猴子获赠新出的热销书《说服力:让你的PPT会说话》一本；未来大叔获赠《精通DOJO》一本；

由于活动是个人所办，没有任何可支配费用，本想图书获赠者一律用到付的形式寄出。实际邮寄过程中，人民邮电出版社的御用快递公司只能支持北京市内的到付，不能支持外省市的到付。最终除北京市内的两位获赠者之外，外省市获赠者的图书邮寄所产生的费用由佳少买单，在此对佳少同学表示非常的感谢和崇高的敬意。

附：奖品领取的邮件全文。

各位秀工作台的朋友你们好，

我是SoberMa，这次活动的发起者。很高兴各位能够参加这样的一个小活动，昨天kaka问起何时发奖评奖的问题，今天邮件跟大家说明下。本想将这个活动持续的时间长一些的，但是这几天一直没见新的朋友参与进来，索性就此结束吧。

我所发邮件的18位朋友是实际发图参加活动的，在此非常感谢各位的热情参与。由于奖品前期征集到的只有15份，而实际参加者有18人。本次活动暂且不去排名和分奖项了。

我在邮件中列出所有的奖项，大家收到邮件之后选择自己想要的奖品，加粗、标红，并注明自己的地址、邮编、电话（选主机的朋友可不提供），然后全部回复邮件给所有人。

本次发奖遵循先到先得，18位朋友中优先回复邮件并正确索取奖品的胜出。如有重复，以我收到邮件的先后顺序为准。如发现想要的奖品被抢，可以立即着手回复邮件抢别的奖品。

具体奖品有：

• wow矮人战士玩偶
• 《疯狂的程序员》
• 《网上炒股 手机炒股一册通》
• 《Excel VBA入门与办公应用》
• 《精通DOJO》
• 《jQuery基础教程》
• 《动画——角色的运动和动作》
• 《苹果Mac OS X 10.5玩家手册》
• 《佳能EOS数码单反相机使用手册》
• 《设计+制作+印刷+商业模板 IndesignCS4典型实例》
• 《力量——动画速写与角色设计》
• 蓝腾主机1号
• 蓝腾主机2号
• Hostgator1号
• Hostgator2号

最后，一点不好意思的事情，由于奖品都是朋友友情赞助，而且个人站点暂时也不盈利，因而实物类奖品只能给大家寄到付（即，各位负责邮寄发生的费用），望大家周知。

再次感谢大家的热情参与，谢谢！

SoberMa

相关日志

• “我秀我的工作台”照片展示
• 召集令：幕后“台前”秀–我秀我的工作台
• 国外知名网站的幕后“台前”大揭秘
• 如果,他们懂行…
• 个人近期的工作生活琐事

分类：内容分享 | 发布日期：2010-05-19 | 14 条评论 | 标签：工作台, 工作生活, 工作站