网站设计心得精编4篇

【导言】此例“网站设计心得精编4篇”的公文资料由阿拉题库网友为您分享整理，以供您学习参考之用，希望这篇资料对您有所帮助，喜欢就复制下载支持吧！

网站设计心得范文1

由于网站或网页设计中最重要的是要考虑人与界面（机）互动意义，即在设计中必须要考虑到心理学给设计师带来一个积极意义或对网站、网页设计具有的指导性含义。如果当你花时间去分析一下你访客的需要，并怎样才能满足他们需要，这时你会认为网页或网络设计中心理学至关重要。因为通过访客心理分析，并据此的设计一定会使访客更加开心乐意，这就是网站或网页设计中为什么要运用心理学原理的原因。

Susan Weischenk在书中从访客与设计师交互角度对网站或网页设计心理学进行了探索，弥补了这一领域的不足。基于Susan　Weischenk的《设计师要懂心理学》一书的内容及相关研究成果概括出九条网站或网页设计心理学的建议，值得相关领域特别是电商同行们学习。

1． 建立信任关系

要你的访客做你所想要他们做的，首先你得跟访客建立信任关系。信任关系建立并不是件容易的事，尤其是这个骗子横行的时代，让人讨厌的人在网络哪个角落都有一大把。那些对网络还太熟悉的用户，如果谁问他们一些个人信息都会变得十分敏感，尽管这些信息对网站工作是十分需要的。作为网站或网页设计师，往往忽略自己已经是习惯了网上交易。但是对于我们的客户，还有他们的客户，互联网仍然是一个他们正要进入的很大很可怕的黑洞。所以要使你的网站即使就是一般用户都觉得更值得信赖。创建一个使访客用户安心的网站，就意味着他们很可能会注册一个账户，并且购买产品，或者用其他方式和你做生意。研究表明这些是可以通过网站设计和语言设计来达到或实现的。

2． 熟悉和识别模式

网站或网页设计心理学认为，当一个用户访问网站的某个页面，一定是有某些东西是他们想马上看到的，不管登录的是一个什么网站。如果他们没有看到预期的东西，他们会觉得乱七八糟毫无意义，这个网站不可靠。当访客来到一个网站，对网站的期待主要有两点，一是来访的目标内容（这可能是某些主题信息上看到在售的某个漂亮的产品），二是要有针对性的导航。虽然标签可以帮助辨识的目的，设计还应该补充和加强这一消息。例如，你正在设计一个环境主题的博客，但你的设计看起来黑色和寂静又阴沉，并在页头一个夕阳西下的城市天际线，这样会很不好，甚至没有正确的暗示一下这个网站是干什么的。但如果设计的网站看起来很干净很现代，有些绿色和自然的口号，就会给人一个深刻的印象，这是环境保护主题的博客。另外人们期待博文放在博客的首页，期望电子商务网站的头版都放产品。对于任何网站，人人都期望在超过了几个深度的页面便会提供一个搜索功能。而且在大多数情况下，人们还期望有“关于我们”和“联系我们”的页面内容。

3． 网络上的品牌符号要统一

除了大多数访客希望看到一个网站所必备的基本要素，还应该有些标识吸引用户跟你公司要相联系。想想你设计的一些线下的促销宣传单的颜色，这些颜色也应该某种程度上融入你的网站，即使它只是在标题图片或者一些标识口号的颜色。就像你在宣传资料上印有Logo一样，在网站上你也要同样的呈现。然而这个基本的事情，很多企业往往忽略了这种线上线下的一致性，这样就失去了品牌标识传播的机会。

4． 心理激发

心理和情感激发是鼓励用户付诸行动一个的宝贵工具。激发包括像内疚和担心的这样的情绪，当然还包括吸引人的那种归属感和人的价值观念认可。在网站或网页设计中结合激励性情绪的通常做法是网站上的广告语言，再加入一些图形元素作为辅助支持，使用图片和图表以加强激励效应。

5． 运用图像强化概念

