首页 - UCD大社区

为什么首页最后设计

songvision — 2009-07-14 22:53:08

在我做过的N多项目中，基本都有个跑不开的怪圈——首页很难设计。根据进度安排，首页必须按时出来，不然没法review，也没法测试。于是，首页只能在后续工作中不断的redesign。而且我发现，往往都是必须整个产品结束之后，首页的调整才能完成。

仔细思考，为什么网站需要首页？因为内容需要索引，任务需要入口。在任何角度，首页都是贯穿整个体系的中心点，牵一发而动全身。或许，此话题得放大到改版来看。

六年前为赚零花钱，经常接到类似“重新设计XX网站首页”的私活。能做的事情，无非就是根据已有内容调调布局、板块，优化字体、行距等现在看来纯属“信息设计”范畴的小问题。虽然没受过专业训练，自己专业知识结合个人审美，但也比很多“设计师”做的出色。

四年前做业内某互动娱乐门户网站，三个月之内进行了三次大改版。结果是一次不如一次，究其原因，我认为关键在于不应该先改首页。改首页的确容易出“政绩”，但改动频繁对用户来说却是场灾难，搞不好还以为走错、或者网站出啥事儿了。

任何改版都会产生数据震荡，这是因为受用户习惯的影响，短暂周期内用户有点不适合。但如果是好的改版，数据应该在两周内恢复，并且能看到逐步提升的趋势。首页所放内容应该保证宁缺勿滥，慢慢补充总比来回折腾好，切忌先入为主制定“规范”。具体原因，可参考对比暗示中的观点“大改时，用户会重点看哪些改的不错；小改时，用户会更关注哪些还需要再改。”

因此，改版是动作越轻、动静越小对用户影响越少。全站改版应该遵从“自下而上”原则，先从结构最基础的功能开始，首页最后；单页改版应该遵从“由内而外”原则，先从结构最里边的小模块开始，页面布局最后。如下观点大家都不陌生，但陈旧思路也不是完全错误：

“首页风格定下来，全站就好做了。”

是这样么？完全不是。但这个出发点犯了“以风格为中心”的错误。因为用户首先要的并不是风格，而是信息和内容。首页需要放的内容一定提取自各下级组织单元，在整个信息结构基础不牢靠前提下诞生的首页，生命周期可想而知。

“首页是用户看到的第一个页面，马虎不得。”

是这样么？不一定是。得根据不同类型产品来具体分析，比如走媒体路线的新闻资讯网站，走商务路线的百货卖场网站，首页都很重要，但大多访问量肯定来自最底层的内容和商品信息页面。提供服务的产品不同，比如有隐私性质的邮箱，最重要肯定就只有首页的登录。

“首页设计最能反映web设计师的水准。”

是这样么？的确是。因为做好首页的前提是做好全站，同时，设计师必须精准把握传达点，引导不同任务行为流。首页只是默认进入页面的代称，与叫index,default的传统一样，但不同类型产品需要突出不同侧重点。比如，登录框直接放首页，还是只链接引导？具体情况需要具体分析。再比如，我固执的认为直接介绍就是个人网站最好的首页，没必要再“关于”自己。

No Related Post

相关话题：首页源地址：http://blog.rexsong.com/?p=6132

讨论——网站二级首页的取舍

keyu — 2009-01-06 11:40:03

先看一段聊天记录

^yu^13:05:16
平是都是上腾讯网看新闻吗？

抱抱熊13:07:44
是的呀

抱抱熊13:07:59
现在都养成习惯了

^yu^13:07:59
都看哪些栏目？

抱抱熊13:08:09
每天打开电脑第一时间,先看下腾讯首页

抱抱熊13:09:21
先看国际国内的新闻,不喜欢时政新闻,看到就反感,最喜欢看哪个贪官又出事了,然后是评论中心.每天都有一个评论主题.

抱抱熊13:10:09
然后看娱乐新闻

抱抱熊13:10:15
还看体育新闻

抱抱熊13:10:18
最后看看军事新闻

^yu^13:10:21
腾讯网有很多栏目，比如说“星座、汽车、财经”等栏目的链接，你一般会点进去看栏目的页面吗？

抱抱熊13:10:40
不会的

抱抱熊13:10:43
我只看第一页的

抱抱熊13:10:51
偶尔感兴趣会点击军事

抱抱熊13:10:57
因为军事,首页上没有

抱抱熊13:11:54
上班忙啊,没时间看栏目的页面

^yu^13:13:22
有偶尔看栏目页的时候吗？如果有，看的时候你会翻动右侧的滚动条看第二屏的信息不？

抱抱熊13:14:07
看到长的就累,除了特别感兴趣的会翻,一般都不会翻

抱抱熊13:15:25
因为上班累.经常头疼,看到复杂的就更头疼,再说也没有时间去翻,看个大概.

^yu^13:15:24
除了信息类的门户网，你一般去专业性较强的网站是哪一网？
333CN.COM或视觉中国去吗？

抱抱熊13:15:42
我最喜欢,一眼看上去,全是缩略图,一看就知道个大概.

抱抱熊13:16:01
很少去视觉中国,偶尔去红动.偶尔去333

抱抱熊13:16:13
都不常去了.以前喜欢专业,现在就想放松

在公司网站改版的时候，突然感觉到二级首页的设计是个很大的问题，就从上面这段聊天记录来看，虽然不能说明关键问题，但也从中可以了解下用户浏览网页的方式，或许像抱抱熊这样的用户不是太多，但浏览方式应该大同小异，因为，我也是这样浏览腾讯网的。

资讯类网站尚且如此，浪费了巨大的网络资源的同时，更无法满足用户的需求。这让我想起了google的“个性首页”，如果界面能再设计的精美一些，恐怕中国这几大资讯门户网的用户都去体验google了。

因些，在公司网站改版的同时，俺冒死进谏，终于把网站部分栏目的二级首页用搜索功能强大的列表页代替，用以“珍惜用户的每一次点击”，达到二次点击+一次搜索就能显示出用户所想要的。这次尝试所带来的后果，我只能拭目以待。

此文只是抛砖引玉，期待广大网友更深层次的讨论。

相关话题：首页源地址：http://www.reecoo.cn/?p=273

改变首页需要慎重考虑

风在南方 — 2008-10-29 08:57:09

TheNewYorkTimes（纽约时报）的Miguel Helft就之前雅虎对首页进行大规模修改发表了自己的一些看法。其大致认为，对首页的更改需要认真考虑，否则可能会影响到现有用户的体验，这是一种一步走错，就无法挽回的慎重事情。现在翻译如下：

几周前，雅虎对其网站首页进行了可能是最大的一次修改。但如果是你是每个月都会访问一次雅虎的近1亿美国网民中的一位，奇怪是你可能不会感觉到有什么明显的变化。

那是因为要对互联网上访问量最大的门户首页进行改造是充满风险的。即使只有一小部分雅虎用户不喜欢这些改变，这家公司也可能会失去上百万用户和上百万的广告收入。所以，雅虎每次对首页的改造都是小范围的，影响到的也只是一小部分用户，同时也获得了来自其用户的反馈。

或许你可以把这叫做是隐形创新（stealth innovation）。雅虎的目标是在几个月以后能够带给用户一个完全不同，并且也应该更好地首页，同时不会影响到其用户（流失）。这项工作科学和艺术同样重要，并且要在创新和疏远用户之间做到平衡。雅虎首页改版提供来一个很好的案例，即如果对互联网服务进行设计和提高失误而使用竞争对手的产品仅仅只是一次点击。

这种挑战当然也不是仅仅雅虎一家的问题。所有类型的网站，大的小的，当他们从1.0版本跳跃到2.0版本或更高版本的时候，都会面临相似的问题。但是那些最大的、更成功的网站，当他们给用户带来应接不暇的改变时，面临的挑战可能更多。因此，他们通常行事谨慎。比如说Google，一直坚持通过自己的努力潜移默化地改变着其搜索引擎界面，但是日积月累，最终给用户一个融合的更好的界面。同样如此，eBay曾经用了30天时间慢慢地将其网站背景色从灰色改变为白色。

相反，那些欠妥考虑到网站也得到了教训。比如说AOL，2006年时将Netscape.com迅速地改变为社会化新闻站点，则却失去了相当的原有用户。到第二年，AOL重新将Netscape.com改变为原有门户站点的时候，则已经失去了将近一半的用户。

“用户通常对已经习惯的事物更有粘性，而不喜欢改变，”AnswerLab的Dan Clifford说道，“同时，用户非常清楚他们自己喜欢什么。”

雅虎的CEO杨致远经常说到，雅虎的目标要从其原有互联网门户的定位转变到成千上万网民的“上网起点”。但对一些学者来说，这两者之间似乎并没有什么不同。但是对Tapan Bhat（领导这次雅虎首页改版）来说，两者的区别是很大的。

用户能够个性化自己的首页，其最终能够融合来自其他流行网站的内容，也包括那些能够跟踪他们在其他网站，比如说eBay、Netflix、Facebook等上的活动的应用。

在九月中旬，在经过对早期原型的几个月研究和测试之后，Bhat的团队开始对雅虎美国、雅虎英国、雅虎法国以及雅虎印度的首页进行重新设计。

反馈声音纷涌而至。类似“我很讨厌”的评论并不少见。用户也提出了一些更具体的抱怨，“你们把它（首页）弄得更乱了”、“新闻内容更少了”。

几乎雅虎收到的超过10000个评论中的每一个，Bhat的团队都看过。“你可以对那些愚蠢的建议视而不见，或者你可以试着去理解用户想说明的，”Bhat说道。他说，实际上在新首页上有更多的新闻内容，但是因为新首页并不是像以往那些显得拥挤，所以一些用户觉得少了。

在新设计中，雅虎在首页左侧添加了应用程序模块，该模块包含了一个叫做MyMailboxes的tab，该tab不仅能让用户访问雅虎邮箱，也能够访问其他邮箱账户。但是雅虎认为这种设计可能伤害到了一些用户。在重新设计之前，这个电子邮箱icon是包含在位于首页右侧的一个模块中的，因此许多用户抱怨他们无法再方便得登录邮箱了。

雅虎尝试了很多解决方法，包括在右侧放置一个mail back的icon，而将MyMailboxes保留在左侧。

这种方法看上去是有用的。当用户返回到首页时，他们重新找到了MyMailboxes，并且他们很喜欢这个能够进入其他邮箱的入口。“我们将一个原本被动的问题的得到了化解，”Bhat说，“六个月以后，我们可能会重新将这个mail icon重新从现在的右侧搬走。”

对每一个特色功能的测试都是地进行的。对于每一个改变，都挑选一部分用户（大约不到雅虎用户的1%）。对于其他方面的改变，则挑选其他的用户组。当这些新功能经过测试和微调后，它们就被整合入新页面中，而这也新页面就成为了“基线设计”（baseline design），随后又可能会让其他更多用户接触。依此反复，更新新的功能。

这个方法对灵活性有一定的要求，Bhat说。

“你必须对你要最终实现的目标非常清楚，”他说道。“但是用户能够帮你指出如何对某些地方进行调整。如果你最终实现的与你所预期的完全不同，那么你可能在设计的某些过程中犯了一些错误。”

