在开始本文之前，先看下这个网站：新闻聚合网站Drudge Report（德拉吉报告）。维基百科上的介绍

美国《纽约时报》网络版撰文称，在互联网飞速发展的今天，美国新闻聚合网站The Drudge Report却依旧保持着上世纪90年代的版面，14年来几乎没有任何改版。更令人惊奇的是，就是这样一家“简陋”的网站，却成为仅次于谷歌的全美新闻网站第二大推荐流量来源，甚至达到Facebook的两倍。

————摘自：2011年05月16日 新浪科技

网站，作为一个提供信息的资源尽管有诸如各种优化方法。但离不开其核心：内容为王。用户喜爱的网站并不一定有多么漂亮的界面，也不一定有多么好的用户体验（除了上面提到的德拉吉报告界面、用户体验均不好。）。而吸引用户访问的最重要原因是因为网站内容。从天涯到百度贴吧，都体现出了“内容为王”的特点(天涯、百度贴吧至少在界面上是毫无美观可言)。因此，各种优化网站的手段都必须建立在内容基础之上，没有了内容就无从谈起各种优化手段。

接着前面的两篇：《minisite中的用户体验之 — landing page》、《minisite中的用户体验之 — 内容布局》之后，总结下minisite网站内容上的用户体验。

禁忌空洞无用的内容

排版布局的重要性，而网页内容的排版与平面杂志有些不同：

网页排版以可以让读者快速阅读为前提。

参考网站：
Prism Girl

易用性差的网站通常都有同样的通病。当哥在这么漂亮的网站上看不到导航时，就不得不用鼠标乱戳的方式查找链接。这个网站很漂亮但也非常复杂，复杂到我们需要花费一个小时来找链接，但你可能都猜不到点击跟随鼠标的图标方式进入网站。并且，这个网站除了令人印象深刻的设计之外就没提供个毛内容出来！

文字特效

尽少使用影响正常阅读的特效，包括闪耀的背景，各种修饰过度的字效。

参考网站：
EContent

经过漫长的加载后，网站需要访客点击”进入”按钮。好吧，我们点它下。尽管网站上有坨快捷菜单，但很不幸的是这坨菜单并没有引起访客的注意。并且，访客需要将鼠标挪到图片上才能查看子类目。而这些导航按钮需要访客非常仔细的查找才行。

设计服务于内容

减少与与文字内容无关的各种繁杂效果。

参考网站：
There Studio

有一半的圈圈看上去是可以点的，实际上却不能。如果拖拽一个圈圈，它会跳到其他圆圈中去。当然，这些坑爹的圈圈动画效果充分的体现出公司比较xxx的理念，这明显有些过度了嘛！用58秒等待一个动画的确太漫长了。并且，如果你想需要更多的圈圈，点击或拖拉空白区域就会出来，同时也带给访问者更多迷惑。

Desing Sul

哥从未见到过加载问题如此之杯具的网站。多重加载元素，即使你看到了网页内容实际上还有东西要再次加载。也没有迹象可以表示加载结束了，这样做也让哥非常的困惑不解并且该网站还不易使用。事实上，找到阅读的内容也需要花些功夫，而网站在牛奶卡通包装盒所做的效果与内容根本没有毛关系嘛。

接着上篇章：《minisite中的用户体验之 — landing page》，landing page之后，接下来就是页面了。

可能会有人觉得反正minisite就几个页面而已。无需过多考虑页面信息布局问题。但既然是网站，自然想让页面有更高的粘度，而用户体验的会对其产生一定的影响。如果每个页面的导航虽然很有创意但用户使用起来很不方便，那么即便是再有创意也会因为难以使用而令人产生反感不想继续浏览下去的想法。

网页设计，导航栏就应该像是导航栏、信息区域就应该像是信息区域。没有人喜欢用鼠标不断的在看似可点击的区域去尝试点击。下面是总结的一些点：

导航栏