在网站设计上使用的图片既会帮助也会混淆你的访客。一个精心挑选的图片可以令你访客心领神会，了解你的意图。如果选择不慎，甚至会让你的访客很抓狂， 让他们感觉到又回到了乱七八糟的黑暗时代。抽象的图像有时也有意想不到的效果，不过请小心使用，确保放在那里有它的意义。 有时一个抽象的图形在不同的访客那里会有不同的解读，或将会完全误解原本的含义。

6． 依据阅读模式设计内容

人们趋与按照“Z”字形浏览一个网站的模式，从顶部开始往左，最后到达屏幕右下角。作为一个设计师，你应该努力地在此阅读模式下拿捏好那些最重要的内容放哪里最好。大多数网站都把Logo放到左上角，道理就在于此。在此阅读区放置一些不相关的信息，访客离开之前还没有找到他想要的信息，他可能会认为这不是他要找的网站。

7． 确保每页要有焦点

网站上的每个页面都应该有一个焦点，这是访问这个页面的目的，且不管这个页面是展示产品， 还是介绍公司，还是最新的讯息。设计的时候需要把每个页面重点内容进行强调。每一页的重点也应立即显现出来，让访客知道他们在看什么。除了网页本身的内容，还应该通过在导航线索或通标题来强化。一个不成熟的网站最大特点就是总是在每一页上放太多的信息。其实不要害怕在网页上的留空白， 每个页面上有明确的突出的重点并没什么好担心的。

8． 颜色的心理学效应

颜色的心理学效应是设计心理学里面最复杂的主题。在网站设计时使用的颜色对你的访客来说有很大的影响，务必确保所使用的颜色可以加强信息和图片所要表示的意义。下面列出颜色和它们的基本含义清单。

红色：火热和激情，可以代表都爱和愤怒。

橙色：具有红色和黄色的属性。可以与能源和温暖相关。它比红色更冷静，更愉快。

黄色：温暖，愉快，幸福的颜色。它可以表示喜悦或胆怯。

绿色：自然，成长，和新生的标 志。按照同样的道理，绿色，有时代表很嫩经验不足。在另一面，绿色，有时候是因为羡慕或嫉妒。

蓝色：平静的，冷静 的，但使用太多可以令人感到消沉。往往与企业形象关联。

紫色/紫罗兰：与贵族和财富的关系源远流长，也是一种与精神 相关的颜色，可以有创造性的表意。

黑色：像变色龙，它可以是保守或前卫，传统或现代的，它还可以神秘和性感或常规和 安全，这取决于怎么使用以及周围环境。

白色：代表着纯洁与清白，十分容易与其他颜色搭配。

灰色：中性的，平衡的。灰色是保守的和复杂的，但也可以看作是变化无常的。

棕色：一个健康和务实的颜色，表示的稳 定性和可靠性。

9． 设置留白和喘息机会

如果访客看到一个页面充满内容，他们会感到不知所措或压抑。这可能是网页让人感到过于随意和混乱。访客感到好像他们不知道从哪里开始，这意味着他们可能会跳出你网站到其他地方喘口气。网站上的合理留些空白空间，引导你的访客注意他们要找的信息。通过结合留白和适当比例的风格和元素，你可以暗示鼓励你的访客关注特定的东西，并可能有所行动。

书到用时方恨少，事非经过不知难。山草香为大家整理的4篇网站设计心得到这里就结束了，希望可以帮助您更好的写作网站设计心得。

网站设计心得范文2

关键词 用户体验；课程网站；体验模型

中图分类号 G40-057 文献标识码 A 文章编号 1009—458x（2012）05—0082—05一、Web课程研究现状及分析

通过采用随机调查的方法分析了国内大学近30个课程网站建设情况，发现其多采用以课程内容建设为中心，没有从学习者的角度出发，课程网站成了教学大纲、教学资料等内容堆积的仓库，没有体现“以用户为中心设计”的思想[1]，造成课程网站使用率不高，对学生黏性不够等状况。针对这些问题，笔者认为，课程网站要重拾在教学体系中的地位，其角色定位应不仅仅是信息资源的管理者，更应该是信息资源的服务者。课程网站应从为学生提供课外学习资源，转变为与学生建立长期稳定的服务关系，以实现学生对课程网站的归属感和黏性[2]。将产品设计领域的用户体验思想移植到课程网站并不需要过高技术要求[3]，实现这种功能、角色定位的转变，在课程网站中引入用户体验是可行且必要的。