那么，这种方法是不是延缓了创新？并不一定，Bhat说。他将这比作为慢慢打开开关最终却点亮整个房间。

“如果你快速打开开关，你的眼睛可能会受到1或2分钟的影响，”他说。“而如果你慢慢地启动开关，有可能你能更快地看到整个房间被点亮。”

腾讯网首页诞生的艰辛历程

小li — 2008-10-21 22:44:13

酝酿了将近一个春夏秋冬的腾讯网首页终于亮剑！反响热烈！让我们来分享它成功背后的酸甜苦辣吧。
　　腾讯网首页改版终于开花结果。于2008年3月25日6：00准时上线。整整一年的时间，经历了无数次的挫折和挑战，无数次的等待和蜕变，终于破茧化蝶。本次改版完全颠覆性的大胆尝试，迈出了建站以来至为关键的一步。

一、QQ首页改版背景

　　无论是从用户体验还是页面结构设计来看旧版的腾讯网首页都已不能很好的满足用户的需求和承载公司的业务展现了。QQ.Com是公司级平台，为了巩固现有门户的媒体资讯优势，加强公司其他业务的拉动，打造中国第一的网络平台，提高公司的影响力，重新规划和设计现有的网站刻不容缓。这中间我们将面临最大的挑战是：
　　1．如何平衡资讯/业务/广告的需求？繁杂的内容如何通过板块划分来合理布局和协调？
　　2．如何突显自己的风格？既容易被大众接受又不乏个性化？

　　这些看似矛盾的诸多方面将是我们本次改版的关键点和难点。
　　往年的QQ首页对比大观：

二、QQ首页引人瞩目的亮点

　　本次改版经历了无数次脑爆，无数次破陈推新，积累了很多别出心裁的闪光点，也淘汰了很多不合时宜或者过于前卫的想法，最后留下来的是最宝贵的沉淀。

1．个性化换肤设计：一方面突出soso的表现，一方面借此位置展现丰富个性的皮肤设计：

2．新颖的天气icon：细腻的天气图标将是页面上的点睛之笔，该套天气图标的风格将会延续应用到所有其他公司产品上。

3．布局的大胆整合：强化推广业务的能力，增加用户的互动性。新闻区满足地区用户个性化的定制。

4．其他调整：

　　页面宽度：为适应宽频的普及，本次采用了910尺寸，承载更多的信息量。
　　文字大小：采用“14”号字体，适应宽屏的显示。符合阅读的流行趋势。
　　视频广告：提供更加丰富的广告表现方式，提升广告价值，给用户带来全新的视听享受。

三、腾讯网首页蜕变的七次历程

　　腾讯网首页是跨团队合作的项目，最终的成功上线与科学的工作流程分不开的，更与整个团队的奋斗分不开的。

设计流程：

　　需求分析——交互设计——视觉设计

1．专业的需求分析：
　　全面的战略规划/用户分析/竞品分析

2．激情的交互创新：

　　交互体验的创新是交互设计阶段最头疼的一件事情，经历了无数次的尝试，这是能力和耐力的较量，是精益求精的雕琢，一个小小的button优化都可能直接影响着点击量和收入的变化，这中间太多的挫折和考验…

3．坎坷的视觉之路：

　　成功=无数次失败+ 永不言败。
　　迄今为止，参与过QQ首页设计的视觉设计师有9位之多。我们摸索了近一年的时间。
　　这中间尝试的设计稿不计其数，大的风格调整就多达十几次。所有设计稿件近百份。
　　让我们看看业务导航区的细节调整稿：

　　风格演变过程：

　　这一年时间里，经过和“小马哥”（马化腾）的七次碰撞，也是QQ首页经历最重要的七个阶段，他有时甚至亲自指导：每一个模块的位置和表现、文字的大小和颜色；包括业务导航区的每一个产品都是他亲自斟酌敲定。
　　2008年03月25日6：00，这激动人心的时刻，所有人都坐立在电脑面前，刷新！刷新！再刷新！看到新版的那一刻沸腾了，我们期待的太久，激动的心狂跳不止，无法用言语表达，大家不约而同的鼓掌庆祝，这一刻我们终于等来了。

四、腾讯网首页改版的满意度调查

　　本次上线同时对外发布了《腾讯网首页改版用户满意度调查》问卷，让我们第一时间听到用户的反馈声音……

　　“改版后的风格更加简洁，专业。更加像一个门户网站了。多了一个清新的SOSO导航搜索工具，并且可以自定义10种颜色，同时显示当地的天气情况。 ”
　　“腾讯网首页今日改版。新版界面第一直观感受，大气、信息、热点体现到到位。还提供了10套颜色样式供选择，很个性，很2.0 ，呵呵。”
　　“今天晚上突然发现QQ.com改版了，打开页面后，感觉眼前一亮，比以前漂亮了很多，而且版面设置也比以前合理了，看起来也比旧版的更加简洁明了，一目了然，不像旧版的那样给人以很乱的感觉。
　　“新的QQ主页支持换肤功能，可以选自己喜欢的样式，和Yahoo的类似，不过Yahoo的只能换颜色，而QQ的还有花纹图案，比Yahoo的要高档一些，哈哈~”
　　“昨天见证了腾讯网首页改版！
　　一大清早上腾讯网首页也没有发现它改版了，晚上回到家里，把腾讯网一打开发现首页变化好多，全新的界面，帅呆了！
　　反正挺激动了，越来越明晰了，一个字形容，帅闭了！”

　　本次回收了有效样本上万份，根据新版得分的平均分和分布情况判断，对新版的满意度较高。并且平均分值相比同类网站都要高。5分以上占56.8%（7分制）。说明腾讯网首页改版较为成功，并且比腾讯以往的改版数据都要振奋人心。

　　CDC一直期望能为大家展现每一次的高水准的作品，本次改版还有很多不足之处，但我们会不断的摸索和尝试，全力以赴的精益求精，努力打造“中国第一网络平台”。

相关话题：页面布局首页源地址：http://cdc.tencent.com/?p=223

如何设计电视/电影类网站首页

nick — 2008-10-20 17:31:05

1.导航尽量简化
用户上来这里,无非就是看电影或者看电视.其他无关的,都拿到次导航去,这点HULU就做得很经典了.切记一点,视频网站,你能满足用户的观看需求,已经足够了,其他的只是锦上添花而已.

2.首屏推荐图不要做得太漂亮
有一部分用户会把太漂亮的推荐图,会认为是广告,而不去点它,那么这个推荐位等于是浪费了,尽量选用剧照或者正规海报,去做推荐图.

3.不要想着把所有的内容都推荐给用户
首页内容贵在新和精,而不是多,如果内容过多,用户会显得无所适从,不知道看什么好,所以首页,只推一些精片和新片.

4.影片之间的间距尽量留到最大.
最能吸引用户的,不外乎是海报,但是密密麻麻的海报堆一起,虽然是感觉货堆如山,但是无疑给用户造成了浏览的不遍.看着你这堆海报,眼睛都花了,更别说去看你提炼得很精美的Slogan了.

5.能用剧照的地方不用海报
剧照可以让代入场景的感觉,虽然海报通常很精美,但是在带来视觉震撼之后,用户对这部片的了解还是很空洞的,剧照就不一样,精美的剧照,可以将用户代入场景,特别是针对电视剧来说,剧照可以让用户产生联想,而海报是不行的.

6.给排行版找一个好位置
排行版是用户的指南针,通常用户会先筛选一遍排行版有没有自己想看的节目,影片,如果没有,再进入到内页,或者频道页去查找,如果排行版位置太低.那就太麻烦了.

7.点一下,就能看
通常用户很在意他要看一部片需要多少个步骤,特别是针对收费网站来说,用户最讨厌的就是切换了几个页面后,终于能看了,发现原来需要付费.所以最好是点一下,就能看,需要扣费或者登录的,直接出层让用户操作,而不要转到别的页面.

8.别把广告做成海报
用户上当一两次后,以后可能看到海报都会抗拒.这点很严重

9.别把一堆影片相关信息堆到首页来
通常用户选择一部影片,大概有3种决定因素,1,自己想看,在别的地方看过介绍, 2,朋友推荐 3,海报很美,Slogan很煽情,主演很牛B. 至于其他什么导演,上映时间阿,这些都没多大作用的因素,最好都放详细介绍页去,很少有用户因为这部片子是谁导演的而去看的.

10.灵活使用2/8原理
这里的2/8不是指图片的2/8,而是指首页的首屏,一定是全站20%最好的内容,分流80%的用户.首屏很重要.

以上10点,是我最近的一点总结,可能还有许多欠缺,欢迎大家讨论,

相关话题：首页源地址：http://www.offidea.com/post/242.html

社区首页的感觉

白鸦 — 2008-10-18 13:51:27

有朋友跟我讨论：“半开放式的社区首页应该给用户什么样的感觉？”
所谓半开放简单来说就是“不登录也可以看到(几乎)所有内容，但要想参与/操作就需要注册并登录”。

我给他发了上面这张图。我认为这个感觉很适合“半开放式网站”的首页。

有兴趣的朋友可以就这张图描述一下你的理解和看法。或者贴上来你认为更符合含义的图。

相关话题：首页源地址：http://uicom.net/blog/?p=727

Taobao的首页改版评测

OnLing-MOOD — 2008-10-18 13:49:56

这两天正好在看《网站界面设计》一书，这本书，也是我首次接触比较系统的介绍界面设计理论的书，书中对界面的可用性设计原则、交互设计、呈现设计以及网络广告设计四方面介绍的很系统很详细的介绍，而且书中包含了大量的实际案例分析，看后收获很大。于是，最近一直想找个界面来练练手，刚好taobao的首页进行了新一轮的“胖身”改版，就全当成学习来，来分析一下Taobao的首页界面改版评测：

首页是网站的大门，用户从这里进入网站，又从这里进入到网站的各个频道和内容，首页是用户的主要集散地，他的呈现和侧重点直接决定了网站的导向，对于用户来说，首页是导航，对于网站来说，他相当于目录和发布区，对于活动以及商家，他又是广告。平衡三者的关系是首页设计的重点，网站的首页和栏目页体现了网站的主旨以及特色，把流量引向网站最重要的地方，这一方面来说，Taobao的网站改版还是达到要求了。

首页的基本设计原则：

（1）首页上最显著的设计元素之一应该是公司网站的名称，让用户知道他来到了什么地方。

呵呵，这个很明显，TAObao的LOGO依旧放在左上角最显眼的地方。

（2）首屏需要体现最基本的用户任务，即70%以上目标用户需要使用的功能和网站的主推的服务，需要将两者巧妙地结合在一起，引导网站流量。

Taobao是一个C2C的网站，用户上网主要来淘自己喜欢的东西，所以搜索是他最重要的入口，这里淘宝的首页把搜索的设计很显眼，也很人性化，只不过不知道为什么右上角上方也有一个搜索，虽然搜索很重要，但是太多相似的信息会不会令用户感到迷惑。

（3）首屏需要传达足够的信息，以让用户感受网站内容或功能的丰富。