网站的导航栏目的很明确：导航网站，用户可快速访问网页。那么导航也就需要让用户轻易找到，并且展示方式也需要有效率（把所有的内容都堆放在导航栏上也会令用户感到头大）。

参考网站：

Content Of

即便是已经阅读”关于我们”页面并文字里有许多的随机链接，哥还是很疑惑这个页面到底是不是打酱油用的。最合适的猜测可能这是个人介绍页面，而乱七八糟的链接和找不到导航栏，哥只能带着困惑和不解离开这个网站。

Self Titled

隐藏的菜单与类目不清楚导致网站导航难以使用。当访客想找到他想了解的类目将会是非常困难的。

尊重原有的习惯

网站的布局是可以稍微有变化的，但是太大的变化会让人无所适从。

参考网站：

Lego Click

网页的滚动通常是从左至右，从上到下。而这个坑爹的网站却是从网页底部开始。加上不能关闭的关闭按钮和其他些小问题，你会觉得乐高这个网站很莫名其妙（虽然设计很漂亮）。

Kyle Tezak

这是另一个视觉效果很好但由于糟糕的用户体验会引起访客不爽的案例。网站上没有固定的导航栏，而只是个悬浮着的固定导航条(感谢江列农同学的纠正)。如果要找到联系方式，需要到左下角点击”Information”（信息）。使用更传统的方式将有助于提升访客体验：例如，放一个电子邮箱或是将文案改为”contact information”（联系信息），亦或是在页面底部添加联系方式。这是典型的通过细节提升用户体验的方式。

善用首屏

首屏的是非常之重要的。也不讲什么因为所以了，单看看门户网站的报价单就可以知道，往往首屏广告的价格是二屏的2倍！

参考网站：

Bio Bak

这是另一个拖动方式进行导航的网站，很显然它对于这种导航方式自我感觉非常良好。从视觉/乐趣角度来说是个好网站，但设计公司设计了用户体验很糟糕的导航方式：必须要使用鼠标滚轮才能看到比首屏更多的内容。

可点击的内容

首先，链接应该是看上去就像链接。而不要让用户拿着鼠标在页面上面漫游的查找（通过鼠标的指针形状变为手型）。更极端的情况是：连手型都没有。特别是要注意flash中按钮的hit区域。

参考网站：

Prism Girl

易用性差的网站通常都有同样的通病。当哥在这么漂亮的网站上看不到导航时，就不得不用鼠标乱戳的方式查找链接。这个网站很漂亮但也非常复杂，复杂到我们需要花费一个小时来找链接，但你可能都猜不到点击跟随鼠标的图标方式进入网站。并且，这个网站除了令人印象深刻的设计之外就没提供个毛内容出来！

接触了许多的minisite项目，从最初的创意到demo设计到功能实现直到项目正式上线，往返的修改次数很多，大都是视觉与内容的改动。真正能为用户着想的关于用户体验方面却少之又少。往往追求创意第一，而其他的也就不多考虑了，总是希望能令人有耳目一新的感觉。而所谓的用户体验也多是借鉴下已有的网站。究其原因，往往客户把自己的行为认定是访客的行为，而设计师往往疲于修改稿子或内容，能在规定的时间内把项目按照客户要求完成已是极限了。当然，除此之外也不排除二者对用户体验的了解不够所造成的。

接着前篇翻译：《前车之鉴 — 那些好看不好用的网站案例》，分享下自己的一些总结。希望能对大家有所帮助。

Landing page，即访客访问到你网站的第一个页面。最近恰好在读《Landing page优化权威指南》这本书，自己的体会：

1. Landing page是网站中提升效果最关键的页面；
2. 访问者打开Landing page的第一印象就决定了网站的印象；
3. Landing page的优化取决于多重因素：Web设计、人类心理学、文案撰写、可用性…

页面打开速度

minisite中常用的flash往往使得由于追求效果导致flash文件变得巨大，下载时间也变长。网页内容下载时间超过了访客的耐心，那么即便是再漂亮的设计，再炫耀的动画也不会让访客改变关闭浏览器窗口的决定。等待的时间越长，网页被关闭的可能性也就越大。往往事情就是这样：网站几分钟内还没看到内容，那么用户就会关闭页面。

