网页设计中最重要的部分是首页的设计，同时困扰网站的核心问题也是如何通过优秀首页设计创造整个网站的经济价值。用户体验为中心的设计，或者说是以 人为中心的设计概念提出是现代设计对互联网做出的巨大贡献。现代研究表明，以企业的经济价值作为网站设计的终极目标，以提升用户体验体验最为基本设计目标 是现代最科学的设计方法。在中国，以用户为中心的设计必将普遍的从理论变成可实践的方法流。在用户体验理论正在成为本世纪中国最受追捧的理论同时，大量专 家学者认为用户体验必将改变中国各个行业的未来，例如有专家就认为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技术),公司介绍，投资者关系，服务，文章源，作者，联系方式，安全条款和证书等，法律声明，网站备案。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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