这个看看后面密密麻麻的宝贝类目，就能感觉到，不过这个也是最最困难的，信息多了，要如何安排，安排不当，就容易造成信息的杂乱无章，让用户迷失导向，不过这里这个处理的还可以，一些重要的常用的用不同颜色处理，各个类目用不同的背景区分开来，相对信息还是比较清晰。只是他的背景背景感觉应该用橙色系的色度比较淡的来做背景，这个整体的有机型会强一些。

（4）首屏需要体现网站的更新，体现网站的活力。

淘宝集市；品牌商城，二手闲置。类目的右侧，全球购和促销区的领地，尤其是新增的促销区域，这些动态的数据更新，相信已经足够体现了这个中国最大的C2C的活力，这一版，也把这些强化了不少。

（5）首页的设计能够引人注目，能够让目标用户过目不忘，并对网站形象产生良好的准确的认知和记忆，就设计和视觉而言，用户所希望的是：布局整齐清晰，板块明确，色调不要让眼睛疲劳。

这一块，感觉改版後，板块比原来清晰不少，整个网站的架构也更明了，设计上更加大胆，色彩依旧保持鲜艳为主，刺激用户购买欲望，还是保持原来的主色调，毕竟也是一个企业色，但是个人感觉用色还是有点杂，有点很强烈的对比，让用户感觉心理很不舒服，

（网页页面的颜色跳跃会不会太突然了些，虽然这样可以强调公告信息，但是，感觉不是很和谐~）

（整体的色彩过于混乱，按照我个人的理解，taobao的主题色应该是橙红色，但是，感觉整个页面中，蓝色跟橙红比重相似，从上来拉下来，感觉进入两个世界，感觉整体性不是很好~）

（6）首屏需要较快的下载，因此网页顶端需要减少图片，减少表格的复杂性，保证表格横切的可能性以加快下载速度。

这个个人感觉淘宝的导航虽然设计的很漂亮，但是经常打开后圆角丢失，或者背景图片没现实出来，不过好在导航文字能很快出现，但是过多的图片还是影响了用户对网站整体的感觉，还有个问题，也是关于页面下载速度的，公告栏以及中间的图片广告的背景，好像是深色的粉红，在页面下载之前很刺眼，但是最后有出现清淡的板块，感觉用户心理变化很大，这一块的背景设置应该还是以淡色为主，虽然用户最终影响不大，但是，速度慢的时候，还好思很明显的。

（7）对于商业网站而言，首屏需要考虑广告的位置和呈现。

这个不要说了吧，眼球最中间就是三幅翻动广告，广告鼠标放在下面数字上会出现相对应的图片，下面对应的数字会变大，背景变难，以前面区分开来，这个让用户有控制权，让用户掌握所有操作的主动权，感觉产品是为他服务，广告也是自己需要的，广告虽然对网站的生存很重要，但是 Taobao的广告还不是很令人讨厌，已经成为首页设计的一分子，这方面他们处理得很不错。

Taobao的首页改版，整体来说还是很成功的，功能板块比之前清晰了不少，立体感也强了很多，给人感觉很好，之前的页面感觉信息有点匮乏，而且信息冗余很多，经常进来，就陷入迷失状态（会不感觉有点马后炮的感觉，呵呵，不过这的确是我的最初的感觉：）），首页信息的杂乱，影响了用户最网站忠诚度，现在的改版，整体感觉更清新，页面功能也更明了，对用户的操作也有一定的引导性

整体来说，个人感觉改版还是非常成功的，至少在一定程度上我在首页关注的时间比以前多很多，很多有用的信息，在首页就能找到。目前还在学习相关理论，等书全看完了，再过来分析一下～

相关话题：首页源地址：http://www.onling.net/blog/?p=988

新豆瓣

魏武挥 — 2008-10-18 13:47:47

我对交互设计是个外行，不过，这次豆瓣首页改版后，倒是非常有意思。我截选了三个页面，供大家一起来参详。

这是第一个页面（可点击看大图），是属于访客到达豆瓣后的看到的情形。左上是一块关于豆瓣的介绍，用很大的文字来告诉浏览者豆瓣是干吗的。左中紧接左上的说明，展开了书籍、电影、音乐，这三大块至今是豆瓣对外的招牌。左下还是承接上面的功能，是用户对于书籍、电影、音乐的评论。

右上是一个大大的注册登录框，右下则是一个类似FriendFeed的东西，介绍目前豆瓣网上的用户动作。只有这个部分，你才会看到一丝SNS的影子。

结论：在浏览者访问豆瓣的时候，他/她不会有任何SNS的概念，他/她所看到的：哦，这是一个关于书籍、电影、音乐的网站。

这是第二个页面（可点击看大图），这张页面是一个老用户登录后看到的首页。左上变成了友邻广播，sns痕迹在这个页面上已经凸显。左下依然是用户的评论。

右上，因为是老用户，所以豆瓣可以给出建议：豆瓣猜你会喜欢。然后就又恢复到sns的格局：友邻说，和寻找豆瓣上的朋友。

这是第三个页面（可点击看大图），这张页面是一个新用户登录后看到的首页。由于是新用户，因此还未有友邻，也没有什么可以让豆瓣发出“豆瓣猜你会喜欢”的东西，于是，左边是其它用户评论，右边就是典型的sns布局。

琢磨这三张页面，我们可以得出如下结论：

1、豆瓣已经拿定主意向sns进军，在未来，我们给豆瓣的定义应该不是“点评类”网站，而是sns网站；

2、豆瓣在向sns进军的同时，还不想抛弃原来的定位。或者说，豆瓣并不想在互联网上扮演一个sns网站的角色，它依然覆盖着一张“点评类”网站的外衣：我是做书籍/电影/音乐评论的。

3、上述两个论点，非常契合豆瓣的实际情况。豆瓣的heavy user或者user都知道，豆瓣火的地方是小组和活动（sns），而豆瓣的浏览者，或轻用户，都认为豆瓣是书籍/电影/音乐的点评类网站。

杨勃是我见到的web2.0圈里最有实力的人物（我这里连之一都不想加），虽然我对豆瓣过去的一些做法颇有微词。但从一个商业网站的运营者角度而言，杨勃是一个同时兼具智慧和聪明，又同时明白方向和懂得具体执行的人。

我个人过去、现在都认为，豆瓣，将会成为第三波互联网热潮中的领军网站。在这个羞答答的点评类网站实际上的sns网站面前，什么一起也好，开心也好，×内也好，不值一提。

相关话题：首页源地址：http://weiwuhui.com/678.html

门户们改版之后的首页浅谈

摄氏度 — 2008-10-18 13:45:51

从2006年10月12日的网易新首页的率先推出，到2008年1月15日TOM.COM新首页在结构上的巨大改变，再到2008年3月25日腾讯推出更年轻时尚化的腾讯新首页，然后是新浪也不甘寂寞的紧随着腾讯选择在4月1日这个愚人节加入了首页改版的行列，3个月后的7月1日一直号称以技术为主的“中国最大门户网站”搜狐也对其首页进行了调整，最后是7月9日中国雅虎完成了加入阿里大家庭之后首页最大的一次变脸。

半年多的时间下来，国内的综合门户们相继的都对各自的首页进行了调整改变，不管其目的是出于战略意图的改变，还是出于对时尚潮流的追赶，或者是其它的原因，门户们对其首页的改版有一个目的是不变的，那就是吸引更多的用户，留住更多的用户。

门户们改版之后的新首页，不论是从UI还是从交互上来说，相较于旧版的首页都是一种进步，门户们的新首页正朝着为用户提供更好的服务前进。

1、网易改版之后的新首页是在2006年10月12日推出，是国内最早一个改版的综合门户，与那些在2008年改版的门户们的首页来说，有着很多的不同点。在这些综合门户中，网易新首页是唯一一个还停留在800*600分辨率的窄屏时代的首页，其他门户们都选择了提升自己新首页的宽度，即使曾经的中国雅虎可由用户自行切换宽屏与窄屏，但在新首页里并没有保留这个功能而是直接采用了宽屏。宽屏是在保留同样的内容下，减少首页整屏高度的最好的方法；

2、腾讯首页改版带来的最大的变化并不是它时尚型的UI或者是伪宽度的宽屏，而是它对首页新闻标题的字体提升了一号，相较于网易跟TOM.COM的 “小字”来说，腾讯的“大字”具有更高的易读性。加大字体型号这一特点也在腾讯之后改版的门户们中流行开来，新浪、搜狐、中国雅虎纷纷对自己着页的新闻标题字体进行了加大。可是搜狐新首页对字体型号的处理却很怪异，同样的新闻标题，却又有大小号字体之分，这显然给视觉造成了困扰；

3、一直不喜欢新浪跟搜狐的首页，除了其在版式上让内容显得臃肿之外，还有很大的一个原因就是新闻标题全都加有下划线，一眼望去整屏的下划线。在有链接的文字下面加下划线，是浏览器默认的渲染样式，也是网民心中默认的链接样式。可是首页新闻标题的链接是否应该显示下划线呢？当在满是文字的信息内容里对其中的链接加下划线对用户来说算是一种提示，提示这里有其它内容的链接。可是在首页出现的文字基本上都是新闻标题，整个首页的文字基本上都具有链接性，有下划线对其来说并不具备提示的作用，相反的给视觉带来一定的疲劳感；

4、因为TOM公司的战略的改变，TOM.COM的新首页无疑是众多门户之中改动最大的，同时也是最特别最个性的。腾讯新首页的UI无疑是那些依然停留在传统门户中最漂亮最时尚的，这与腾讯QQ的用户群体大部分在青少年这个年龄阶段有着很大的关系。同样的道理，新浪的新首页仍然是那么的板板正正。搜狐新首页的特点除了跟新浪一样的板板正正外，还在于它将奥运溶入了其中。穿上阿里系颜色服装的中国雅虎，终于摆脱了美国YAHOO的影子；

5、如何让首页的版式看起来简洁，让内容看起来清晰明了，网易首页是个很好的样本，网易首页对于滑动门标签的高度使用是其在窄屏下保持首页整屏高度的最好方法，如果把标签展开或者减少整合，那么如此两栏结构版式的网易首页高度将变得很长很长。即使换上了新首页，新浪与搜狐的首页版式仍然显得臃肿；

6、TOM.COM的新版首页偏向于WEB2.0，形式上更偏向于个人门户型，除网站提供的默认首页内容外，用户可自行定制首页内容。可是这个 WEB2.0就像腾讯首页的伪宽屏一样并不是真正意义上的WEB2.0，用户自行定制的首页内容依然由TOM.COM网站提供，充其量也最多也就是个 WEB1.5，而事实上WEB2.0在国内并没有真正被应用起来。马云在中国雅虎中溶入了口碑网的服务，中国雅虎的重点更多的是转向了服务领域而不再是综合门户。这是一种求变；

相关话题：首页源地址：http://www.prower.cn/interaction/229

阿里系的中国雅虎首页浅谈

摄氏度 — 2008-10-18 13:43:24