下面是几点可能进一步提升用户体验的方法：

1. 尽量减小下载的文件大小，确保访客有足够的耐心等待；
2. 有下载进度提升，预估下载时间；
3. 不重复加载相同的元素；

参考网站：
EContent

经过漫长的加载后，网站需要访客点击”进入”按钮。好吧，我们点它下。尽管网站上有坨快捷菜单，但很不幸的是这坨菜单并没有引起访客的注意。并且，访客需要将鼠标挪到图片上才能查看子类目。而这些导航按钮需要访客非常仔细的查找才行。

减少干扰用户的元素

片头动画

在制作动画完片头动画后，谁最喜欢看？除了设计师本人外就是客户了，前者是带着欣赏自己作品的眼光一遍遍的欣赏，客户则是带着挑刺的眼光一遍遍的看。那么真正的用户就不会这样了，特别是那些播放时间过长的动画。还是加个跳过按钮吧，别把用户想象的那么有耐心。
参考网站：

Theologos

无跳过介绍的按钮。无视觉清晰的导航栏。加载很慢。而牛x的是页面与播放的背景音乐竟然是分开的。当网速快的访客访问网站时，网站的动画都可能引起访客的反感。

信息提示框

信息提示框被广泛应用于各种网页代码的开发过程中与整人的网页中。而这个万恶的信息提示框现如今又换了新马甲：各种设计美观但却无实际意义的信息框。而且非常带有强制性，必须先关闭该信息框才能浏览网页。

参考网站：

Creative With aK

导航信息超载！不仅我们不知道要看什么，甚至都不知道应该点击那里。通过鼠标扫描方式查找可点击区域无助于提升网站的易用性。并且，整个网站的载入过程连个进度条都没有。而且更令哥震惊的是，还要花时间搞清楚必须关闭欢迎的窗口才可以点击页面其他地方。栏目里缺少滚动条的内容让哥对藏在里面的内容顿时失去了兴趣。

勿多次下载相同的内容

该问题可能是开发过程中没有优化代码造成的吧？在本地测试时，别说是几百k的东西就是10M的东西也是瞬间就打开了。尽管大陆的局域网正在日渐优化但网速还无法达到我们办公室内局域网速。优化代码还是很有必要的。

参考网站：

Desing Sul

哥从未见到过加载问题如此之杯具的网站。多重加载元素，即使你看到了网页内容实际上还有东西要再次加载。也没有迹象可以表示加载结束了，这样做也让哥非常的困惑不解并且该网站还不易使用。事实上，找到阅读的内容也需要花些功夫，而网站在牛奶卡通包装盒所做的效果与内容根本没有毛关系嘛。

背景音乐

如果说landing page是个茶几，上面摆满了各种杯具。那么这个是算作最最大的杯具。也是出现频率最高的杯具。

你永远不知道当前用户喜欢什么音乐，虽然在设计之前已经对目标人群有了共识，但即便是岁数相仿的人也无法确定他/她喜好/厌恶的音乐是什么。当播放让用户讨厌的音乐也很容易让人起反感情绪。

在工作或休闲中，许多人喜欢边打开音乐。为了达到亲身体会的效果，你可以用两种不同的音乐播放器播放两首你都喜欢的音乐。感受下这种令人抓狂的噪音音乐吧。

我们经常会被些无聊的会议或什么事情折腾着。如果在这时，这个正在开会的用户忘记关扬声器情况下恰巧打开个带背景音乐的网站。好吧，我相信他已经牢牢的记住这个网站，带着非常的愤怒记住了这个网站。

参考网站：

Theologos

无跳过介绍的按钮。无视觉清晰的导航栏。加载很慢。而牛x的是页面与播放的背景音乐竟然是分开的。当网速快的访客访问网站时，网站的动画都可能引起访客的反感。