二、什么是用户体验

Ajax 之父Jesse James Garrett对用户体验（User Experience）[4]的描述：“把最终用户作为设计和开发活动的焦点，而不是系统、应用程序或者单纯的审美价值。它是基于一般的以用户为中心（用户至上）的设计理念。” 用户体验是一种纯主观在用户使用产品过程中建立起来的感受，各个行业都在追求“用户体验”。用户体验涵盖的内容很多，一般认为有：品牌、视觉、友好、易用、有用等几个方面[5]，如图1所示。

这些因素密不可分共同形成了正确的用户体验。其中品牌主要指为用户访问提供有吸引力的难忘的体验、视觉效果、体验过程的价值、传达品牌的程度、是否加强或延伸了品牌等。

功能性指网站的技术应用手段及提供的互动服务。包括信息的及时反馈、任务告知、安全及个人隐私的标准等。

可用性指对网站的内容的易用性和友好性，能够让用户快速达成其目的的能力。包括防止错误发生、恢复能力、页面众优化程度、页面标准及一致性、提供特定内容等。

内容指网站的实际内容，文本、图片、多媒体以及其信息体结构。包括根据用户需求制定清晰度和简单的网站浏览、易于实现用户目标 、内容及时准确等综合性内容。

课程网站有其特殊性，它本身没有任何培训与客服帮助，全靠学生自己的经验来操作和使用。因而课程网站在传递信息资源的同时必须以一种能够帮助学生理解和接受的方式呈现出来，信息的呈现必须符合人的认知心理、美学心理等，让学生易于接受，否则学生得出的结论是“这个网站不好用”，课程网站的价值也就无法体现出来了。注重用户体验，就要求我们必须把学生摆在课程网站设计的首要要素位置。

三、用户体验的质量因素

近年来，用户体验（UE）观念在商业市场中受到的关注日益增高，用户体验常常体现在非常细微的地方。百度以前首页上有句“设百度为首页”，现在改为了“把百度设为首页”，这是一种更清晰、更温和的语气，也是尊重用户体验的表现。同时，强调沟通、情境和互动的建构主义学习思想和“以人为本”的设计理念深入人心，使得“用户体验”在教育领域颇受重视。设计好的课程资源，为学生提供良好的学习体验成为每位教学设计者的共同目标。网络课程在满足学习者需求的同时，还要考虑情感、信仰、喜好、认知印象、生理和心理反应、行为和成就等各个方面诸多因素。结合其具体使用而言，不论是用户体验的5E模型，还是蜂窝模型，反映用户体验效果的质量因素都可以归类为可用性、易用性、爱用性三个方面[6]。

（一）可用性

对网站可用性的考察更侧重学生对课程网站依赖与适应。美国尼尔森集团根据多年对用户的可用性研究（从1994年至今），对网站的可用性问题进行分类，按照其重要程度得出产品信息、站内搜索、网站信息体系结构、网站易读性、网站内容等问题所占的权重较大，在网站可用性因素中占将近一半的比例。同时课程网站的通用性也非常重要，主要表现在网站在不同浏览器上的兼容性，需要把握在主流浏览器下的显示关系。另外，网站浏览速度也是衡量课程网站可用性的重要指标。

（二）易用性

网络课程易用性在于最大限度上适应人的习惯和本能，主要包括以下几个方面，见表1

通过对网站的易用性研究及用户体验相关的项目实践，笔者认为，从课程网站的效果来看，网站易用性是一个综合性问题，涉及网站建设的方方面面，应从网站策划之初就将易用性思想贯彻到网站建设的每个细节中，这其中UI、程序都只是提升用户体验的一个方面而已，它们与网站内容、导航结构、任务流程等其它因素共同作用，最终达到优化用户体验目标。

（三）爱用性