自从2005年8月11日阿里巴巴宣布收购雅虎中国的全部资产后，做为阿里巴巴集团的创始人马云心里盘算的事应该是如何把雅虎中虎整合进阿里巴巴这个大家族，而非如外界所传的打造中国互联网最大的搜索平台。事实上只要有Google跟Baidu在，雅虎中国就不可能成为中国互联网最大的搜索平台。所以如何把雅虎中国溶入到阿里巴巴这个大家族中，以达到双方资源的最大化相互利用，成了阿里巴巴收购雅虎中国后最核心的问题。到2007年5月15日，“雅虎中国”正式改名为“中国雅虎”，似乎已经有脱离雅虎总部的倾向，有着更进一下的本地化操作。2008年7月9日，中国雅虎新版上线，中国雅虎开始溶入阿里巴巴大家族，中国雅虎溶入了口碑网的生活服务，携着综合门户的资源优势强势进军生活服务领域。

用户初次访问新版的中国雅虎首页时，所能感受到的最大变化并非是首页结构与栏目的改变，而是首页色调风格的改变。中国雅虎新首页换上了阿里系的橙色风格，这对于一直以来以浅灰色为主色调的中国雅虎来说，无疑是一次巨大的改变。

中国雅虎新首页的结构从原来的三栏改成了两栏结构，栏目分类更加清晰；字体大小也提高了一个型号，更利于阅读。然而其中栏目之中的大小字号混杂却是一个让人不解之处，这一点与搜狐一样。

中国雅虎旧首页有一些可供用户自定义的设置，诸如窄屏宽屏切换、页面色调更换等在新首页中都未曾保留，对于越来越崇尚个性化的网络时代来说，这又是一个难以理解的地方，但是这却是阿里集团旗下所有网站的一个共同点。

相较于其他综合门户的首页改版缩短整个页面的高度而言，中国雅虎新首页的高度不但没有缩短，反而比旧首页的高度更高，在1024*768分辨率有着将近5屏之高！加上上一点提到的去掉自定义设置，中国雅虎新首页的设计有种逆向而行的感觉。

在中国雅虎正式推出新首页之前，曾放出过一个测试版的新首页，这个测试首页在没有更改整体风格色调的前提下对栏目结构进行了优化，并且整合进了口碑网的生活服务。相较于新首页而言，这个测试版的首页应该更接近用户心中中国雅虎新首页的形像。

曾经的中国雅虎首页，左侧的“雅虎服务”导航是我很喜欢的一个设计，现在已经成为历史，放个图纪念一下。

相关话题：首页源地址：http://www.prower.cn/interaction/232

网易的新首页之惑

摄氏度 — 2008-09-19 02:01:34

网易的有道搜索以“顺畅搜索之旅”的名义，发布了全新版本，同时发布的还有新版的有道桌面词典，网易在搜索方面的动作似乎要比腾讯等其它三门户来得凶猛，大有夹带网易的门户优势去冲击百度的势头，但是即使百度做得并不好，GOOGLE至今无法超越百度，有道也不可能超越，就像百度的C2C不可能超越淘宝一样。

做为网易力推的一个产品，自然就需要在网易网站上力推了，于是在网易首页上有道搜索的位置从无到有从小到大，这次有道搜索推出新版，于是网易首页也顺着小改动了一下。

在奥运会开始前，很多网站都在为迎接奥运而改版，网易也不例外，除了换上奥运装外，还把首页的宽度从窄屏提升到了宽屏，在主内容布局改动不大的情况下，要把窄屏提升到宽屏，只能是在空位置上填充新栏目进来，于是我们看到了在网易左侧栏出现的一大堆各类型博客的推荐外加广告，很显然网易的这次改版只是为了顺应潮流顺便增加首页的广告位，并没有真正的重新设计首页内容架构。

于是，曾经经典了几年之久的网易首页从此离用户远去，多变且迷惑的网易首页从此诞生了。

奥运会之后是残奥会，各门户的首页也就不需要改变太大，仅仅是些文字及图片样式上的修改，现在残奥会也结束了，各门户网站应该还原自己的本来面貌了，网易是第一个。

残奥会结束了，网站可以不用再弄成红通通的了，有道搜索发新版了，趁机网易首页也小改版了。有道搜索的位置再一次被提升，在网易首页上已经完全的吸引住了用户访问时的第一下眼光；网易服务被放到了左侧栏里，栏目位置高度不是很够，那就硬挤一下吧；服务栏目之后是被称为“最新消息”的文字广告栏；左侧娱乐博客与财经博客之间夹着体育社区，右侧博客栏目与广告又是混杂在一起；……

网易首页已经开始变得不像是一个三大门户之一的网站所应有的表现，开始让人感到迷惑，曾经条理清晰结构合理的网易首页现在已经被抛弃掉了，留下一堆遗憾给用户……

面对为了版面整齐而拼凑的网易，是时候选择离开了。

相关话题：首页源地址：http://www.prower.cn/internet/547

如何进行基于用户体验的首页设计[四]

罗旭祥 — 2008-10-16 12:15:12

7. 你是否需要一个实验室做可用性测试？

用不着，无论使用正式的或非正式的设备你都可以做可用性测试。使用任何类型的设备，你都可以采用各种正式或非正式的方法。

使用下述任何一种设置，你都可以进行有效的可用性测试：

o 两室或三室的固定实验室，配备视听设备

o 会议室，用户的家或工作室，配备便携式录音设备

o 会议室，用户的家或工作室，没有录音设备也可以用人眼观察和笔记来代替

o 当用户在不同地点可以远程控制

因此，即使你没有或没法找到一个固定的实验室，你也应该进行可用性测试。不要说，“因为我们没有一个可用性实验室，所以我们没法做可用性测试。" 只要去做！在任何空间你都可以完成。

8. 可用性测试需要多少人参与？

看情况。一个典型的测试需要8至16个人（每个用户组）。如果每个用户将花费一小时，就意味着每个用户组的测试需要一到两个工作日。

当你的项目处在：

o 纸上原型或早期开发阶段

o 计划通过几轮测试整个开发

o 有相当一致的用户群

如果只要人帮忙找出严重问题，你可能只需要4到6人。

o 如果您有不同的潜在用户群组（例如医生、病人、研究人员），你需要所有这些群体的用户代表。如果你对用户的电脑操作或网络经验有要求，还需要包括经验较少的和经验较多的用户。

o 如果你要对你的产品或系统进行正式的定量测试，你将需要更多的人以获得统计上有意义的结果。对于诊断型的可用性测试，6至8个用户通常是不足以揭露产品的大部分问题的。

o 如果在网站开发过程中你一直在做迭代（重复）的可用性测试，就会有许多用户参加其中一个或另一个版本的网站测试。因此，尽管每个可用性测试只有少于10名的测试参予者，但在网站推出前你可能需要15到30人参加测试。

9. 做可用性测试需要多少费用？

成本要看网站的大小，你的测试量，预期的用户类型数目，以及你期望这个测试正规到什么程度。

如果你已经有一个标准的测试程序和可用的材料设备，可用性测试将进行地很快很便宜。如果你或你的用户招聘公司拥有一个用户数据库，用于招募的时间就可以大量节约，因此，花费会更少。

在对可用性测试进行预算时应该考虑这些因素：

o 计划所用的时间：确定测试的主要问题，需要测试的用户类型，招聘的用户的筛选问卷以及测试场景。

o 招聘的花费：公司人员的时间，给招聘公司（通常是一个很好的选择）的花费，可用性专家需要花时间熟悉网站及其制作团队，设计相应的测试场景，如果你需要录制测试过程，还需要花费实验室或便携式摄录设备的租金。

o 团队观察用户（进行测试）花费的时间

o 付给测试参与者的报酬或礼物

o 分析视听资料，查找存在的问题以及推荐解决办法所用的时间

o 和开发人员讨论变动和修改方案，撰写调查结果和建议报告所用的时间。

记住，预算分析要包含多个可用性测试。打造一个网站（或产品）的可用性是一个反复迭代的过程。你会发现，用在在开发过程中几个小测试的预算比起在项目末期只做一个大型测试要有价值的多。

二：普遍的可用性测试流程：

首先，可用性专家需要了解项目背景，获得项目背景。我们在概念设计之前进行的调研就必须让可用性专家参与进来，加入设计评估的可用性专家最佳选择为开展项目分析初期就已经加入的专家，其次为新加入的但是熟悉项目背景的可用性专家。

其次，了解目的，定义用户组和位置: 基于角色和用户情况，熟悉技术环境: 熟悉网站，应用或者产品，从而定义可用性问题的标准，研究任何过去的可用性数据，例如报告，市场研究，活动信息，从而定义用户测试任务。

第三，决定测试和测试格式。在进行可用性测试时，必须进行本地测试或者远程测试准备，如制定招募标准招募可用性测试参与者（被测试者），并安排计划测试。在测试过程中收集可用性测试中用户操作存在的问题，并根据问题的优先级顺序写入测试报告，最后生成问题报告和专家建议。在常规的可用性测试中，每个用户组一般为10人。根据专家研究表明，10个用户的可用性测试可以找到不低于80%的可用性问题。因为网页设计的快速成型的特征可以在发现问题后进行快速的设计改进，在设计改进后建议再进行可用性测试，这样就可以保证可用性问题在一个较低的频率出现。但是同时可能会出现的偏差如用户选择偏差，环境因素等，这些偏差都会对可用性测试的结构有很大的误导，所以我们的可用性测试原则是：招募参与者必须符合产品使用人群和潜在使用人群的标准，必要时候还需要将两者分开。

第四，主持人和记录者。在可用性测试中，主持人和记录者的素质决定了测试本身的信度和效度。主持人对产品的态度可能误导参与者，同时主持人基于发现设计问题的目标可能暗示参与者的主观态度，所以优秀的主持人需要经验的积累。同时，参与者使用时的记录和评估也至关重要。一个优秀的记录者能把握重要信息的细节，并过滤不重要的部分。而同时，记录者在记录过程中，用户提出的建设性意见可以保留但不可以重点，因为用户是发现设计问题的角色，而解决问题的角色是设计者，专业的分工有助于问题的最优解。

可用性测试并不一定是一次完成的，尤其是对于网页设计来说。因为网页设计具有易改性，所以界面专家建议可用性测试在概念设计中最好以迭代的方式进行。也就是说，在每次页面优化后都及时的可用性测试。界面专家认为在多次迭代的设计过程中，设计错误将以每次80%的速度减少，最优的方案在整个设计周期完成后呈现的概率非常高。

三：将可用性测试的结果运用在设计上：

可用性测试的结果运用和焦点小组类似，我们都把设计中提取的痛点和机会点改进后呈现在界面设计中。由于网页设计的快速成型性，我们的设计稿更新将会同时呈现几个方面，交互，构架，信息。但是我们再运用可用性测试提炼点的时候，还需要充分的考虑到数据库压力和硬件压力。很多机会点都是基于难以实现的硬件功能的，对于这个部分我们还需要做通过大脑风暴等集合解决的办法。所以在这里可用性测试得到的结果并非完全是安全的，我们在运用的时候特别需要注意。

总结

