奇艺网内测进入第二阶段，我们也总算拿到了邀请，迫不及待要体验一下这个号称关注用户体验的高清视频网站。

总体感觉奇艺视频画面清晰度高，播放流畅，整体风格清新简洁，相对不足的是，目前内容略显单薄，且网站对带宽要求较高。

Hulu风格，简洁清新

打开奇艺，整个页面感觉清新简洁，确实和Hulu风格很相似。视线很容易就被焦点区轮换播放的高清图片吸引。切换按钮也和hulu的样式相同。焦点区占了首屏一半的区域。值得注意的是，每张大图出现的时候，文字并没有同时出现，而是先出现完整的高清图片，文字再在1秒以后淡入，这在视觉上更让人感觉简洁，同时用户先看到纯粹的图片，也加强了图片本身的冲击力和吸引力。

焦点区右侧上部为推荐视频，下部是奇艺资讯。点缀的绿丝带使暗色调的焦点区生动起来，不那么沉重。仔细看这部分区域是遮盖在头图上层的一个圆角黑板，不会随焦点图的切换而变化，内容和左侧的图片也没有什么关系。这可能会造成某种程度的疑惑，因为根据用户以往的使用经验，会把图附近的文字当做是对图的说明；另外鼠标在黑板上任意位置都可点击，但只有文字高亮的情况下才会进入当前文字所对应的视频，非高亮状态下点击黑板上任意位置都是进入左侧图片对应的视频，或许黑板区域点击区的分割应该更清晰些。

首页栏目布局并未采用Hulu式的由左至右模式，而是由上至下分别为电影、电视剧、纪录片、综艺版块，更符合国内用户使用习惯。每个版块都是左中右三栏式结构，左侧为分类，中间是图文推荐，右侧为点播排行，整体布局简洁明了。

贴心小应用

首页焦点区右上方还有两个贴心的小功能，一个是播放记录，用户之前看过的视频，下次通过点击”播放记录”选项，会提示用户观看过的视频及观看截至时间，点”继续观看”可自动续播，一个月前酷6剧场率先推出自动续播功能，但并没有在用户经常访问的首页提供该功能，只在播放页有此功能，感觉是没有考虑清楚用户的使用路径。因此奇艺网的这个功能可以看成是对酷6剧场该功能模仿基础上的优化。如图，上为奇艺网的播放记录，下为酷6剧场的观看历史

另外一个小应用是”随心看视频”，提供了开心、无聊、悲伤、郁闷四种不同心情的头像，对应推荐不同的视频

高清体验，品质感强

除了首页的高清大图，奇艺的视频默认即为高清模式，看起来确实很清晰，品质感强，另外也有超清、流畅模式供选择。高清模式下，在1M以下带宽下会比较卡，1M以上会感觉很流畅。

突出”看”，简化”评”

播放页的Logo和全局导航变窄了，视觉重心很自然落到视频上。奇艺的视频默认尺寸为640*520。视频下方是视频相关信息，用Tab切换，节省空间；用户评价只有简单的评分功能，并没有开放评论。看来奇艺的重心在”看”，保持单纯，暂时没有加入更多让用户参与互动的功能。整个页面只有一屏多一点，非常简洁。

细节体验优秀

在视频开始自动续播时，奇艺会告诉用户为什么从这儿开始播，并提供”从头观看”的选项。让用户使用起来清楚明了。

在你拖动滑块时，会出现奇艺的吉祥物？加载画面

同时奇艺会很体贴地以为你是想跳过片头片尾，在播放器下方会显示”跳过片头片尾”的提示

另外”关灯”功能可以将页面其他部分全部隐去，变黑，只剩下播放器，让用户看视频时毫无干扰。

此外还有个”分享”功能暂时没有开放。

其他

分类：

奇艺在列表页提供多重分类检索功能，考虑到很多用户习惯使用列表来查找视频，多重条件的检索确实可以优化用户检索流程。

速度：

首页加载速度：非常快，工具测速结果为1.67s

视频播放页加载速度：感觉上需要等待片刻，大约1、2秒的时间，视频开始播放，工具测试结果为3.02s

视频播放：播放感觉流畅，拖动滑块加载时间不太稳定，试了几个不同视频，2-12s不等

——————–邀请函广告分割线——————————————————————————

如果你需要试用邀请，可以留言写下你的email^^

上周一在UIRSS上看到“2010中国优秀用户界面设计评选-中国用户体验设计精英汇走进清华大学”，很长的名字，当时网上报名只报到一个候补名额，周六那天纯粹想着去试试，没想到递了名片，作了登记，很顺利就进了会场。

出席嘉宾有清华大学工业设计系主任刘振生先生和来自微软、谷歌、百度、新浪、搜狐、腾讯、淘宝、中国移动、诺基亚、盛大在线、图吧、 eicodesign、chinaui等公司的相关团队负责人或资深设计师代表。UIRSS网站总编徐海波担任主持。盛大在线郎佳明、淘宝网UED天宏和google的吴卓浩先后分享了用户体验和视觉设计方面的心得。参加活动的除了业内的设计师，还有许多来自清华和周边高校的学生，让这场活动几乎成了半个校园招聘会，每个嘉宾自我介绍时都不忘申明自己所在公司正在大规模招聘。一到中场休息，前排VIP座就被围了个水泄不通。其实之前很少参加这样的活动，因为不少类似标上“精英”的都价格不菲，难得遇上免费的，以后有类似的活动肯定还会再去。

