毕业设计（论文）-基于axure的个人门户类网站交互原型设计.doc

大学毕业设计论文开题报告题 目 基于axure的个人门户类网站 交互原型设计学 院管理学院专 业电子商务姓 名班 级学 号指导教师一选题依据1.1选题意义本次设计以“基于axure的个人门户类网站交互原型设计为主题，即是要基于axure打造一个个人门户网站，此网站的交互设计、网站内容、网页风格等应符合个人门户类网站的根本特征。其中重点对网站的交互原型进行设计。目前，对交互设计的研究非常多，主要为了增强用户体验，本设计希望基于原型设计把个人门户类网站优秀的交互设计特征予以整合展现，以寻求对交互设计的更深理解。既可作为其他交互产品设计时的参照，也可启发其他信息系统的交互设计。同时，也希望在设计过程中，自身获得对用户体验的全面把握，以及axure原型设计工具的熟练运用。在整个课题进程中，提升网站交互分析、文笔、审美、用户心理分析、及运用原型设计工具的能力。1.2 选题背景1.2.1个人门户网站介绍随着互联网的开展，门户网站的兴起，人们的生活发生了划时代的转变。我们生活的方方面面都已更多的依赖于网络。在日常的工作，学习，生活中，每人每天需要接触不同的网站，点击进入数十个门户。据一项数据调查，目前中国青年层每日平均访问网站数达12个之多，其中涉及新闻类、娱乐类、生活类、交友类等不同类型的门户网站。而同一类型的门户网站,用户可能选择多个进入浏览。正如许多用户会同时拥有“土豆和“优酷，光临“天涯社区之后再去“百度贴吧等等。正因为要频繁光临不同的网站，花费大量时间，于是，一种致力于帮用户解决所有网络生活问题的网站出现了个人门户。通过个人门户，用户可以根据个人喜好，自由的添加内容，布局页面。用户可以将自己喜欢的网站添加到自己的门户，以后上网浏览信息，再也不需要一个个网站点击进入，甚至在忘记网址的情况下惹得一身烦恼。个人门户网站，就是以个人为中心的上网入口，还可以进一步延伸为个人信息中心。个人门户具备门户的全部特征，同时能够实现个性化定制，实现内容、社区、应用的有机整合。通过个性化的呈现扩展用户利用互联网的能力，节约用户利用互联网的时间本钱。互联网的开展，已到了个性化的时代，因此，个人门户将是互联网开展的必然趋势。原型设计在交互产品设计中的作用在交互产品设计实践中，设计师更加关注影响用户行为与习惯的各种因素，如何使用户在交互过程中获得良好的体验。为此，设计团队往往需要根据创意概念构建出一系列的装置，以不断验证想法，评估其价值，并为进一步设计深入提供根底与灵感。在交互设计中， 一般把这样的帮助我们与未来产品进行交互， 从而获得第一手体验，并开掘新思路的装置，称之为“原型。交互原型设计的主要作用，就是要通过设计体验改良设计的循环过程，来获得最正确的用户体验，满足用户需求，增强用户粘性。1.3 小结通过上述分析可以看出，个人门户将是互联网开展的必然趋势。关注未来的网络，重点离不开个人门户，个人门户网站也必将成为未来的焦点。因此，目前，个人门户类网站层出不穷，甚至打出了web3.0理念的招牌，一批批个性化门户网站纷纷上线，都希望在这段肥地分得一杯羹。但是拥有良好用户体验的网站并不很多，许多网站正挣扎在生死存亡的边缘。针对这一普遍现象，我们来寻求改良。 网站的成功与用户体验息息相关，而用户体验便来自于交互设计的结果。可以说交互体验极大的影响着网站的生存与开展。本课题就将以交互设计为重点，致力于通过体验各类个人门户网站，提取其中优秀的交互模式，并予以整合，同时对缺乏之处进行改良，集合在自己的原型设计中。最终希望作品可为其他个人门户类产品设计提供参照，使网站获得更佳的用户体验，并启发其他信息系统的交互设计。同时，也希望通过设计过程，自身获得对用户体验的全面把握，以及axure原型设计工具的熟练运用。在整个课题进程中，提升筹划、审美、用户心理分析、网站交互分析及运用原型设计工具的能力。二研究内容2.1研究方向本课题主要研究并体验以下几方面内容：个人门户类网站、axure原型设计工具的具体应用、交互设计，原型设计法。重点是在对交互设计概念的理解之上，通过比照分析国内外几家个人门户类网站，提取出他们优秀的设计，并进行其它的改良，再参加自己的创意于本设计，以最终设计出一个更具良好用户体验的个性化门户网站交互原型。2.2拟解决的主要问题本课题意在通过对交互设计理念的理解分析，比照各类个人门户网站的交互原型设计，对个人门户网站的交互原型予以优化。通过比照分析，设计更加完善的交互模式，提升用户体验的满意度。最后完成一个完整的基于axure的网站交互原型及网站规划书。2.3研究目标1、关于交互设计目标：希望通过多家网站的比照研究，先进行交互体验，再集合优秀的交互设计模式于本网站。同时也结合本网站特色，创新出局部交互模式，使之更个性化。2、关于网页设计目标：希望通过比照几个个人门户网站的原型，分析其中的差异后，设计出更符合用户习惯的，更易接受的网页风格，这个网页界面，布局甚至色彩，也必将对交互体验带来好处，原型版式将会更加自由，开阔及个性。3、关于网站内容设计目标：对于网站内容设计，要符合个性化门户的独特之处，在内容上有一定的创新，使整个内容也能跟上步伐，更加个性化。2.4本课题的创新之处1、打造一个优秀交互模式集中的应用平台。本课题将在进行各类网站的交互体验之后，集合各模块的优秀设计，再注入作者的创新来进行交互的研究设计。2、在网页风格设计中将会结合个性化理念所需要的内容，进行全新的改版，将呈现更加宽阔，清洁，自由的页面，以便用户个性化添加自己所需。3、在交互设计中，将会在亲自体验多个网站之后，集合模仿优秀交互设计。同时，进行一定程度的个性化交互创新，以目前的流行趋势为参考，着力使用户感受到一种紧跟时代，更贴近生活的创新性交互体验。三.研究过程3.1研究步骤研究步骤如图1所示1、用户对个性化主页的需求调查：通过对用户的需求调查，了解用户对个性化主页的设计内容有哪些要求，以便更好的安排网站的版块设计。2、个性化门户网站特点分析：对个性化门户网站特点进行分析，根据其特点，结合用户需求，进行内容的整体设计。3、相关网站交互模式的体验：继承优秀的HCI-Pattern，找出人机交互设计上存在的缺乏。选择“雅蛙“I google“netvibes等个性化理念的门户网站或个人门户网站进行重点交互体验。收集优秀的交互设计模式。列出网站的优缺点对照表见表1。4、对交互设计流程进行分析设计，画出流程图。对设计的每一环节，都考虑是否有创新点，结合当今潮流进行个性化交互模式设计。5、选择不同职业，年龄，学历的人进行交互体验，并收集意见建议，进行改良优化。6、尽量重复以上的交互体验过程，尽可能的完善网站交互功能。7、收集相关材料，撰写网站规划书。图1研究步骤3.2、研究方法、工具本次设计使用网站原型设计方法，利用axure原型设计工具进行原型和交互设计。选择axure原型设计工具的原因：1、Axure可快速绘制网站构架图，而且可以让构架图中的每一个页面节点，直接连接到对应网页。2、Axure 内建了许多会经常使用到的widget元件，例如：按钮(Button)、图片(Image)、文字面板(Text Panel)、选择钮(Radio Button)、下拉式菜单(Droplist)。3、Axure快速建立流程图就像建立wireframe一样容易，Flow Widget中有设计流程图时会经常用到的形状，您可以轻松在流程之间参加连接线并设定连接的格式。4、其中大多数的widget可以对一个或多个事件产生动作，包括OnClick、OnMouseOver和OnMouseLeave等。5、Axure可以将wireframe，输出成符合InternetExplorer或Firefox等不同浏览器的HTML prototype。6、Axure RP可以输出Word的格式的文件，规格文件包含了目录、网页清单、网页和附有注解的Master、Annotation、Interaction和Widget特定的资讯，以及结尾文件，规格的内容与格式也可以依据不同的阅读对象来变更。本课题选择axure这一新兴原型设计工具，同时避开了Word、Visio、 Dreamweave等对交互表达不好、不利于演示、操作难度大、需要html知识等劣势。更利于各种交互功能的实现及用户体验。选择axure作为设计工具，希望在工程训练的同时，到达对这一新兴工具的熟练运用。设计成果的表现形式为RP文件的动态交互原型，及对应的电子商务规划设计文档。3.3.交互体验比照表表1：局部网站交互模式优缺点比照表I google亮点1亮点2亮点3每个页面可更换不同的主题，更具个性化。添加页签过程，弹出窗口显示灯箱效果。删除标签可二次确认，即删除完毕后有“撤销按钮，可选择撤销。I google缺陷1缺陷2缺陷3页面里每个小版块可编辑的范围很小，甚至无法编辑删除页面中某一版块时无确认键，很容易使用户出错。只能选择网站内的主题，用户被局限在网站推出的内容中。netivibes亮点1亮点2亮点3对某一页签或小版块，都可以通过email、twitter等形式根据用户兴趣分享给其它人。注册过程，可选择选项“不用在公开资料中显示我的年龄，这点极好的抓住了用户心理。页面编辑时，可更换背景，同时可更换语言，更加个性化。netivibes缺陷1缺陷2缺陷3搜索朋友时没有引导搜索的选项。“私有页面与“公开页面需分开创立，假设通过加密按钮来实现那么省事很多。 网站内主题，不能根据不同的页面，不同的模块更换、搭配相关的主题和背景。(雅蛙亮点1亮点2亮点3个人资料完善里面有“星座与“故土选项，符合当前人们的关注焦点。对某页面进行编辑，可以设定加密访问，用户可以选择公开的页面和私人所有的页面。在“好友管理里面，独特的推出“好友动态屏蔽按钮，独具特色。(雅蛙缺陷1缺陷2缺陷3在“搜索圈子模块，只有输入圈子名才能搜索，应该进行分类引导在对“我的好友发信息时，当发送完成，页面跳转至 “发信箱页面，不利于继续发送。添加好友模块，接收对方申请，只能选“同意并添加对方为好友，用户非常被动。四、研究工作进度：序号时间内容12月16日-2月24日进入毕业设计，准备开题报告22月25日开题辩论32月28日-3月15日修改文献综述、外文翻译43月16日-4月15日期中检查，系统分析和设计54月16日-5月15日交互模型开发65月16日-5月23日撰写论文，论文修改75月15日-5月20日交互模型调式85月21日-5月23日成果验收96月1日-6月3日论文辩论106月3日-6月8日毕业设计总结五、主要参考文献：1 马丽、张露.交互设计初探. 信息科学J, 2007 年,第 5 期:34. 2 徐苏、林振荣.交互设计在电子商务网站中的应用研究J.科技广场，2004.9:12-14. 3 COOPER Alan .交互设计之路 让高科技回归人性 M . D I NGChris等译.北京:电子工业出版社, 2006.4刘金晓.人机交互界面定制及生成工具的研究与开发D.北京:华北电力大学,2021.5 吴继雁 , 高山. Web开展新模式J .黑龙江科技信息 ,2007,11:52.6 刘增.以用户为中心的网络界面设计研究D.南京：南京航空航天大学，2007.7 杨秀蓉.基于互联网交互性的新产品开发及其实证研究D.长沙：中南大学，2004.8 吴瑜.人机交互设计界面问题研究D.武汉：武汉理工大学，2004.9 欧阳波.用户研究和用户体验设计J.江苏大学学报自然科学版,2006,27卷5A期，55-57.10 王震亚,刘和山.谈人机交互原理在产品设计中的应用J. 工程图学学报.2021(02)-0126-04.11 美Jennifer Preece, Yvonne Rogers, Helen Sharp著. 交互设计超越人机交互M. 刘晓晖译. 北京: 电子工业出版社, 2003. 6-7. 12 Jennifer Preece, Yvonne Rogers, Helen Sharp.Interaction DesignBeyond Human-Computer InteractionM. John Wiley&Sons Inc. 2002.13 Terry Winograd. From computing machinery to ingteraction designJ. New York:Spring-Verlag,149-162.六、指导教师审核意见： 指导教师签字： 年月日七、系教研室评议意见： 系教研室主任签字： 年月日八、开题小组评审意见：开题小组负责人签字： 年月日九、学院领导审核意见：1通过； 2完善后通过；未通过 学院领导签字： 年月日 1、前言随着互联网的开展，门户网站的兴起，人们的生活发生了划时代的转变。我们生活的方方面面都已更多的依赖于网络。于是，一种致力于帮用户解决所有网络生活问题的网站出现了个人门户。通过个人门户，用户可以根据个人喜好，自由的添加内容，布局页面.个人门户是互联网开展的必然趋势。我们往往用“用户粘性这一标准来衡量一个网站设计的成败。而个人门户网站，是用户忠诚度最高的一类网站，良好的交互设计必将带来更高的用户粘性。因此，交互设计在个人门户类网站中的重要性不言而喻，个人门户网站应更加注重交互设计。目前，个人门户类网站层出不穷，但拥有良好用户体验的网站并不很多，很多网站正挣扎在生死存亡的边缘。比拟著名的个人门户如，netvibes、I google 等他们都各具特色，拥有自身的亮点，但网站交互及功能上的少许缺乏也使得他们没有谁可以在个人门户领域站稳脚跟。许多用户同时拥有多个个人门户，网站忠诚度不高，而无数的后来者也紧追不舍，个人门户领域异军突起，如国内的雅蛙、阔地。在这样的形势之下，达不到更好的用户体验，就注定会被用户遗弃、被其他网站取代。因此，本课题主要从获取良好用户体验方面研究个人门户类网站的交互设计。全文正文分为五大篇章：需求分析、功能模块设计、交互设计、竞品分析、界面设计。围绕着建设用户体验的流程顺序，从战略层需求分析、范围层功能模块设计、结构层交互设计、框架层界面设计至下而上对网站原型做出了全面的规划、并重点对交互模式进行了设计。此过程同时结合了对几个个人门户网站的体验，去粗取精、最后整合优秀的交互模式于自己设计之中。2.选题意义背景在开始每个课题之前，我们都需要有明确的选题意义，拥有能够被清楚表达的选题理由。本课题围绕以下4方面展开分析，确立了以“基于axure的个人门户类网站交互原型设计为题的研究方向。2.1个人门户网站介绍随着互联网的开展，门户网站的兴起，人们的生活发生了划时代的转变。我们生活的方方面面都已更多的依赖于网络。在日常的工作，学习，生活中，每人每天需要接触不同的网站，点击进入数十个门户。据一项数据调查，目前中国青年层每日平均访问网站数达12个之多，其中涉及新闻类、娱乐类、生活类、交友类等不同类型的门户网站。而同一类型的门户网站,用户可能选择多个进入浏览。正如许多用户会同时拥有“土豆和“优酷，光临“天涯社区之后再去“百度贴吧等等。正因为要频繁光临不同的网站，花费大量时间，于是，一种致力于帮用户解决所有网络生活问题的网站出现了个人门户。通过个人门户，用户可以根据个人喜好，自由的添加内容，布局页面。用户可以将自己喜欢的网站添加到自己的门户，以后上网浏览信息，再也不需要一个个网站点击进入，甚至在忘记网址的情况下惹得一身烦恼。个人门户网站，就是以个人为中心的上网入口，还可以进一步延伸为个人信息中心。个人门户具备门户的全部特征，同时能够实现个性化定制，实现内容、社区、应用的有机整合。通过个性化的呈现扩展用户利用互联网的能力，节约用户利用互联网的时间本钱。互联网的开展，已到了个性化的时代，因此，个人门户将是互联网开展的必然趋势。2.2交互原型设计的重要性在交互产品设计实践中，设计师非常关注影响用户行为与习惯的各种因素。如何使用户在交互过程中获得良好的体验，为此，设计团队往往需要根据创意概念构建出一系列的装置，以不断验证想法，评估其价值，并为进一步设计深入提供根底与灵感。在交互设计中， 一般把这种帮助我们与未来产品进行交互，从而获得第一手体验，并开掘新思路的装置，称之为“原型。交互原型设计的主要作用，就是要通过设计体验改良设计的循环过程，来获得最正确的用户体验，满足用户需求，增强用户粘性。我们往往用“用户粘性这一标准来衡量一个网站设计的成败。而个人门户网站，是用户忠诚度最高的一类网站，良好的交互设计必将带来更高的用户粘性。因此，交互设计在个人门户类网站中的重要性不言而喻，个人门户网站应更加注重交互设计。2.3原型设计法介绍原型(prototype)即把系统主要功能和接口通过快速开发制作为“样本，以可视化的形式展现给用户，及时征求用户意见，从而明确无误地确定用户需求。同时，原型也可用于征求内部意见，作为分析和设计的接口之一，可方便于沟通，网站原型也是如此。原型设计法就是通过设计用户体验设计的不断循环修改，来到达最终最正确的产品设计。为什么要采用原型法？这里我们要说，原型对一个工程取得成功具有着十分重要的意义。俗话说：隔行如隔山，实际上网站开发者很难保证其制作的网站正好就是用户所需要的，用户也很难一次性把其真实的要求完全提交，开始阶段提出的往往只是对系统的期望，和比拟模糊的设想而已。而原型系统为用户提供了一个靶子，看着原型系统，用户往往就能进一步提出他们的真正想法。以更进一步明确他们的功能和交互需求。2.4原型开发工具axure简介Axure是一种原型设计工具，它能够帮助网站设计者，快捷而简便的创立基于网站构架图的带注释的页面示意图、操作流程图、以及交互设计，并可自动生成用于演示的网页文件和规格文件，以提供演示与开发。本次设计使用原型设计方法，利用axure原型设计工具，因其具有以下诸多优势：1、Axure可快速绘制网站构架图，而且可以让构架图中的每一个页面节点，直接连接到对应网页；2、Axure 内建了许多会经常使用到的widget元件，例如：按钮、图片、文字面板、选择钮、下拉式菜单等；3、Axure快速建立流程图就像建立线框图一样容易，Flow Widget中有设计流程图时会经常用到的形状，您可以轻松在流程之间参加连接线并设定连接的格式；4、其中大多数的widget可以对一个或多个事件产生动作，包括OnClick、OnMouseOver和OnMouseLeave等；5、Axure可以将wireframe，输出成符合InternetExplorer或Firefox等不同浏览器的HTML prototype；6、Axure RP可以输出Word的格式的文件，规格文件包含了目录、网页清单、网页和附有注解的Master、Annotation、Interaction和Widget特定的资讯，以及结尾文件，规格的内容与格式也可以依据不同的阅读对象来变更。本课题选择axure这一新兴原型设计工具，避开了Word、Visio、 Dreamweave等对交互表达不好、不利于演示、操作难度大、需要html知识等劣势。它更利于各种交互功能的实现及用户体验。2.5小结通过上述分析可以看出，个人门户将是互联网开展的必然趋势。关注未来的网络，重点离不开个人门户，个人门户网站也必将成为未来的焦点。因此，目前，个人门户类网站层出不穷，甚至打出了web3.0理念的招牌，一批批个性化门户网站纷纷上线，都希望在这段肥地分得一杯羹。但是拥有良好用户体验的网站并不很多，许多网站正挣扎在生死存亡的边缘。针对这一普遍现象，我们来寻求改良。 网站的成功与用户体验息息相关，而用户体验便来自于交互设计的结果。可以说交互体验极大的影响着网站的生存与开展。本课题就将以交互设计为重点，致力于通过体验各类个人门户网站，提取其中优秀的交互模式，并予以整合，同时对缺乏之处进行改良，集合在自己的原型设计中。最终希望作品可为其他个人门户类产品设计提供参照，使网站获得更佳的用户体验，并启发其他信息系统的交互设计。同时，也希望通过设计过程，自身获得对用户体验的全面把握，以及axure原型设计工具的熟练运用。在整个课题进程中，提升筹划、审美、用户心理分析、网站交互分析及运用原型设计工具的能力。如前所述，交互原型设计的最大目标便是获得良好的用户体验。“Ajax之父Jesse James Garrett把用户体验分解为五大要素：战略层、范围层、结构层、框架层、表现层。用户体验就是在这五个层面上一步步建设起来的。交互设计处于结构层。由此可见，要建立良好的用户体验，交互设计是重要一环。而在开始谨慎的交互设计之前，还要以明确的战略需求和清晰的功能范围为根底。本次设计就将带着获取最正确用户体验的交互设计这一目标，开始进行通向结构层交互设计的一系列分析设计。3.需求分析成功的交互设计，其根底是一个被明确表达的“战略，即知道网站开发者与用户双方的期许和目标。只有明确了双方的需求，才能以此为指引，设计出更加适应用户和网站开发者的功能模块及交互行为。3.1网站需求分析本课题网站并非商业性网站，不具商业目的。此次网站交互原型设计以获取良好的用户体验为目标。希望在集合同类网站优秀交互模式的根底上，改良目前个人门户类网站存在的交互缺陷。使其最终可作为其他个人门户类网站交互设计时的参照，并启发其他信息系统的交互设计。3.2用户需求分析本课题网站属个人门户类网站，个人门户即是个人化的门户网站，其用户人群包括几乎所有网民，涉及各个层次的人。而在未来，当个人门户开展更加成熟普及，将会出现每个网民都拥有自己的门户，真正的实现网络个性化。目前，使用个人门户网的用户大致集中在中青年层，大学生和白领阶层是最主要的用户。而白领阶层中男性女性的需求又颇具差异，需区别对待。本网站的用户群主要定位为这三种。以下以具体实例的方式，对不同用户进行了需求分析。并根据各自特点，着重描述他们对功能和交互模式的不同需求。大学生大学生群体是最易接受新事物的一个群体，对于网络的接受度颇高，并不断的有新鲜需求提出。他们接触网络的历史较长，个性化个人门户是追求时尚个性的他们首选的网站。主要以娱乐交友为目的的他们对此类网站拥有他们的独特需求。1用户实例姓名：所在城市：网龄年：李菁菁杭州5职业每天上网时间上网主要工作大学生不定娱乐、交友 图3-1李菁菁2用户需求功能需求：通过网络联络老朋友，结交新朋友；关注各式新闻资讯，特别是娱乐、健身类；网页主题可选择任意更换。交互需求：应该尽可能帮助用户防止要求他们记住各种信息，例如好友搜索，最好可以通过信息引导；要在用户完成某项操作后进行提示，系统给予反应，使他们知道自己是否达成目标；网站内随处有信息提示；当使用过程出现错误，能明确指出错误原因，并使用户能理解。3网站规划对此类用户网站拟实现功能模块：推出“联系人版块，里面收录“用户好友，同时可以“搜索好友；网站提供各种推荐的widgets，且归类便于用户搜索添加；推出多种网页主题供用户选择添加。交互模式：在“联系人版块进行好友搜索时，利用下拉框分类制作好友各项信息，以引导用户搜索；好友搜索也通过关键字匹配，协助用户记忆；在用户操作某项任务过程中，随时显示完成情况。如“下载过程，显示下载进度，以便用户了解自己完成目标的情况；网站内有更多的直接显示，如鼠标触及“联系人便可显示局部联系人情况，无需点击进入；注册过程，利用函数控制输入信息的正确与否，即时校验，明确指出错误。女性白领白领们平日工作会多处使用到网络，因此他们经常利用网络进行工作联络，收看新闻资讯等等。他们工作繁忙，更加希望网络使用方便简单。但是白领女性与男性的需求又有不同，他们通常拥有自己的隐私、并希望得到保护。他们对网站也独具美观上的挑剔，喜欢简洁大方的界面。1用户实例姓名：所在城市：网龄年：林楠上海10职业每天上网时间上网主要工作基层管理人员6工作联络、收看新闻 图3-2林楠（2） 用户需求功能需求：网站可以无限添加页签，且可为网站页面添加个性化标题；建议网站能建立私有页面，用以保存用户隐私，公开页面供他人光临。交互需求：网站注册程序不要那么繁琐；界面更加简洁，不要经常进行页面跳转。3网站规划对此类用户网站拟实现功能模块：网站设置“添加标签页按钮，在同一张页面中可添加标签且为各标签页设置名称；网站将采取分开建立私有页面和公开页面的形式。交互需求：网站注册时仅填写最少量信息，注册结束登录后再完善个人资料；以下拉或弹出窗口的形式，防止总是跳转页面，信息尽量在一个页面显示。男性白领白领们平日工作会多处使用到网络，因此他们经常利用网络进行工作联络，收看新闻资讯等等。他们工作繁忙，更加希望网络使用方便简单。但是白领男性与女性的需求又有不同。他们通常喜欢网络也给予他们更多的自主，他们喜欢探索，他们比女性不能忍耐，希望能第一时间运用网站各项功能，他们不够细心，往往容易出错，因此更需要网站有强大的纠错和弥补犯错失误的功能。1用户实例姓名：所在城市：网龄年：吴越深圳12职业每天上网时间上网主要工作营销经理4工作联络、收看新闻 图3-3吴越2用户需求功能需求： 除网站推荐内容之外，网站提供搜索工具，方便用户自主进行个性化搜索； 在网页上给好友发信息，有利于网络信息及时分享。交互需求： 网站添加的局部模块在网页内可直接编辑，使搜看起来更直观； 网站可以不用注册先行体验局部功能； 应该方便用户取消某个操作，增加有撤销和恢复的功能，防止一失足成千古恨。(3)网站规划对此类用户网站拟实现功能模块： 推出“谷歌搜索栏，以便用户通过搜索自己感兴趣的页面，不局限于网站的推荐； 推出给好友发信息版块，可选择自己网内好友及时发送信息。交互模式： 页签内添加的每个小widget可直接编辑； 用户可以以游客身份体验默认公开页面的局部功能； 推出“撤销功能，以弥补用户的再次失误。3.3场景设计原型设计法最大的作用就在于通过用户的反复体验，校正网站功能。场景设计，就是在网站雏形确立后，交予用户体验，通过体验发现新问题，进一步完善网站功能，如此循环改善。以下便通过四处场景分析展示不同情形下的用户对网站雏形的初步体验结果，并由此结果来推动网站功能的完善。场景一用户A ：游客问题：1) A用户来到首页后，发现不是会员的自己被更多的权限排除在外，感到很郁闷，随即离开。2) A用户不能很快的找到注册向导。3) A用户在注册的时候觉得过程非常麻烦，要填的信息过多，打算放弃注册。解决：1) 在首页添加多处游客可点击的链接，首先使他们有一种亲近的心理状态。包括使用官方博客的链接，公开页面的体验等，都是拉近用户的方式。2) 将注册向导使用大图标，且使颜色鲜艳，便于游客发现注册。3) 注册过程选择最为简单的内容，其余信息留到登录后完善。本网站并不是颇具信息性的网站，更多的是用户自主式的效劳，因此，用户不会很有耐心去花费大量时间注册。场景二用户B ：新注册的用户问题：1) B用户刚注册为会员，登录私有页面发现没有任何页签或模块，失去了兴趣，同时，此时也找不到方向去马上添加页签。2) B用户刚注册为会员，希望进入页面可以浏览的内容比游客身份更多，但是由于自己未添加版块或好友等，目前能查看的内容仍然与游客身份差不多。3B用户初次进入私有页面，不清楚自己应该干什么。解决：1在注册的时候，推出用户喜欢的类别选项，根据用户的选择，在其第一次登录页面时就可呈现出用户所喜欢的内容，以保持用户兴趣。2在用户第一次进入私有页面时，为其默认一位好友，且推出“所有人版块，使其可以查看，而不是全部需要自己添加。3) 在用户第一次登录后，应该首先提示他进行资料的完善以保证平安性和便利性。这同时也是一种对用户的引导，资料的完善中，这些资料包括个人心情设置等方面，不会枯燥乏味，能保持用户的兴趣和引导其探索网站。场景三用户C:网站的忠实用用户问题：1) C用户几乎每天都登录他的个人门户，且根本只进入该门户。他在添加widget的过程发现，仅仅依赖网站推荐不能满足自己的需求。2) C用户在查看自己近期概况时发现有很多无用的信息，一些无关紧要的细微变动都会出现在近况当中。包括朋友的近况变动也是大量冗杂的信息堆积在版块中，占据位置。3) C用户在使用公开页面时，需要与朋友共享很多个人的照片与视频，数量巨大，在一个页签里面难以容纳。解决：1) 在添加内容区域推出下载widget版块，根据自己的了解输入网址，下载自己需要的widget添加到页面。2) 在近况版块里面，对于每条活动信息，增添删除按钮，使用户可以选择性的删除局部无用的信息，也使页面更加简洁，减少页面的空间占用。3) 将公开页面的默认标签，分类为相册和视频标签。分别储存公开的视频以及相册信息。场景四用户D：网站的普通用户问题：1) 用户D在页面浏览时，希望将自己珍藏的优秀的页面与朋友一起分享，但是不知道怎样去分享。2) 用户D在给页面添加内容时，添加版块覆盖了原有页面的局部内容，以至于用户在添加内容时，看不到被添加进去的内容置于页面哪个版块，即添加是否成功。3) 用户D只能偶尔利用少量时间使用网站，但是觉得要进入网站才能查找最新的信息，比拟浪费时间，还经常进入网站发现不了什么有用的信息。解决：1) 在页签编辑版块里面，选择分享页签，可以通过邮件，微博客等分享给好友，他们可以通过链接查看你供分享的页签。2) 添加内容版块，以下拉框的形式呈现在页面上，而不是以覆盖窗口的形式。当下拉的同时，页面整体下拉，不至于被弹出版块覆盖，便于用户查看更新的页面。3) 在首页上放置最近活动和活泼会员的介绍。这样可以使用户在未登录时就可了解到最新网站的一些有趣的动态，自己衡量是否有兴趣，是否登录浏览。带着“用户想要什么“开发者的目的是什么的明确认识，我们就能清楚如何去满足这些战略目标。当我们把这些需求转变成网站应该给用户提供什么样的内容和功能时，战略便转变成了范围，需求便转变成了功能模块。从设计程序上看，功能模块设计是交互设计的根底，为其提供内容上的支持。从广义的交互设计来看，贴近用户的功能模块设计也是到达良好交互的目的。4.功能模块设计经过需求分析我们得到了网站初步的功能模块，再辅之以场景分析，最终完善了各项功能，于是便对网站各项功能内容进行了如下设计。 4.1网站架构图 图4-1 网站架构图网站为个人门户类网站，主要分为“我的首页、“我的私有页面、“我的公开页面三局部。首页主要展示网站根本信息以及提供登录注册功能。私有页面，用户可自由添加各类模块，在这里，集合娱乐，交友，学习等功能一体化。公开页面，主要提供应其他用户浏览。除了可以在公开页面自由添加模块，同时它还具有写博和群组讨论的功能，集合了博客、社区、个性化主页于一体。 4.2功能模块介绍1首页图4-2首页 在首页，网站主要添加以下几方面内容： 了解一下：“了解一下提供链接到网站官方博客，以使用户更多的了解网站信息； 网站介绍版块：以小黑板形式，形象的展示网站主要提供的内容和功能； 登录：用于注册用户登录；另外添加“记住密码功能，便于再次访问，“忘记密码帮助用户找回密码； 注册：“立即注册按钮，引导非会员用户进入注册页面； 浏览一下：为游客提供浏览功能，不注册即可体验默认公开页面的局部功能； 功能简介：提供链接到官方博客的功能介绍页面； 最新动态：显示最新的网站动态，如某个widget新上线等信息； 活泼用户：显示网站近期活泼会员，其他用户可点击浏览该用户公开页面，或加其为好友。2我的私有页面图4-3我的私有页面我的私有页面提供以下几方面内容： 添加内容：此版块提供用户给页面添加内容，包括“分类浏览widget“添加最重要的widget、“下载最新的widget三块，可以通过网站推荐，自主搜索等形式添加应用模块到页面； 资料：即个人的信息中心，包括姓名、性别、公开页面地址等，重点推出用户状态描述，用户可以就自己的心情添加一句话，可供互相浏览； 近况：包括个人最近的公开或私人活动，以及朋友动态； 联系人：包括好友、关注者、寻找朋友和邀请好友； 页面设置：此版块包括页面语言、主题及壁纸的更换等； 添加更改页面标题版块：可在此处添加、更改页面标题； google搜索版块：在此处可通过谷歌搜索需要的信息； 页签版块：此版块是此页最重要区域，放置用户添加的各项widget。用户可以分类添加页签，置放各类widget，并为各页签命名。在页签名处可选择“编辑页签进行编辑页面布局，页签名称和页签图标。 (3) 我的公开页面图4-4我的公开页面我的公开页面提供以下几方面的内容： 主页：展示个人根本资料、留言信息、空间