曾经有人这样比喻过网站：任何产品的作用都是要帮助用户完成他们的任务需求，网站也不例外；每一个需求就是一个任务，每个任务都有N多流程，每个流程都有N多界面；每个界面可以比作一个点，N个点组成线(流程)，N根线搓成绳（任务），每个用户需求就是一根绳。把所有的绳子头顺直绑到一起就是网站的首页；所有这些就是一个网站。对网站来说，首页的重要度相当于大脑对人的重要度，我们根据数据比较和数据观察也得出了同样的结论。

在我的整个研究中，主要关注两点内容：怎么做和为什么这样做。总体概括为两个个点：

第一，网站的首页设计是网站设计的一个部分而且是最主要的部分，首页体现了网站的内容，信息构架，定位与设计格调，用户体验，其直接影响到了企业的经济效益。我们经过这些因素的仔细分析，总结出了首页设计的标准和方法论：以用户为中心的设计。

第二，以中心的设计如何进行更是网页设计的难点。那么什么是以用户为中心的设计和怎样进行设计操作呢？经过查阅大量的书籍，在此方面国内外专家都达成一个共识——以用户为中心的设计要一切以科学实验为基准。它体现为几个点：以科学的用户研究方法制定设计标准，以科学的信息挖掘方法设计面向使用的功能体系，以目标用户的认知标准和使用习惯来进行设计评估并进行设计改良，经过回溯和重设计过程，并最终形成具有目标用户偏好特征的设计。

另外在这个设计过程中，特别需要注意的有几个关键：首先，用户研究是否科学有很大的人的因素，如果不是有经验的专家主导进行，研究结果会存在较大的差异性。其次，研究方法也非常重要。英美国家用户体验研究技术和知识成果领先国内约15年，研究对照表明运用较为先进的研究方法往往可以得到更具有可参考性的研究结论。再次，设计师的个人因素也占重要部分。因为设计师强调的是具有创造性，而创造性的产品总是挑战用户体验的，当然有很多产品非常有创造性而且用户体验很好，但是同时也存在大量的不具有易用性的产品，而这些都很大程度上取决于设计师，这也是设计评估的原因。所以设计中坚持以用户为中心的设计师一般可以降低产品开发成本，包括了网站的开发。

参考文献

1、Eric Schaffer.《Institutionalization of Usability》.Pearson Education 2004年版

2、Nielsen J.《Usability Engineering》.机械工业出版社2004年版

3、Nielsen J.《Designing Wed Usability 》.人民邮电出版社2000年版

4、（美）Jesse James Garrett. 《用户体验要素》. 机械工业出版社

5、（美）库珀《软件观念革命》.电子工业出版社

6、（美）普里斯.《Interaction Design Beyond Human-Computer Interaction》.电子工业出版社

7、（美）普里斯.《交互设计之路》.电子工业出版社

8、（美）海姆. 《和谐界面——交互设计基础》电子工业出版社

9、傅利民（美）沙尔文迪董建明. 《人机交互——以用户为中心的设计和评估》清华大学出版社

10、（英）Alan Dix. 《Human-Computer Interaction》电子工业出版社

11、（美）施奈德曼. 《用户界面设计：有效的人机交互策略》电子工业出版社

12、（美）霍兰兹（美）威肯斯. 《工程心理学与人的作业》华东师大出版社

13、李乐山. 《人机界面设计》科学出版社

14、Eric Butow. 《User Interface Design for Mere Mortals》机械工业出版社

15. Cuicui Li 用户体验76个价值点

作者：罗旭祥可用性专家协会UPA中国成员

相关话题：首页源地址：http://www.uxspace.com/my/60/n-1160-4.html

如何进行基于用户体验的首页设计【三】

罗旭祥 — 2008-10-16 12:10:32

第三章：基于用户体验标准的设计的评估流程

在首页设计中，在通常情况下都会存在大量的可用性问题，直接影响了网站的用户体验。界面专家认为，在界面测试中进行大样本定量分析并不能准确得出问题数据，而进行定性分析的首页原型可用性测试是一个比较好的解决方案，这里大概描述一下如何进行可用性测试设计。我们从了解一下为什么可用性测试是最好的设计评估解决方案开始。

一：简述可用性测试：

1. 什么是可用性测试？

可用性测试是指，让一群有代表性的用户尝试对产品进行典型操作，同时观察员和开发人员在一旁观察，聆听，做记录。该产品可能是一个网站，软件，或者其他任何产品，它可能尚未成型。测试可以是早期的纸上原型测试，也可以是后期成品的测试。

2. 你能从可用性测试获得什么？

在每一轮的可用性测试中，你都应该先明确具体的测试问题和目标，针对这些目标进行测试。举例来说，项目刚刚起步，你可以对定量的指标（如时间，错误率和满意度）进行测试，为日后修改网站提供参照。再例如，如果你已经设定了可测量的可用性目标，你可以看看你的产品是否切合这些目标。

对于一个典型的可用性测试，你可以：

o 找出该产品的任何的可用性问题

o 从测试参与者的表现收集定量数据

o 确定该产品的用户满意度

3. 可用性测试和以用户为中心的设计的关系？

可用性测试是以用户为中心的设计的一个重要组成部分。用户为本的设计过程本身就应该包括对性能和偏好进行评价的一系列测试。

4. 什么时候该做可用性测试？

尽早做，经常做。可用性测试可以让设计师和开发团队在产品成形之前尽早发现问题。问题越早发现和弥补，所造成的损失就越低。这些问题是找到并固定好，越昂贵的补丁程序。随着项目的进展，对设计主体进行改动会变得越来越困难和昂贵。你测试的越多，并就相应测试进行改进，你就可以更加确信你的网站没有偏轨，确信它是符合您的目标和用户的需要的。一般情况下我们会把可用性测试放在迭代设计之后有了具体的设计的时候。

迭代开发过程——开发原型，测试用户，分析结果，随之修改原型，然后再重复测试、分析、修改周期——是开发一个成功的网站或软件的最好方式。

5. 通过可用性测试你能学到什么？

通过一个典型的可用性测试，你可能找到这些问题的答案：

o 测试参与者能成功完成任务吗？

o 在成功完成的任务中，每项任务能做的多快？

o 在成功完成的任务中，每项任务要多少页（或者点击多少次）才能完成？

o 测试参与者的表现是否满足可用性目标？

o 测试参与者对网站的满意度如何？

o 做出什么改变才能确保更多用户能够完成地更顺利？

可能还有更具体的问题。举例来说，如果这一轮测试主要关注的是搜索功能，你可能会关注这些问题：

o 测试参与者会在页面上浏览还是直接使用搜索？

o 他们搜索时最常用的关键字是什么？

o 搜索框是否足够大，能呈现大部分的搜索关键字？它的位置是否合理？

o 搜索结果是否能引导用户的快速找到答案？

o 如果搜索结果恰好包含用户想要的答案，这些答案是否经常显示在第一页？

o 搜索是否能检测到拼写错误并帮助纠正？

6. 可用性测试中你该注意什么？

必须牢记以下四点：

o 1. 你测试的是产品，而不是使用者。

o 2. 更多地依靠用户的表现，而不是他们的偏好。

o 3. 把你掌握的测试结果应用起来。

o 4. 基于真实的用户体验，找出问题的最佳解决方法。

A. 你测试的是产品，而不是使用者。

对一些用户而言， "测试"有负面的涵义。我们要努力确保他们不认为测试是针对他们。我们要让他们明白，他们正在帮助我们测试原型或网站。事实上，我们可以不使用“测试”这个术语。相反，我们是邀请参加者为我们提供帮助， "勇于尝试原型" 。

当用户难以完成任务时，我们应该改变网站，而不是改变用户。同时我们还应该思考该网站能在多大程度上符合那些典型用户的的目标，而不是关注用户在这个任务做的多好。

B．更多地依靠用户的表现，而不是他们的偏好。

通过测试我们可以测量到用户的表现，以及他们的偏好。用户的表现包括是否成功完成，所用时间，产生的错误等等。偏好包括用户自我报告的满意度和舒适度。

一些设计人员认为，如果他们的设计能迎合用户的喜好，用户在该网站上就会有良好的表现。但证据并不支持这一点。事实上，用户的表现以及他们对产品的偏好并非一一对应。一项研究发现，约有百分之七十的用户同意表现和喜好有联系。也就是说，他们在喜爱的网站上表现良好，在不喜欢的网站上表现欠佳。

然而，还有相对比较大比例的人（ 30 ％）认为，用户的表现以及他们对产品的偏好并非一一对应。他们在不喜爱的网站上可能表现良好，在喜欢的网站上也可能表现不佳。

关于人们为什么会对自己表现欠佳的网站给出较高的评价有多种解释。他们可能会把表现不佳归结到自己，而不是网站。或者说，他们可能担心给一个较低的评价会伤害网站设计者，也就是我们的感情。或者说，他们可能并没有完成任务，却自认为成功完成了，他们并没有意识到问题所在。基于所有这些理由，我们建议你：更多地依靠用户的表现，而不是他们的偏好。

C．把你掌握的测试结果应用起来。

可用性测试不仅仅是用于核对项目进度的一个里程碑，你要知道，当最后一个参与者完成任务的时候，可用性测试还没有结束。整个团队必须仔细研究结果，设定优先次序，基于结果对或者网站原型进行修改。

D．基于真实的用户体验，找出问题的最佳解决方法。

制造任何产品，包括大部分网站和软件，需要考虑许多不同的用户的工作方式、体验、问题以及需要。大多数项目，包括设计或修改网站，都要处理时间、预算和资源等方面的限制。平衡各个方面对大部分项目来说都是一个重大的挑战。

在你权衡利弊时，最好优先开发那些能使最多用户完成任务的网站或软件。有研究表明，产品推出后，用于支持失败客户的花费远远高于开发时对产品修正所付出的花费。

你需要认真考虑假定用户、使用场景以及可用性测试的结果，试图找出针对不同客户需求的理想解决方法。找不到最好的解决方法，用户就不能够顺畅地完成任务。有证据表明，即使用户延长使用时间在一个不太完美的产品界面完成任务，也远不及在一个更好的产品界面带来的成功感。

7. 你是否需要一个实验室做可用性测试？

用不着，无论使用正式的或非正式的设备你都可以做可用性测试。使用任何类型的设备，你都可以采用各种正式或非正式的方法。

使用下述任何一种设置，你都可以进行有效的可用性测试：

o 两室或三室的固定实验室，配备视听设备

o 会议室，用户的家或工作室，配备便携式录音设备

o 会议室，用户的家或工作室，没有录音设备也可以用人眼观察和笔记来代替

o 当用户在不同地点可以远程控制

相关话题：首页源地址：http://www.uxspace.com/my/60/n-1160-3.html

如何进行基于用户体验的首页设计【二】

罗旭祥 — 2008-10-16 12:09:17

二首页设计第一步：基于用户体验的经验性概念设计

大多数具有查阅功能的网站首页设计都不是感性的设计，设计者必须考虑网站信息构架和内容层次等。信息构架作为网站的骨架部分是设计者考虑的首要因素，因为从工作流的角度看只有清晰的面向使用的信息构架才能支持优秀的网站设计，所以设计者在设计前需要确定几个问题

1. 网站的功能是什么

2. 网站的受众是谁

3. 网站的用户群为什么登陆网站

