原作者: AN Jay 原文 译者: 黑莲

每个网页设计者或开发者都希望他们的网站能够带给用户最好的体验，无论用户是什么浏览器/操作系统/屏幕分辨率，但是让我们面对现实，屏幕分辨率/操作系统/浏览器确实影响网站的用户体验。

屏幕分辨率

发现上面的图片中，最常用的分辨率是1280×1024，而1024×768排在第二，1280×800排第三。

浏览器统计数据

发现用户最常用的浏览器是Firefox，而微软的IE则排在第二，Safari排在第三。

操作系统

排第一的是微软，其次是苹果麦金塔，然后是linux。

浏览器和操作系统混合数据

发现最常见的搭配是微软的平台，Firefox浏览器，而微软和IE只是位居第二。

总结

通过分析上面的数据，网页开发和设计人员应该能找到目前的流行趋势了。这样就能保证你们的网站提供最佳的用户体验
。

我觉得上面的数据无论是对于新的网站或者已经在运营的网站都非常重要。我相信最佳的浏览体验能够带给用户一种享受。同时也能给用户一个好印象。

所以，现在看一看，你的网站是不是给用户提供了最佳体验或者需要优化改进一下。如果要获取用户的详细信息，比如来自哪里，如何查看你的网站的，目前的浏览体验是什么等等，可以使用免费的google analytics。

非常欢迎你们跟我们分享用户最佳浏览体验的相关经验。

概要

网络是不断的进化的. 新的和有创意的网站每天都在出现, 从各方面都在冲击着HTML的边界. HTML 4来到我们身边已经差不多有10年了, 发行者们不断的寻求提供更强大的功能新技术, 但是常会因为标记语言和浏览器的约束而路途坎坷.

为了给作者们提供更灵活, 更具互操作性, 能有更多交互性并令人振奋的网站和应用程序, HTML 5 引入并加强了一系列功能, 包括表单控制, 应用程序接口(APIs), 多媒体, 结构化和语义化.

HTML 5的工作, 开始于2004年, 在 W3C HTML WG 和 WHATWG 的共同努力下现在正在全面贯彻落实. 很多关键角色参与了W3C的努力, 最具代表性的是4大浏览器厂商: Apple, Mozilla, Opera, Microsoft; 还有一系列的有着不同利益和专业技术的其他机构以及个人.

编写详细规范的工作还在进行中, 离完成还有很长的路要走. 同样的, 在这篇文章中讨论的功能不排除在未来有所改动的可能. 这篇文章只是以大纲的形式介绍一些在当前的草案中的主要的特性.

结构

HTML 5 引入了一整套全新的元素来让构建页面变得更加简单. 大多数基于HTML 4的页面的包含多种常用结构, 比如说页首(header), 页脚(footer)和纵列(column). 现阶段我们通常会用div元素标记这些区块, 然后为它们定义一个描述性的id或是class.

图表说明一个典型的用div元素带上id和class属性标记的2栏布局. 其中包括页首(header)和页脚(footer), 在页首下面是一个水平导航条, 主体内容又包含了文章(article)和它右边的侧边栏(sidebar).

大量的使用div元素是因为目前的HTML 4版本缺少更明确的语义描述这些区块所致. HTML 5 为了表现这些不同的区块而引入了新的元素.

那些div元素可以被新的元素代替了: header, nav, section, article, aside以及footer.

用这些新元素会有一些优势(相对于HTML 4). 当和标题元素(h1 – h6)一同使用时, 可以标记出嵌套的章节标题层次, 超越之前版本的HTML仅有的六个层次. 规范中包含了一份生成大纲的详细算法. 把结构化这些内容纳入考虑范围, 并仍旧向后兼容先前的版本. 这样可以在编辑工具以及浏览器中生成目录来帮助用户来浏览这个文档.

举例说明, 下面的标记结构使用了嵌套的章节和h1元素构成:

这里要注意, 为了更好的兼容现在的浏览器, 它也能在适当的位置利用其它的标题元素(h2 – h6)来代替h1元素.

通过辨别页面中的章节使用特殊章节元素的确切目的, 辅助的技术能帮助用户更容易的浏览这个页面. 举例, 他们能不费力的略过导航区块或者能快速的从一篇文章直接跳到下一篇而不需要作者提供跳转链接. 对于创作者来说, 在文档中去掉多余的div, 而用一些更明显的元素代替它们, 会让源代码更清楚而且更容易书写.

来源于其他网址

Google：

Google的运气不错按钮，据Google一VP讲它很重要，可以增加Google搜索机器的一点“人”情味儿。

不过，我已经忘记了自己有没有点过。我来搜这个相关的信息，您这么牛，赶紧帮我找出最相关的那些来就好，谁要赌什么手气啊，难道手气好就能搜到，手气不好就搜不到？

百度：

百度没有这么干，但他们把“搜索”按钮改成了“百度一下”，不稀奇？

用户会想：这百度一下干什么的啊？点一下会怎样？点了之后，用户看到了搜索结果，找到了答案。哦！不知道的问题，百度一下，就知道了。。百度一下，你就知道，这正是百度的标语(Slogan)。百度的这一设计，巧妙的将品牌因素注入了用户真实的交互体验中。让他们亲身体验去呼应出百度的品牌标语。

Flickr：

