网站首页访问感受提升三步曲

作者blog：http://hi.baidu.com/pitiaoxiao/

第一步（视觉设计）：

1. 体现产品定位；
2. 溶入情感；

谈起美味的食物，大家还是以“色、香、味”为主要出发点，“色”为什么在第一位？不言而喻，相信大家都能体会：

今日下厨，如下图：(反面教材)

虽然门户视觉设计，主要为内容服务，但无论你的产品功能再强、操作再实用，不得不承认，和用户进行主要沟通的还是界面这块。

另外，产品设计中必须溶入情感，冰冷的界面是无法让人接受的。

先谈谈视觉设计传达的产品定位和情感，举例：

yupoo：

• 传达给我们的第一感觉是什么？一个年青化的产品；
• 情感上是很活泼，轻松的，绿色在这点体现的很到位。

ibm：

• 第一感觉是什么？企业服务型网站；
• 情感上是专业、权威的，黑配蓝也体现的很到位。

如果ibm变成这样会是什么感觉。

………

征服用户的眼球，将是我们做的第一步，如何将你的情感传达给用户，也将是我们需要解决的首要问题。

|||

第二步（内容）：

1.  内容排序；
2. 内容展现方式；
3. 可扩展性。

“网站首页是什么?” 在upa workshop中 daniel szuc 这样问到。
我理解的是，网站是一本书，首页就是封面和目录。封面从视觉上吸引你，目录将是让你最快了解这本书的途径。如何有序、科学的将内容展现，也是这个环节设计师需要解决的首要问题。

在你还不能确定首页的内容块前，建议通过定性和定量这二方面进行分析：

1. 焦点小组 （将内容部门拉上进行讨论，确定最初的内容块）
2. 日志分析 （通过数据来分析用户对内容的关注度）；
3. 问卷调查 （如果通过以上二点都不能确定，那把这个权利交给用户吧，这是你从用户那拿到数据最直接的一种方式）。

协调内容部门是很重要的一个环节，如果有争执不下的情况，那情参考（3），数据是很有说服力的.

|||

第三步（可用性）：

1. 简单快速完成任务；
2. 提高用户满足度。

先看看具体有中国特色的门户首页是什么样子的？ （tom sina sohu）

什么是网站的可用性？
指的是用户在访问网站时感受如何、操作是否够简单，能否能高效而直接的完成任务。
如apple的产品，以设计简洁、操作方便及独特的品味著称，也可以将可用性理解为产品的核心竞争机制。

如何引导用户快速的完成任务：

1. 导航及提示明晰
2. 文字可读性强
3. 内容准确
4. 减少页面噪音
5. 操作简单

提高用户的满意度：

1. 次要功能的淡化
2. 易学习

文字可读性强：
比如标题、按钮、介绍等…尽量表述清楚，让用户做到心里有数，并可以预测点击后的情况，看下面的文字标题不知作何感想；

内容准确：
请尽量避免诱导点击情况，被愚弄的感觉是不好受的；

减少页面噪音：
内容区分明显，减少干扰用户阅读的内容（比如：文字链、flash广告、诱惑的图片等….），虽然放这些内容会提高网站的流量，但对网站的长期发展绝对是弊大于利的；

搜狗拼音 是比较典型的页面，页面中最重要的下载按钮及分流下载链接，却放在如此花哨的背景上，更可怕的是右侧的广告还在闪动。

淡化次要功能 ：
主要功能重点突出，其它功能让用户在逐渐的使用中找到，提升用户的成就感并加强对网站的情感。（比如google的其它服务，yahoo logo中的隐藏声音）；

google很好、很强大！！！

易学习：
好的产品，用户学习代价将会很低，比如apple ipod、iphone，上手时间比较短，在减少用户挫折感的同时，也在不断加强用户对产品的忠诚度。另外一个，turbo photo图片处理的软件，应该是设计时，按钮的位置不合理，我都用一年多了，还是会经常误操作。

虽然不是很系统，但以上的这些观点希望能对产品设计人员有所启发的。关于ucd的流程及方法，国内更多处于摸着石头过河的阶段，相信在不断的探索中，国内能拿出真正适合目前的企业及产品的设计流程及方法。有其它的问题也请联系： peter.xiao999#gmail.com