爱用性即网站对用户黏性，黏性是保证课程网站有效性的重要条件。网页停留时间最终将决定互联网的成功或者失败。课程网站在为学生提供服务时，如果充分考虑人的个性及情感等因素，会使学生有良好的学习体验，并达到爱用的效果。爱用性包括三个方面，见表2。

四、基于用户体验的网络课程模型

当前针对高校网络课程建设的用户体验研究有限，利用产品设计领域的用户体验模型成果融入教育教学理念和思想是本文研究重点。目前用户体验模型常见的有UX元素模型（UX elements）、UX蜂巢模型(UX honeycomb)、UX影响力模型（UX forces）和UX保护伞模型（UX umbrella）[7]等，其中UX元素模型（如图2）对课程网站建设具有重要指导意义。此模型包括表现层、框架层、结构层、范围层、战略层五个方面，此模型常被用于一些大型或小型的网站开发中。后来在这个框架结构之上Jesse对原来的模型作了改进调整（如图2），增加了对用户体验元素的阐述。从图示中我们可以看出，满足用户体验的网络课程应包括：用户研究、网站战略、技术战略、内容战略、抽象设计、技术设计、内容产品、具体设计、项目管理等九个方面。笔者认为，改进后的模型可理解为从用户需求、课程设计、用户体验技术、课程更新等方面描述网络课程用户体验框架。课程网站建设中用户需求作为课程网站用户体验设计要素首位，并贯穿始终，目的就是为了保证课程网站达到学生的真实期望；课程设计是教学理念和思想的重要体现；用户体验技术是课程网站实现教育教学效果的重要手段；课程及时更新则是课程建设效果的有效保障。这种模型将课程教学理念融入产品设计领域的用户体验，重拾了课程网站在教学体系中的地位，提高了对学生学习的黏性和效果。当然，除了UX元素模型外，基于用户体验的网络课程理论基础还包括认知心理学、设计心理学、美学等研究理论，由于篇幅所限不在此阐述。

五、基于“网页设计”课程网站的

用户体验实践设计

本文选取“网页设计”课程网站作为用户体验设计实践。将课程网站体验元素融入UX元素模型中，从五个层面阐述本课程网站用户体验所重视的元素，如图3所示。

这五个层面内容包括：

表现层（Surface）：视觉设计方面，由网页及其中图片、文字或其它flash元素组成表现层。

框架层（Skeleton）：表现层后是框架层，也是产品的界面设计、导航设计、信息元素设计及表格、按钮、文字、图片的区域位置等。

结构层(Structure)：框架层确定了结构层交互元素的区域位置，结构层就是交互设计与信息构架，解决用户如何到达这个页面，以及操作完之后去哪里的问题。

范围层（Scope）：结构层确定了网站功能需求和性能的最佳组合方式，而这些就构成了网站的范围层，即网站功能规格和内容需求。

战略层（Strategy）：即网站目标和用户需求，战略层是流程设计的起点。

这五个层面是一个自下而上的过程，根据课程特点将具体的用户体验要素在每个层面具体细化，是一个从抽象到具体的过程。下面对具体设计流程进行探讨。

（一）课程网站需求

“网页设计”课程是计算机相关专业一门重要课程，该课程知识点多、操作性强。通过课程网站能够让学生在课外时间学习额外的知识，展示课程资源，吸引学生在网站完成特定教学任务。按照课程需求以及用户体验设计思想，将课程网站功能结构分解为如图4所示。

（二）学生用户需求

学生是课程网站最主要的用户群体，学生的需求收集与分析要通过多种方法与渠道，可用网站调查分析、小组讨论、课上讨论、参考调查等手段，调查内容如表3，也可以在学生试用后不断完善。本网站的建设主要通过课上讨论与学生试用两种手段，首先在课堂上听取学生意见制作出网站策划书，形成网站建设方案；网站建立后通过试用，老师与学生交流意见，不断改进，最终形成完整的学生用户需求。

（三）WEB前端设计