网站的功能决定了网站的定位，进一步决定了网站的目标受众。但是网站的目标受众中大多数用户登录网站的核心是为了完成使用功能，而非其他目的。所以，我们设计网站的要考虑使用户快捷的完成使用任务，大多数专家认为合理的方法是减少用户操作步骤，减少用户的等待时间，这些都是比较有效的提高用户体验的方法。

我们通过AT&T的首页设计分析来了解首页设计流程。

我们通过观察AT&T的首页发现几个优秀首页具有主要特征：

1. 主要内容在一个屏中显示完毕

2. AT&T的用户进入网站的主要需求是进行AT&T的服务，而在首页中存在用户需要的各个服务入口

3. 明显的登录框

4. 鲜明的功能区块划分

所以以用户为中心的设计是关注用户使用的设计，专家在进行AT&T设计时,也同样以用户为中心。较为科学的网站概念设计流程是这样的：

在网站的整站信息构架设计与交互设计设计完成后，再进行主页重构设计。设计中主要包括几点：

1. 根据信息构架设计进行首页功能区划分

2. 设计登录框位置

3. 在明显位置设计导航位置和导航形态

4. *如特殊的地理位置还需考虑进行符合当地阅读习惯的本地化设计

5. 在基本的区域设计完成后进行详细设计包括：标题和导航文字设计，色彩设计，主题设计，内容设计，图标设计

6. 首页设计校验。主要方法为根据普遍认可的网页设计要素标准进行纠错设计

在以上6个步骤完成后，基本的首页原型概念设计就完成了。因为是以用户为中心的设计，所以设计中要考虑用户普遍习惯与特殊习惯，在特殊的用户对象中还需要注意进行特殊设计，比如针对老年人的网站首页设计需要适当的放大文字，便于老年用户阅读。但是是不是这些工作结束后一个优秀的首页就是设计完成了呢？专家认为是不一定的，不同的设计师对设计的理解不同，对信息构架分类的理解也不同，所以造成了人为的设计差异。客服这些问题不是设计师本人可以做到的，因为设计师本人正是这些问题的产生根源。

当我们完成了初步的概念设计以后，我们会有两个疑问：

第一：我们是基于用户使用和商业目标进行的概念设计，但是是不是我们的设计就已经很好的完成了设计目标了么？

第二：是不是我们在首页设计中通过经验设计和避免错误的设计，此时错误设计就不在出现？

对于第一个问题，根据大量的实验研究表明，以用户为中心的概念设计用户体验虽然优于传统设计，但是并不能充分体现用户关爱。

对于第二个问题，我们有经验的设计专家告诉我们，这是不可能的，因为错误在避免错误时也会产生。

基于这两点，我们可以认为，概念设计是不充分的。所以下一个步骤是迭代设计，在迭代设计中发现问题并对问题进行重述是很好的发现网页可用性问题的办法。下一节我们将具体描述如何进行下一步和为什么这样做。

三首页设计第二步：基于用户体验的迭代设计

迭代设计的观点是专门对首页初步概念设计中难以把握用户提出的。设计师在完成了初步的设计后，他们实际上只完成了第一步：功能的可用性穷举和交互的思考，换句话说只不过是重新熟悉了这个网站。但是我们要明确一点，设计师熟悉网站并不能给用户带来很好的体验，因为设计师不能代表千万用户的观点。基于用户体验的迭代设计的观点是革命性的，原因就在于它在无声无息中将用户需求彻底的暴露出来。这里引入一个新的名词，焦点小组。

焦点小组（focus group）是在可用性工程中使用的比较多的一种方法,通常用于产品功能的界定、工作流程的模拟、用户需求的发现、用户界面的结构设计和交互设计、产品的原型的接受度测试、用户模型的建立等。

焦点小组依据群体动力学原理请大约6~9个参试（participant）对某一主题或观念进行深入讨论。焦点小组实施之前，通常需要列出一张清单，包括要讨论的问题及各类数据收集目标。在实施过程中需要一名专业的主持人，主持人要在不限制用户自由发表观点和评论的前提下，保持谈论的内容不偏离主题。同时主持人还要让每个参试都能积极地参与，避免部分用户主导讨论，部分消极用户较少的参与讨论。焦点小组具有群体动力（Group dynamics）、自由开放（Open discussion）、定性数据（Qualitative data）和适合探索目的（exploratory purposes）等特点。群体动力是指焦点小组参试之间存在交互作用，参试之间会相互影响。任何一个参试的观点都会影响其他参试的反应，任何参试的观点和意见都是建立在其他参试的观点的基础上。从用户的角度来说焦点小组是自由开放的，没有特定框架约束的，虽然实际上主持人通常是按照预先计划的内容提出问题。焦点小组是一种定性方法，因此要避免通过焦点小组收集定量数据。在焦点小组的数据呈现过程中也要避免用定量的方式呈现结果。比如对A和B两种设计方案，8个参试中有6个赞成A方案，那么在报告中说有75%的用户赞成A方案这种说法是不科学的。因为焦点小组只是小样本，此时我们可以表述为8个用户中有 6个用户赞成A方案。焦点小组特别适合用探索性目的的用户研究，在确定用户使用产品或者服务的习惯、使用模式、态度、确定用户语言、为新产品开发收集创意、为问卷调查等定量方法收集问题等方面有重要的作用。

我们把概念设计中提取的设计模型通过焦点小组的深度挖掘，你会有意外的发现：

1.设计师最初设计的很多功能点通过焦点小组研究后，发现是不受用户偏好的方案。

2.设计师原本没有想到的很多需求暴露了出来

我们的焦点小组的研究结果反映在设计上，再经过下一次焦点小组，再进行改进设计的迭代我们成为迭代设计。不可否认的是，只有迭代设计后的首页才能将偶然的用户偏好变成必然。因为概念设计是设计师参考自己设计的，但是经过焦点小组的迭代设计，是参考用户需求设计的。但是只是参考用户需求就够了么？在迭代设计的下一个阶段，我们将进入到下一个环节——设计评估的最好的工具——可用性测试。

四首页设计第三步：设计评估（基于用户体验的评估）

在下一章我们将完整的介绍可用性测试，但是基于论文的易读性，我们将在这里简单的介绍一下可用性测试。

通过一个典型的可用性测试，你可能找到这些问题的答案：

测试参与者能成功完成任务吗？

在成功完成的任务中，每项任务能做的多快？

在成功完成的任务中，每项任务要多少页（或者点击多少次）才能完成？

测试参与者的表现是否满足可用性目标？

测试参与者对网站的满意度如何？

做出什么改变才能确保更多用户能够完成地更顺利？

可能还有更具体的问题。举例来说，如果这一轮测试主要关注的是搜索功能，你可能会关注这些问题：

测试参与者会在页面上浏览还是直接使用搜索？

他们搜索时最常用的关键字是什么？

搜索框是否足够大，能呈现大部分的搜索关键字？它的位置是否合理？

搜索结果是否能引导用户的快速找到答案？

如果搜索结果恰好包含用户想要的答案，这些答案是否经常显示在第一页？

搜索是否能检测到拼写错误并帮助纠正？

我们从上面看到了，可用性测试对迭代设计的成果具有很好的验证性，它不但能告诉你你的产品是不是可能被用户喜欢，而且更重要的是它能告诉你为什么能被用户所喜欢。对于一个网站来说，整套流程非常重要，这就意味着强调什么功能而忽略什么功能，把自己的技术精英放在哪个模块而不是通过平均的分配资源而变相的浪费资源。我们用一个较为直观的流程图来表示迭代设计。

在整套用户体验设计中，迭代设计作为一个核心部分，整套的设计实际上也是在一个大的迭代中进行的。有人把用户体验研究员认为是嵌入式而不是固定于某一个环节的工作流。我们用一个较为直观的图表来表示整套针对网站的设计过程。

在多次可用性测试后，我们几乎可以说我们已经拥有一个成功的首页了，您将很轻松的进入下一个环节，这个网站的设计。

五首页设计第四步：设计总结

这个网站的设计我们在这里不作讨论，这个是一个交互方面的比较大的课题。至此通过概念设计，迭代设计，可用性测试，我们已经拥有了一个优秀的完全为用户打造的首页了，我们可以说整个网站我们几乎完成了最难的部分。在这个部分的结束前，我们需要设计总结，目的是为了得出：

1. 这个网站的整体设计原则。我们将可以通过首页设计中保存下来的大量珍贵数据得到我们的网站特征和必须遵守的规则。

2. 信息构架总结。我们通过首页设计可以明确一点，什么是功能中优先等级中最高的，什么是必要的，什么是可有可无的。了解了这点我们可以在以后的整站建设中调配资源，将优势资源集中到优先等级高的功能上去，节省开发成本的同时，为今后的网站改版指明方向

3.交互设计总结。我们通过多次的焦点小组中，可以得到一个关键的系数：用户喜欢什么样的交互体验。在硬件瓶颈逐渐失去意义的同时，我们欣然的看到交互的空间扩大了，IPOD的成功充分了验证这个观点。

至此，网站首页设计顺利完成，当然在随后的整站设计中还有更多的迭代设计，焦点小组以及可用性测试，硬件测试等等。但是首页设计是其中最难也是最重要的一个部分，科学的首页设计将会减低其它页面设计的压力。接下来的一章我们将详细介绍本文中的难点：可用性测试。

相关话题：首页源地址：http://www.uxspace.com/my/60/n-1160-2.html

如何进行基于用户体验的首页设计【一】

罗旭祥 — 2008-10-16 12:05:46

网页设计中最重要的部分是首页的设计，同时困扰网站的核心问题也是如何通过优秀首页设计创造整个网站的经济价值。用户体验为中心的设计，或者说是以人为中心的设计概念提出是现代设计对互联网做出的巨大贡献。现代研究表明，以企业的经济价值作为网站设计的终极目标，以提升用户体验体验最为基本设计目标是现代最科学的设计方法。在中国，以用户为中心的设计必将普遍的从理论变成可实践的方法流。在用户体验理论正在成为本世纪中国最受追捧的理论同时，大量专家学者认为用户体验必将改变中国各个行业的未来，例如有专家就认为WEB3.0时代是用户体验的时代。不论这些观点是否准确，但是伴随着科技的高速发展，硬件的瓶颈逐渐失去意义，用户体验必将引领未来。 ——罗旭祥

Abstract

The most important part in web design is index design. Meanwhile, how to design excellent index to create the value is the core of website. User Center Design concept created great value for the World Wide Web. The latest research has proved that the design method for the user experience and economy value is scientific. In China, User Center Design concept will be scientific process used in workflow. According to the experts’ research, user experience theory will improve the future of industry in China. For example, some experts have pointed out WEB 3.0 will be user experience times. Whatever, as the technology develop，the bottle-neck of hardware will be disappeared, and user experience technology will lead future.

关键词：网页设计，用户体验，可用性，用户研究
KEY WORD: Index design, user experience, usability, user research,

第一章：首页设计的价值