但是今天的题目是关于情感化设计的，Google并没有唤起我有某种赌运气的热情，百度了，似乎也平平淡淡，无所谓情感呼吁。但是，Flickr却一直在尝试用文字去表现其个性：

每次Flickr都会变着花招的跟登录进去的用户打招呼。这次用的是荷兰语，嘿嘿，还带了点教育成分，现在你知道怎么用荷兰话打招呼了吧（Now
you know how to “hi” in Dutch!）。这个没什么意思吧似乎？放在本地的中文网站，搞这套自然没有大意思。可别忘记了context是Flickr的国际化，每天来自世界各地的用户互相浏览对方的图片，语言正好是一个沟通重要因子～现在Flickr每天就像个可爱的鹦鹉一样，你逗我来，我逗你。

面对Flickr的八国语言问好，也许你会浅浅一笑，也没有太多什么情感体现啊。但下面这个页面出来时，我真的乐了：

每天关心Feed订阅量的blogger们，有一天再次打开Feedburner这个统计网站，原本只有“我的Feeds”的标签，突然赫然写了一句：我的Feeds是无敌的！我都不好意思了，这简直就是拍马屁嘛，不过，这个这个，我还真的希望自己的Feeds万众爱戴，这马屁我还真喜欢。

再登录一次，发现上面换了一句：我的Feeds订阅量正在雨后春笋般的增长！哈哈，虽然知道这只是美好的愿望而已，但还是觉得乐了～每次登录，都有一个耀眼的鼓励让你继续努力，让MyFeeds更好更好～用一句话，为你的用户制造一个美好的梦想，激励他们为了梦想坚持努力，善莫大焉。

设法让用户happy吧～只要你的设计让用户乐了，产品的个性就得到了一次彰显，而用户对网站的情感就会获得一次升华。

转载　来自：油茶研究会

用户体验值=绝对体验值-用户期望值

这是昨天在一个项目咨询会上经理提出来的公式，在以用户体验为中心的第三代网银飞速发展的今时今日，事业部领导层对用户体验都有了自己较为科学的理解。我对他的提法很感兴趣也很认可，记得去年我写过一篇
也说用户体验的量化
，我认为这个公式就将用户体验这样一个虚幻的东西具象化了，甚至可以成为一个量化的数值。下面我用自己的理解来延伸，解释一下这个量化的过程：

1.绝对体验值

绝对体验值就是由设计人员所创造的这个产品将给用户带来的体验感受，我认为这个才是我们平时所称道的“用户体验设计”，包括内容、交互流程、访问速度、无障碍设计等等各个方面，那么该项绝对体验值的数值如何得来？我们公司对于网银产品的绝对体验值就有自己的模型——用户体验五边形（业务，技术，安全性，交互，界面）并且有一套较为完整的评估标准和计算公式，可以很详细的评估任何样本行的分值。具体的评估方法那当然属于商业机密拉，呵呵。

在我近日阅读的《交互设计之路》这本书中也提到一个产品的三品质概念模型(P68)。三种品质分别为可能性、可行性、期望性，所代表的分别是技术、商务以及设计三个方面，试想如果评估专家在技术、业务以及设计三方面通过某些特定的标准进行比对并可以得出较为客观的数值，强调一下，是客观的数值，然后可以通过三方面的关系构建一个详细的计算公式，从而通过这三个数值计算出这个产品的绝对体验值。看来我们的研究方法还是蛮科学的。

2.用户期望值

用户期望值也很容易理解，就是用户对于该产品的心理期望。由于每个用户的思想意识的差异性，个体的用户期望值不尽相同，所以才在得到的用户满意度调查问卷中得到五花八门的结果。对于个体的差异，可以参照
Ami的用户体验RPG
。正因为这样主观性内容的存在，才需要设计师进行用户问卷调查，用户测试等等。而对于对于这个期望值的数值就可以来自于调查的大批量数据的平均，也可以来自于该产品现有同行业的“用户体验值”，因为用户对同业产品的使用体验将直接影响他对新产品的期望。

3.用户体验值

看看这段关于用户体验的定义——引用内容：

用户体验是一种纯主观的在用户使用一个产品（服务）的过程中建立起来的心理感受。因为它是纯主观的，就带有一定的不确定因素。个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。但是对于一个界定明确的用户群体来讲，其用户体验的共性是能够经由良好设计的实验来认识到。

虽然我认为这个定义有些片面，但是提到的关键点确是毋庸置疑的，因为特定产品的绝对体验值在设计完毕以后就是固定的，那么就取决于这个不确定的纯主观因素。我认为量化的用户体验数值是十分必要的，它将直接的展示产品设计的结果，是否具有竞争力，是否被用户接受，在对外宣传以及形成产品反馈系统上都有重要的意义。

4.公式

可以在这个公式中简单的得到这样的结果：

绝对体验值>用户期望值 —— 良好的或至少达到标准的产品

绝对体验值=用户期望值 —— 差强人意勉强应付的产品

绝对体验值<用户期望值 —— 让人恼怒的失败的产品

依上文所述，用户对同业产品的使用体验将直接影响他对新产品的期望，那么“用户期望值”就是一个变量，而且是递增的变量，要设计出良好体验的产品，按照公式必须让“绝对体验值”高于它，所以需要设计师不断的完善产品的用户体验设计，让产品在市场的激烈竞争中经久不衰。所以，设计师们，一起努力啊！

转载来自：设计诉说