WEB前端设计即课程网站界面设计，也是用户体验效果最直接的展示。根据“网页设计”课程网站内容的需要设计三级页面，分别为主页、栏目页、内容页。根据美国著名网站设计工程师Jakob Nielsen的F形状网页浏览模式，即人们大多不由自主地以 “F”字母形状的模式来阅读网页，本网站前端设计采用F型设计模式，将网站LOGO横向设计，形成一条横向的运动轨迹，这就是F字母的第一条横线；用户眼光略微下移，很典型地扫描比第一步范围较短的区域，此区域为网站主题介绍，这就又画了F字母中的第二条横线；用户眼光朝网页左边的部分进行垂直扫描，此部分内容为网站导航系统，这样就画了F字母中的一条竖线，如图5所示。“网页设计”课程网站设计采用F型，既满足了“品牌”在学生心理的作用，同时，也整体介绍了网站的框架，学生能够根据第一印象直达想要获取的资源，达到了用户体验可用性原则的目的。

（四）功能与内容需求

“网页设计”课程网站能够让学生掌握网页设计基本技能与实践能力，功能设计上有交互辅导、提问答疑等环节，同时提供课堂视频与在线测试等功能；内容设计上必须提供课程简介、教学大纲、电子教材、典型案例等栏目。在功能与内容设计基础上，结合前端设计元素设计网页效果。

（五）交互设计

UX模型中结构层是交互设计与信息构架，解决用户如何到达这个页面，以及操作完之后去哪里的问题。“网页设计”课程在设计交互设计时主要考虑搜索功能、问答帮助以及交流答疑平台、作业系统和测验系统等。搜索是交互设计重要环节，搜索功能设计尽量简洁，采用精确搜索与模糊搜索两种模式，搜索结果按照“F”字母形状的结果展现；问答帮助设计采用Ajax技术不刷新答疑方式，提高问答效率；交流答疑平台采用在线答疑、BBS、论坛等多种方式，学生对课程某些问题在网上展开讨论，发表自己的看法，也可以在线同老师交流，通过相互讨论和解答，使学生从中获得启发，达到最佳教学效果；作业系统包括老师的作业布置、评语、学生提交、成绩等功能；测验系统则针对每章知识点给出相应测试题目或模拟考试等相应功能。交互系统设计如图6，页面设计效果如图7所示。

（六）网站评估

“网页设计”课程网站评估即网站可用性测试，参照图2的网站可用性分析，采用用户测试法和满意度问卷的方式进行。测试流程为：① 选定测试内容，② 选择测试者，③ 测试并记录，④ 测试结果分析，⑤ 统计并形成文档，⑥ 指导课程网站修正。由于一般课程网站存在面对群体范围有限，测试用户成员单一的情况，网站评估存在一定主观性，后续研究中还要继续跟进，探讨有限范围内课程网站用户体验评估方法。

六、结论

本文通过分析国内部分高校课程网站建设现状，从课程网站品牌、视觉、友好、易用、有用的几个方面研究了课程网站建设质量要素，结合UX元素模型，提出将课程网站建设五个层面的体验元素融入UX模型的每个阶段中，提出了课程网站体验模型。同时，依据课程特点，在用户需求、前端设计、功能设计、交互设计等方面把握用户体验设计与信息构建的交叉，取得了良好的效果。

网站设计心得范文3

[关键词] 网站 可用性 界面设计

随着时代的发展，网站的建设越来越接近于一门艺术而不仅仅是一项技术，网站的界面设计是艺术与技术的高度统一，是伴随着计算机互联网络的产生而形成的视听设计的新课题。同时，网站的界面设计需强调交互过程，即一方面是网站的信息传达，另一方面是用户（人）的接受与反馈，对网站的信息都能动地认识与把握。即网站的可用性界面设计是一个人性化的课题。

一个好的网站应该有：非常好看的设计、友好的界面、毫无缺点的结构、智能化的后台处理、非常优秀的内容以及优良快捷的交互性。即网站的建设具有交互性与持续性、艺术与技术结合的紧密性等特点。网站的可用性界面设计在e时代十分重要。

一、可用性的内涵

