首页访问感受提升三步曲_网页设计教程

推荐：新型创意网络广告之索尼Cyber.shot
点击观赏该广告广告制作：互动通www.hdtworld.com广告背景：2007年10月24日，索尼（中国）有限公司在北京举办“有型o有色”2007索尼数码相机秋季新品发

　　第一步（视觉设计）

　　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 (责编：68design2)

分享：与用户体验的这两年
国内网站真正流行并重视用户体验不超过两年，我相信大部分从业者的研究资历也仅限于此。区别在于，因功底和个体差异影响到的对新概念的理解突破，我的经历大概