网站的首页是网站核心部分，从视觉上课观察到的角度来说，首页的功能区域设计直接反映了网站的信息构架，首页的色彩向用户暗示了网站定位和目标用户群，首页内容是整个网站的索引；从用户的功能使用角度来说，首页是通向各个二级页面的大门，首页是整个万维网通向站点目录的最小单元，首页设计的质量直接影响到整个站点的用户体验，以网站排名的形式体现，并以商业价值的反馈形式传达给站长。所以，首页设计举足轻重，优秀的首页设计是现在这个网站互联时代的优秀文化精髓，也将是具有时代特征的文化瑰宝。我们接下来从仔细分析首页设计的目的和收益来认识首页设计的价值。

一：优秀的首页设计带来优秀的用户体验

首页的用户体验是网站用户体验的核心部分，而网站用户体验又是网站价值的核心因素，所以首页用户体验就处在了网站价值的核心位置。我们以新闻网站为例来说明为什么首页设计对网站用户体验举足轻重。

最早的新闻网，如新浪等，他们有一个共同特征，信息及时，包含内容广泛，所以在当时网站仍然很稀少的时候成为了新闻网站的霸主，但是问题在于：如果新浪网仍如最初的网站设计，它是否能在互联网战争中存活下来？答案是明确的，因为从在当今网络的爆炸式发展带来的多选择的网络公司成败案例总结中，专家们普遍支持的观点是：互联网价值的内核在于网站的用户体验。但是网站的用户体验如何呈现呢？网站的用户体验呈现方式主要有三种：一个是交互体验，主要包括了用户对网站的操作，网站给用户的反馈；一个功能体验，主要包括了用户对网站的功能性操作；一个是视觉体验（听觉体验也是一个小方面），包括了用户对网站色彩的体验，功能区域设计的体验等。首页的重要性就在于首页是通向各个页面的大门，也是用户从万维网通向网站的大门，首页不但是这些功能的重要载体之一，而且是各个用户操作的始发源头。

根据最近的网站调查，2008年排名前十位的新闻网站的两大要素：内容和设计。如果说新闻内容成就了这些新闻网站的前十位排行，那么其网页设计风格与视觉传达艺术，事实上也引领了汉语网民的阅读习惯，或者说契合了人们的视觉运动规律，从而成为网民对其新闻网页合理布局的一种视觉“默认”选项。我们不能否认，这种视觉默认与人性化设计组成的“模板”，给了浏览者一个流畅的视觉体验，符合新闻心理学规律，具有极强的黏着力，因而培养了网民访问浏览其新闻网页的忠诚度。新闻网站强调信息的聚集能力，因此网站的首页设计十分重要，它涉及到页面的风格和信息展现的方式。当网站的制作和发布成为这个时代的热门技术时，无论是为了工作还是因为兴趣，也无论是机构还是个人，对网站设计的要求也是越来越讲究了。让我们来看看排行榜中的十家网站，在网页设计元素的安排，特别是在图形、文字、色彩等视觉元素的意象与新闻要素的传达上，是如何遵循规律来抓住“眼球”，体现人本理念的。同时，以网络品牌文化的建设和培育为核心，在网络品牌战略的全面统筹规划之下,创造性地进行新闻网站品牌的CI形象设计和市场的传播推广工作也极具深远意义。

二：优秀用户体验的首页设计最终带来的商业价值

更优秀的首页设计最终呈现的数据表现为：网站排名的提高，网站流量的增加，网站品牌价值提升，用户粘性的提升，同时创造更多的营业额。在这些因素下，网站的商业价值得以全面的体现。

网站排名的升高必定带来网站整体价值的提高，也将带来网站流量的剧增。这些的数据增加直接反映的经济价值是广告的增加和用户产生的网站内容的增加。而同时，用户粘性的提高和网站品牌价值的提高则必定带来网站营销产品的利润增加或者总体收益增加。如果我们把用户和收益看作投入和产出的话，用户则为整个利润圈的原料，网站体验成为生产资料，用户既是生产的起点，同时也是生产资料产出的重点，用户最终通过网站的整合营销成为网站的利润源泉，而生产形态则类似于“滚雪球”的方式。所以，网站体验这个生产资料的能力最终决定了商业价值的高低，进一步我们可以认为优秀的首页设计最终带来巨大的商业价值，而首页设计的中心则是用户，所以，我们从利润为目标出发，再进一步得出首页设计的方法：以用户为中心的设计。

第二章：以用户为中心的首页设计流程

第一章我们通过对商业目标的总结得出首页设计的方法为以用户为中心的方法，但是我们以什么为标准进行首页设计呢？经过专家的研究发现，首页设计是规范化的，具有标准化的，可以通过工作流产出的，这个也是我们为什么提出基于用户体验的经验设计的原因。研究发现，具有丰富经验的用户体验界面设计专家往往能够在设计中习惯于遵循设计规则，所以在概念设计阶段，我们突出强调了基于用户体验的经验设计。在了解标准的概念设计工作流之前，我们先了解首页经验设计包括哪些要素

一：首页经验设计的要素

按照面向对象的解决问题方法，我们把首页细分为几个部分：导航，内容，交互方式，陈述。导航分为一级导航，二级导航等；内容主要是表述的内容；交互方式主要包括用户对功能的操作的各种行为以及反馈；陈述主要是界面布局设计与色彩设计等。在这几个要素当中，我们根据影响用户完成功能任务的角度区分要素权重，得出权重从高到底排列为：导航，内容，交互方式，陈述。例如我们在功能操作时虽然人机交互界面颜色会对我们的操作时间有一定的影响，但是并不一定影响用户能否完成操作任务，所以权重等级为较低。如果网页导航存在可用性问题则直接影响了用户操作任务完成，则设计权重为较高。

从界面设计的内容角度，我们把首页设计分为几个要素：图标设计，层设计，表格设计，标题设计。图标设计是导航设计主要设计对象，所以具有较高的优先级，例如如果用户对图标意义产生误解则将直接导致用户错误使用导航，而导航设计处于较高的优先层级，所以将造成用户操作任务失败率的增加。层设计直接反映了网站的信息构架，优秀的网站的信息构架设计表现为层级较少，清晰，而较差的信息构架设计则直接导致了用户在网站中迷失，所以层设计的优先等级也较高。标题设计是内容的总述，与内容设计有直接的关系，好的标题设计总是能较好的体现网站内容，所以标题设计的好坏直接影响用户对功能区块分区认识的效率。表格作为内容的载体，在首页设计中也具有重要的影响。

一些界面体验专家通过对网页设计体验点的研究得出以下几个设计标准：

从感官体验角度来看，网页需要呈现给用户视听上的体验，强调舒适性。主要为：导航交互，设计风格，LOGO,布局，速度，色彩，动画效果效率，图片，背景音乐。

设计风格：符合目标客户的审美习惯，并具有一定的引导性。网站在设计之前，必须明确目标客户群体，并针对目标客户的审美喜好，进行分析，从而确定网站的总体设计风格。

网站LOGO：确保logo的保护空间，确保品牌的清晰展示而又不占据过分空间。

页面速度：正常情况下,尽量确保页面在5秒内打开。如果是大型门户网站，必须考虑南北互通问题，进行必要的压力测试。

页面布局：重点突出，主次分明，图文并茂。与企业的营销目标相结合，将目标客户最感兴趣的，最具有销售力的信息放置在最重要的位置。

页面色彩：与品牌整体形象相统一，主色调+辅助色不超过三种颜色。以恰当的色彩明度和亮度，确保浏览者的浏览舒适度。

动画效果：与主画面相协调，打开速度快，动画效果节奏适中，不干扰主画面浏览。

页面导航：导航条清晰明了、突出，易于点击，层级分明。

页面大小：适合多数浏览器浏览（以15寸及17寸显示器为主）。主要内容应在浏览器第一屏呈现，在无需拖动滑竿。

图片展示：图片比例协调、不变形，图片清晰。图片之间的排列既不过于密集，也不会过于疏远。

图标使用：简洁、明了、易懂、准确，与页面整体风格统一。

广告位：广告位的展示应避免干扰消费者视线，广告图片符合应符合整体风格，避免喧宾夺主。

背景音乐：与整体网站主题统一，文件要小，不能干扰阅读。要设置开关按钮及音量控制按钮。

从交互体验来看：呈现给用户操作上的体验，强调易用/可用性。主要包括几个部分：会员申请，注册，表单填写，提交，按钮设置，点击提示，错误条款，在线问答，意见反馈，在线调查，在线搜索，页面刷新，新开窗口，资料安全，导航路径。

会员申请：介绍清晰的会员权责，并提示用户确认已阅读条款。

会员注册：流程清晰、简洁。注册的步骤尽量简短，待会员注册成功后，再详细完善资料。

表单填写：尽量采用下拉选择，在填写框旁边注明此栏需填写的信息内容及填写规范，并对必填字段做出限制。（如手机位数、邮编等等，避免无效信息）

表单提交：表单填写后需输入验证码，防止注水。提交成功后，应显示感谢提示，并自动跳转回主页面。

按钮设置：对于交互性的按钮必须清晰突出，以确保用户可以清楚地点击。

点击提示：点击浏览过的信息颜色需要显示为不同的颜色，以区分于未阅读内容，避免重复阅读。

错误提示：若表单填写错误，应指明填写错误之处，并保存原有填写内容，避免重复工作。

在线问答：用户提问后网站管理人员要及时反馈，网站管理后台应对新提问予以提示以确保回复及时。

意见反馈：当用户在网站使用中遇到任何问题，都可随时提供反馈意见。

在线调查：为用户关注的问题设置调查，并显示调查结果，提高用户的参与度。

在线搜索：在明显的位置设置搜索栏，搜索请求提交后，应显示清晰的搜索结果，并对该搜索结果中的相关字符以不同颜色加以区分。

页面刷新：尽量采用无刷新（AJAX)技术，以减少页面的刷新率。例如Ajax是新兴的网络开发技术的象征。它将Java和XML技术结合在一起，用户每次调用新数据时，无需反复向服务器发出请求，而是在浏览器的缓存区预先获取下次可能用到的数据，界面的响应速度因此得到了显著提升。

新开窗口：尽量减少新开的窗口，以避免开过多的无效窗口，设置弹出窗口的关闭功能。

资料安全：确保用户资料的绝对保密，对于客户密码和资料进行加密处理。

导航路径：无论用户浏览到哪一个层级，哪一个网页，都可以清楚知道看到该页面的路径，并可以轻松返回上一层级。

从浏览体验来看，页面设计需要呈现给用户浏览上的体验，强调吸引性。主要包括几个方面：栏目命名，层级，内容分类，丰富度量，内容的质量如原创性，信息更新频率，编写方式，新文章标记，导读，内容推荐，收藏订阅，搜索，打印，字体，排列，颜色，分页，语言，快捷方式。

栏目的命名：与栏目内容准确相关，简洁清晰，不宜过于深奥。

栏目的层级：最多不超过三层，导航清晰，运用JAVAscrip等技术使得层级之间伸缩便利。

内容的分类：同一栏目下，不同分类区隔清晰，不要互相包含或混淆。

内容的丰富性：每一个栏目应确保足够的信息量，避免栏目无内容情况出现。如果该栏目正在建设中，则应该屏蔽，应避免用户的无效点击。

内容的原创性：尽量多采用原创性内容，以确保内容的可读性。如文章为转载内容，应注明转载来源及作者姓名。