可用性是一个多因素概念，涉及到容易学习、容易使用、系统的有效性、用户满意，以及把这些因素与实际使用环境联系在一起针对特定目标的评价。如Shakel（1991）对可用性的定义：可用性是指技术的“能力（按照人的功能特性），它很容易有效地被特定范围的用户使用，经过特定培训和用户支持，在特定的环境情景中，去完成特定范围的任务。”即可用性不仅是涉及到界面的设计，也涉及到整个系统的技术水平。同时可用性是通过人因素反映的，通过用户操作各种任务去评价的。另外环境因素必须被考虑在内，在各个不同领域，评价的参数和指标是不同的，不存在一个普遍适用的评价标准。我们应多从用户操作心理角度分析可用性的含义。再有要考虑非正常操作情况。例如用户疲劳、注意力比较分散、紧急任务、多任务等具体情况下的操作。一般说，可用性被表达为“对用户友好”，“直观”，“容易使用”，“不需要长期培训”，“不费脑子”等。

从心理学的角度看，可用性的基本含义是：

1.网站的设计能够使用户把知觉和思维集中在自己的任务上，可以按照自己的行动过程进行操作，不必分心在寻找人机界面的菜单或理解网站结构、人机界面的结构与图标含义，不必分心考虑如何把自己的任务转换成计算机的输入方式和输入过程；

2.用户不必记忆面向计算机硬件软件的知识；

3.用户不必为手的操作分心，操作动作简单重复；

4.在非正常环境和情景时，用户仍然能够正常进行操作；

5.用户理解和操作出错较少；

6.用户学习操作的时间较短。

其中：

有效性 ——指用户完成特定任务和达到特定目标时所具有的正确和完整程度；

效率 ——指用户完成任务的正确和完整程度与所使用资源（如时间）之间的比率；

满意度 ——指用户在使用操作过程中所感受到的主观满意和接受程度。

二、网站的界面设计

界面的说法以往常见于人机工程学中。“人机界面”是指人机间相互施加影响的区域，凡参与人机信息交流的一切领域都属于人机界面。 从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。网站界面设计的三大原则是：置界面于用户的控制之下；减少用户的记忆负担；保持界面的一致性。

通常一个网站界面的元素包括界面主颜色、字体颜色、字体大小、界面布局、界面交互方式、界面功能分布、界面输入输出模式。其中，对用户工作效率有显著影响的元素包括：输入输出方式、交互方式、功能分布，在使用命令式交互方式的系统中，命令名称、参数也是界面元素的内容，如何设计命令及参数也很重要。影响用户对系统友好性评价的元素则有：颜色、字体大小、界面布局等，这种划分不是绝对的，网站界面作为一个整体，其中任何一个元素不符合用户习惯、不满足用户要求都将降低用户对网站的认可度，甚至影响用户的工作效率，而使用户最终放弃登陆使用该网站。围绕界面元素所要达到的设计目的是让最终用户能够获得美感、提高工作效率、易于操作使用系统。

界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。结构设计Structure Design是界面设计的骨架；交互设计 Interactive Design的目的是使网站让用户能简单使用，如操作错误时，系统提供针对性的提示；同一种功能可以用鼠标，也可用键盘操作；具有导航功能，用户能知道自己当前的位置，使其做出下一步行动的决定等；视觉设计Visual Design是要达到用户愉悦使用的目的，包括色彩、字体、页面等。如提供默认（default）、撤销（undo）恢复（redo）的功能；尽量使用真实世界的比喻，如：电话、打印机的图标设计；依赖认知而非记忆，如打印图标的记忆、下拉菜单列表中的选择；网站上所有的图像、文字，包括背景颜色、区分线、字体、标题、注脚等，都统一风格，贯穿全站；在网站设计的配色中，尽量控制在三种色彩以内，以避免花、乱、没有主色的显现。背景和前文的对比尽量大，突出主要文字内容，使用户在浏览信息的时候不会觉得累；同样功能用同样的图形等。

三、网站的可用性界面设计原则