UIRSS总编徐海波开场主持

清华大学美术学院A301报告厅

之前有做设计的朋友聊到想在负责项目的网站上做一些与众不同的有趣功能，但同时又犹豫值不值得花心思去设计这么一个看似微小的功能，因为实在也无法判定这个有趣功能带来的愉悦体验能给网站的用户带来多大价值。

很多设计师都希望自己的设计能够与众不同，能够更新鲜，更有趣味性，但往往与众不同对于用户而言又意味着一定的学习适应成本。如何在趣味性和易用性之间求得一个平衡，找到那个点，很多情况下就成了只可意会不可言传，很难把握的一件事。

昨天碰巧读到Fred Beecher写的《趣味性，易用性和使用场景——愉悦体验的三大支柱》（英文原文在此），觉得非常有意思。他试图用数据来表示趣味性与易用性之间的关系，尽管只是一次小型的调研，但得出的结论对有上述困惑的设计师而言，还是挺有价值。

两个为iphone设计的单位转换工具，如下图所示，四个iphone用户，每人四个相同的测试任务，三个问题。结果是有三个人更喜欢左边那个，理由是它更直观。只有一个人强调说当她搞明白了右边那个工具，就完全爱上了它，因为觉得很有趣。当然，她所说的有趣是有学习成本的。从任务完成的时间也显示左边工具平均耗费时间要大大低于右边那个。

在此基础上，Fred Beecher得出了三点假设：

1. 当用户任务目标明确，并且是不常见任务，很少会使用到目标产品时，易用能比趣味带来更多的愉悦体验。（或许把这类目标明确直接的任务称作闭合性任务）
2. 当用户有个大致目标，但不是很明确，同时又经常有此需求时，趣味能比单纯的易用带来更多的愉悦体验。虽然趣味性的系统往往需要用户学会使用才能感受其乐趣，但如果学会使用能够带来非常明显的好处时，用户也会愿意花时间去学习适应它。（或许可以把这类有大志目标方向，但更多需要探索发现的任务称作开放性任务）
3. 一个有趣的系统，其易学性与其产生趣味的交互层次成反比。他提到三种层次的交互，最简单的是单一的交互，比如一个按钮；然后第二层次是两个或两个以上单一交互形成的交互流； 最高层次则是系统性的交互，通常包含了相对复杂的使用该系统的语言，比如一个游戏的构成，手势，视觉语言等等。当趣味性依赖更高层次的交互，变成系统性的交互时，其易学性就大大降低了。

作者给出了存在于趣味性和可用性之间的一条曲线：交互越复杂，趣味越大，易学性、易用性越低，学习成本越大。（横坐标为产生趣味性的交互水平，交互层次；纵坐标为易学性，也可以理解为易用性）

就像上面提到的两种转化工具，左边那个的趣味性只存在于单一的交互效果中，比如轻轻触发旋转它左侧的导航滚轮，很直观就会用了。而右边这个工具的交互性更强，它更像一个真实的机械模型，有旋转的面板，旋转的时候会发出“呜呜声”，轮子之上又有“啼嗒”作响的按钮，等等，这些形成了相对复杂的交互流，学习适应成本也随之上升。再如iphone本身就是个更为复杂的交互系统，你为了感受它所带来的愉悦，需要去适应一种与以往任何手机不同的交互模式，这就和玩游戏一个道理。

那怎样才能让趣味性带来最大限度地愉悦体验呢？Fred Beecher同样给出了一个参考图表，综合了用户使用场景，使用频率来考察。虽然并非精确的标准化图表，但至少在某种程度上可以作为参考，也可以提醒自己，下次遇到相似的问题时，记得从用户使用场景，使用频率去综合思考，用户会更多倾向于单一交互所带来的有限趣味，还是系统性交互带来的更多趣味。

Smashing Magazine最近对50大流行网站做了一次关于排版设计样式的详细研究，虽然得出的只是一种统计结果，并不算真正严谨的科学研究，但对于网站设计者而言，也可以把它们当做一个参考的标准。英文原文详细报告在此，翻译过来一些主要结论如下：

1. Serif或者sans-serif字体都同时适用于正文和标题,比较而言，sans-serif字体在正文和标题中更常见.
2. Georgia, Arial和Helvetica常用于标题
3. Georgia, Arial, Verdana和Lucida Grande常用于正文
4. 最常见的标题字体大小在18和29pixels之间
5. 最常见的征文字体大小在12和14pixels之间
6. 标题和正文字体大小之比为1.96
7. 正文行高与正文字体大小之比为1.48
8. 行宽与行高之比为27.8
9. 段落间距与行高之比为0.754
10. 每行最佳字符数在55和75之间, 但每行75-85个字符更常见
11. 正文都是左对齐，很少使用图片替代（image replacement），链接不是加下划线就是加粗或者以颜色高亮

当然设计师都是希望自己的网站和别人的看上去有所不同，但遵循一些基本的业已成型的共识，可以让你的网站对你的用户更友好，减少其适应期。当然这里谈到的只是面对大众用户的公众网站，很多个人网站则完全可以不按常理出牌。