信息的更新频率：确保稳定的更新频率，以吸引浏览者经常浏览。

信息的编写方式：段落标题加粗，以区别于内文。采用倒金字塔结构，以吸引用户。

新文章的标记：为新文章提供不同标识（如new），吸引浏览者查看。

文章导读：为重要内容在首页设立导读，使得浏览者可以快速了解到所需信息。文字截取字数准确，避免断章取义。

精彩内容的推荐：在频道首页或文章左右侧，提供精彩内容推荐，吸引浏览者浏览。

相关内容的推荐：在用户浏览文章的左右侧或下部，提供相关内容推荐，吸引浏览者浏览。

收藏夹的设置：为会员设置收藏夹，对于喜爱的产品或信息，可进行收藏。

栏目的订阅：提供Rss或邮件订阅功能

信息的搜索：在页面的醒目位置，提供信息搜索框，便于查找到所需内容。

页面打印：允许用户打印该页资料，以便于保存。

文字排列：标题与正文明显区隔，段落清晰。

文字字体：采用易于阅读的字体，避免文字过小或过密造成的阅读障碍。可对字体进行大中小设置，以满足不同的浏览习惯。

页面底色：不能干扰主体页面的阅读。

页面的长度：设置一定的页面长度，避免页面过长而影响阅读。

分页浏览：对于长篇文章进行分页浏览。

语言版本：为面向不同国家的客户提供不同的浏览版本。

快速通道：为有明确目的的用户提供快捷栏目链接。

网站地图：为用户提供清晰的网站指引，并提供栏目链接。

帮助中心：对于流程较复杂的服务，必须具备帮助中心进行服务介绍。

从情感体验角度来看，网页设计需要呈现给用户心理上的体验，强调友好性。主要包括几个点：客户分类，友好提示，售后，会员关系处理，激励机制，答疑，信息问候等。

客户分类：将不同的浏览者进行划分（如消费者、经销商、内部员工），为客户提供不同的服务。

友好提示：对于每一个操作进行友好提示，以增加浏览者的亲和度。

会员交流：提供便利的会员交流功能（如论坛），增进会员感情。

售后反馈：定期进行售后的反馈跟踪，提高客户满意度。

会员优惠：定期举办会员优惠活动，让会员感觉到实实在在的利益。

会员推荐：根据会员资料及购买习惯，为其推荐适合的产品或服务。

鼓励用户参与：提供用户评论、投票等功能，让会员更多地参与进来。

会员活动：定期举办网上会员活动，提供会员网下交流机会。

专家答疑：为用户提出的疑问进行专业解答。

邮件/短信问候：针对不同客户，为客户定期提供邮件/短信问候，增进与客户间感情。

好友推荐：提供邮件推荐功能。

从信息信任体验角度来看，需要呈现给用户的信任体验，强调可靠性。主要包括：搜索引擎(SEO技术),公司介绍，投资者关系，服务，文章源，作者，联系方式，安全条款和证书等，法律声明，网站备案。

搜索引擎：查找相关内容可以显示在搜索引擎前列。

公司介绍：真实可靠的信息发布，包括公司规模、发展状况、公司资质等。

投资者关系：上市公司需为股民提供真实准确的年报，财务信息等。

服务保障：将公司的服务保障清晰列出，增强客户信任。

页面标题：准确地描述公司名称及相关内容。

文章来源：为摘引的文章标注摘引来源，避免版权纠纷。

文章编辑作者：为原创性文章注明编辑或作者，以提高文章的可信度。

联系方式：准确有效的地址、电话等联系方式，便于查找。

服务热线：将公司的服务热线列在醒目的地方，便于客户查找。

有效的投诉途径：为客户提供投诉或建议邮箱或在线反馈。

安全及隐私条款：对于交互式网站，注明安全及隐私条款可以减少客户顾虑，避免纠纷。

法律声明：对于网站法律条款的声明可以避免企业陷入不必要的纠纷中。

网站备案：让浏览者确认网站的合法性。

相关链接：对于集团企业及相关企业的链接，应该具有相关性。

专家研究认为优秀的网页设计并非人人可以达到，而与个人经历和用户为中性的设计培训等有关。能创造出优秀网页设计的设计师普遍是有经验的，坚持用户体验设计标准的，较好的团队合作能力的。所以在创造优秀的界面设计中，我们强调参与者需要有经验的用户界面专家，优秀的界面设计团队，科学合理的工作流程。以上的用户体验点研究是一个网页界面设计专家需要具备的基本设计素质，我们接下来再研究什么是科学的基于用户体验的经验设计流程。

相关话题：首页源地址：http://www.uxspace.com/my/60/n-1160.html

网站架构之主页设计

思域 — 2008-10-14 10:46:12

思域最近在给编辑部培训的时候发现一个问题，就是他们在设计专题或者页面的时候自我意识太强，缺少页面设计的基本思维，想怎么设计就怎么设计，有些只是看到别人的页面是这样，他也就闷头模仿，还给思域传递了一句名言：“模仿是雷管，创新是炸药”。话虽如此，可是既然要成为一名专业的编辑或者页面设计师就必须懂得页面设计有哪些准则，如何站在公司的角度考虑公司的利益，如何站在用户的角度给用户良好的体验，如何站在行业的角度延续行业长期培育起来的用户习惯。

下面思域想重点说说，在主页设计的时候我们应该赋予主页的十二个任务：

        第一个任务：体现站点的标识和使命
        上次看到一组数据，说当今全球网站数量已经上亿了，平均每天看1万个网站，那么一个人要花30年才能看完这些网站，可是30年中又会有无数的网站诞生，也许又要花60年才能再看完，总之这辈子思域是看不完了。说明网站竞争相当激烈，同一个类型的网站同时有上万家在竞争是不足为奇的，所以在竞争中一个网站的主页就显得格外重要。
        主页要不能放过任何一个可能访问或者正在访问甚至访问过的用户，大家都削尖了脑袋想办法如何处理这三个问题。那么对于任何一个访问你网站的用户你就要了解他第一次打开你网站他关心什么。经过思域长时间的调查和试验，用户第一次打开一个网站大部分是这四个问题：

       A 这是什么网站？

       B 网站上有什么？

       C 我能在这里做什么？

       D 为什么我应该选择这里，而不是其他地方？

下面我们以阿里巴巴为例看看他是如何表达这四个问题的。
        阿里巴巴在国内是电子商务类网站用户体验公认做得最好的，这个思域不想论证，就看他的网站LOGO，橙色加黑色，网站整体CI就是这个色，标识下方的“全球领先的网上贸易市场”。
第一个问题：阿里巴巴是做什么的？看完这个LOGO如果您还不知道，那么接着您的视线从LOGO位置水平向右移，看到导航，还不知道是做什么的？天！好吧，请托动滚动条，浏览一下网页。
第二个问题：我能在这里做什么？从阿里巴巴首页右上角的导航条，很明显的告诉用户，用户在这里可以“采购”和“销售”这是主打服务，其他的看用户的需求。
第三个问题：网站上有些什么？如果前两个问题你在阿里巴巴上已经没有疑问了，那么这个问题阿里巴巴已经在主页上很好的回答你了。
第四个问题：为什么我应该在这里？“全球领先的网上贸易市场”这句话的效果不要小看哦！
好了，通过阿里巴巴的例子，已经告诉各位看官主页的第一个任务――体现站点的标识和使命。主页要告诉用户我这是什么网站，我是做什么的，为什么你应该来我的网址。
第二个任务：网站导航和站点层次
网站要给出网站提供的服务的概貌，既要包括内容――“我能在这里找到什么？”。也要包括功能――“我能做什么？”。还有这些服务是如何组织的。这项工作通常由持久导航来处理。其实一个网站的导航是非常重要的，他是网站的通道，通道如何设计才能让用户最方便快捷的到他想去的页面，如何设计才能把网站最好的内容体现在用户面前，导航设计有哪些讲究，避免出现哪些错误，这些问题思域后面的文章都会一一解答。
第三个任务：搜索
对于信息量大的网站搜索是很必要的，否则即使你其他元素处理得再好，用户在你网站上体验的感觉就像波音747的靠背椅全部换成了小板凳！
第四个任务：导读
就像杂志封面一样，主页要用一些“里面有精彩内容”的暗示来吸引我，“内容推荐”部分应该突出最新、最好、最热门等的内容片断，例如头条或者热销和热文等等。“功能推荐”部分邀请用户去访问网站更多的栏目或者使用一些个性化功能或邮件简报等。
第五个任务：内容更新
如果网站的成功取决于用户是否经常来访，那么主页应该有一些经常更新的内容。即使是不需要固定访问者的网站也需要有一些活跃的迹象，哪怕只是一个到最新的新闻链接，告诉用户这里并不是一潭死水。
第六个任务：登陆注册
如果网站使用会员制，主页应该为新用户注册和老用户登陆提供链接或者直接登陆框，免得用户四处寻找，至于是提供链接还是直接的登陆框，需要设计师来衡量，是黏性较强还是较弱，是老用户多还是新用户多，页面位置该不该腾出一个地方出来放置登陆框，用户的习惯会是怎样的，关于登陆框的问题，思域以后说。
第七个任务：快捷方式
最常访问的内容片断，如软件升级等，值得在主页上放置链接，免得用户四处寻找。现在很多网站的快捷方式是网站一厢情愿的，不是用户经常访问哪些内容网站就把这部分内容以快捷方式的形式体现在首页，而是网站方面最近新推出了什么业务，网站有什么新的动向，把这些内容作为快捷方式，思域认为最好是根据网站特点来考虑，看看是为用户多考虑合适还是为自己多考虑合适。
第八个任务：友情链接
需要在主页上预留空间，用来放置广告、交叉推广、合作品牌的友情链接等等，这里思域不多说了，有很多人问思域，一个新的网站如何与别人交换链接？如何交换到质量较好的链接？交换链接的质量好坏如何评定？一篇文章咱说不完。思域会专门来说这个问题。
第九个任务：让用户看到他正在寻找的东西
主页应该让用户想要的任何东西显而易见，如果这些内容在站内某个角落的话。当然，不是把网站的所有东西都罗列出来，弄得一个主页十几屏，用脑子嘛！
第十个任务：告诉用户还有他没有寻找到的
主页应该让用户看到一些很精彩的、用户也许会感兴趣的内容，就算用户并没有寻找他们。
第十一个任务：告诉用户从哪里开始
用户第一次到一个网站还无从下手，感觉就像和女生睡觉，都把她衣服脱光了，她还呆若木鸡，面无表情。网站首页应该如何安排才能完成这个任务，其实方法有很多，这里不多说，思域后面会详细的说。（写道这里思域好像累计了好几篇文章啦，找个时间向各位看官慢慢解答）
第十二个任务：建立可信度和信任感
对于一些访问者来说，主页将是你的网站给他们留下好印象的唯一机会。

好了，主页的十二个任务，思域草草的罗列了一下，具体如何运用还需要大家根据自身的特点，站在网站自身的角度，站在用户的角度，站在行业的角度，十二个任务是纵向的，三个角度是横向的，各位看官用心的取舍，细细的考究吧！