1.网站的设计形式与网站的内容要统一。什么样的网站，应该有什么样的设计，设计是为网站的主题服务的。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。网站设计所追求的形式美，必须适合网站主题的需要，这是基本的前提。例如，百度作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个人网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的“个性化”网页为目的，它的主题就是——“美与个性”。 深入领会网站主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，才能体现出网站设计独具的分量和特有的价值。只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现网站设计形式与网站内容的统一。

2.交互性和可持续性的体现。网站它不是一个被动的媒体。网站具备大多数媒体所不具备的特殊性：用户的选择和主动性。访问网站和看电视的最大区别是访问网站需要根据用户的主动选择， 浏览网站的内容根据用户的个人喜好，在众多的连接和下拉菜单中选择用户自己喜欢或者关心的内容或者连接到另外一个站点。因此，现在很多的网站有着非常漂亮的图形界面，丰富的媒体格式和在线游戏等。同时网页设计人员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。例如，为了保持浏览者对网站的新鲜感，很多大型网站总是定期或不定期的进行改版，这就需要设计者在保持网站视觉形象一贯性的基础上，不断创作出新的网页设计作品。

另外，构建合理的网站组织结构，让浏览者对网站提供的巨量信息感到条理，建立完善的包括站点索引、帮助页面、查询功能在内的导航系统等。由于超级链接的出现，网站的组织结构更加丰富，浏览者可以在各种主题之间自由跳转，从而打破了以前人们接收信息的线性方式。例如，可将网站页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但网站页面之间的关系过于复杂，不仅使浏览者检索和查找信息增加了难度，也给设计者带来了更大的困难。为了让浏览者在网站上迅速找到所需的信息，设计者必须考虑快捷而完善的导航设计。 网站导航要清晰， “您所在位置”在大型网站中是不可缺少的一部分，其作用表明您现在所处在的位置，使用户不会不知东西南北迷失在网站中。其次还有读者进入目的页的点击次数，不能超过三次。在大型的行业网站里面主导航条最好是用文字形式，避免使用图片或Flash做导航条等。

四、网站的可用性界面设计的发展趋势

网站的可用性界面设计的目的是使网站让用户能简单的、愉快的、方便的使用。网站是传播信息的载体，它要表达的是一定的内容、主题和意念，在适当的时间和空间环境里为人们所理解和接受，它以满足人们的实用和需求为目标。要使网站从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网站的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。

另外，多种媒体技术的综合运用是提高网站艺术性的方法之一，是未来的发展方向。 网站中使用的多媒体视听元素主要有文字、图像、声音、视频等，目前国内有些网站已经出现了模拟三维的操作界面，在数据压缩技术的改进和流（Stream）技术的推动下，Internet网上也已出现了实时的音频和视频服务，典型的有在线音乐、在线广播、网上电影、网上直播等。

再有，网络技术与艺术创意的紧密结合是开创网站优良的可用性界面设计的必经之路！它使网站的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间听觉艺术，接近电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。网站设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术紧密结合，全面使用大脑，设计得到一个更具可用性的站点，满足浏览者对网站信息的高质量需求。

参考文献：

[1]UI界面设计的需求分析方法

[2]马月：网站界面设计。北京理工大学出版社，2006年8月

网站设计心得范文4

关键词：网站 交互性 设计 用户体验

所谓网站交互性，顾名思义，也就是网站的受众能够通过多种输入与输出的方式与系统以及其他受众在一定程度上直接进行双向交流。从传播的模式上来讲，信息源发出信息，而受众收到信息并做出反馈，并且在一定程度上，每个人都是受众也是信息源。交互性设计对于网站的重要作用在于，它将各种网络手段有机集成起来，不仅使网页效果得以增强，而且实现了用户与网站之间的对话，以及用户以网站为媒介而进行彼此间的交流，这些都可以使用户乐于光顾你的网站。

1.网站交互性设计可以让用户获得更好的体验

通过网站的提示功能，可以最大限度地发挥网站的人性化，让用户在最短的时间内理解网站的用途和使用方法，轻松地获得网站提供的服务，让用户更快捷更方便地使用网站；现在大部分功能性网站、论坛等站点为了扩大自己网站的影响，提高点击率，培养用户的忠诚度，都是需要用户注册的，很多用户为了获得更多的权限或者更好的体验，只能硬着头皮去填写注册信息。对于这种类型的网站，我们如何才能引导用户去注册会员，让用户在众多需要填写的条目中有耐心、认真地填写信息，这就需要我们去合理设置注册的顺序和填写要求，适当的填写提示信息——即网站的交互性设计，让用户可以很明白自己要填写的信息，从而实现简单快速注册而不会因此影响用户的心情。

2.网站的交互性设计可以增强用户的参与性，让用户获得更多的满足感

网络的虚拟性让人在网络上可以自由发表言论而不用担心任何影响，现实生活中很多人因为各种原因不愿意当面说出自己的真实想法，所以大部分人会选择到网络上去阐述自己的观点，这样既可以把自己的话整理出来，又可以让别人看到，进而出现支持或者反对的言论，可以和网友一起交流思想，让人有一种主人翁的意识，可以获得很多满足感，增强自己的自信心。

3.网站的交互性设计可以让用户获得更多的乐趣

现代人钟情于网络，主要也是针对网络的娱乐功能，网络的虚拟性提供了很多现实生活中没有的体验，让很多人获得了非凡的感受，网站作为操作平台，给很多人提供了消遣、娱乐的机会，让人们获得了足够的乐趣。网站中网络游戏的交互性应该是做得最好的，人们通过在网站的虚拟操作，控制游戏中的角色，以此满足人们的控制欲，得到现实生活中没有的体验，从而心理上获得极大地满足；QQ空间的成功也和其完美的交互性密不可分，人们通过发表心情、日志、相册等来记录自己的生活，好友可以通过空间来了解网友的生活，并对网友的生活做一些简单的评论，以此形成互动，可以极大地促进好友之间的交往。

4.网站的交互性设计可以让用户由被动接受信息变为主动获取信息

百度、谷歌搜索引擎的出现给人们生活带来了极大的便利，“有问题问百度”“在百度里谷歌一下，或者在谷歌里百度一下”已成为人们日常生活中不可缺少的部分，很多人都通过搜索引擎学到了很多的东西，让即时学习成为了一种习惯，百度、谷歌成为了名副其实的“万事通”。用户可以在百度或者谷歌里查找自己想要的任何资源，其海量的信息也让用户有了更多选择的机会；而搜索引擎随后出现的提示功能更是极大地体现的它的交互性，通过帮助人去思考搜索的内容，让搜索变得更快捷方便。

5.网站的交互性设计可以更好地模拟现实生活

现实生活是由人组成的，而社会活动就是人与人之间交互的一个过程，通过交互组成了一个社会整体。美国的facebook和中国的人人网、开心网等，就是通过模拟社会生活制作的社交网站。这些社交网站中每个人的主页构成了一个虚拟的人，通过控制自己的主页去和其他人的主页建立联系，来实现网络中的交往。在社交网站中设置了众多的交互活动，找朋友、交朋友、打招呼、留言、送礼物等现实生活中的行为来实现网络的交友，这个虚拟社区超越了地理限制，不再局限于人们原有的交往范围，人们按照自己的个性喜好自由组成了一个精神社区和一种新的人际关系网。

6.网站的交互性可以实现网络风暴，快速而广泛的传播信息

QQ空间的转载功能，博客和微博的fans以及转发功能，让信息的快速传播成为可能。通过转载网友或者博主的信息，可以让更多的人看到并转载，这样就可以使信息传播的更快更远。近期流行起来的微博因为其即时性和易操作性让其成为众多网友的最爱，也成为众多信息的来源。

一个网站如果不能给用户提供一定的操作权限，不能给予用户主人翁的感觉，是不能吸引用户的。只有让用户感受到自己的存在，在里面有归属感，满足用户的好奇心、虚荣心，才能不断地浏览网站，提高网站的浏览量。所以，网站的交互性设计已成为网站发展的趋势，未来的网站设计也会逐渐从以网站为中心变为以用户为核心，以用户的体验为第一要素，通过了解用户的使用习惯和喜好，从用户的角度去设计网站，让网站向着简单易用的方向发展。