《开题报告基于axure的个人门户类网站交互原型设计.doc》由会员分享，可在线阅读，更多相关《开题报告基于axure的个人门户类网站交互原型设计.doc（10页珍藏版）》请在三一办公上搜索。
1、大学毕业设计（论文）开题报告题 目 基于axure的个人门户类网站 交互原型设计学 院管理学院专 业电子商务姓 名班 级学 号指导教师一选题依据1.1选题意义本次设计以“基于axure的个人门户类网站交互原型设计”为主题，即是要基于axure打造一个个人门户网站，此网站的交互设计、网站内容、网页风格等应符合个人门户类网站的基本特征。其中重点对网站的交互原型进行设计。目前，对交互设计的研究非常多，主要为了增强用户体验，本设计希望基于原型设计把个人门户类网站优秀的交互设计特征予以整合展现，以寻求对交互设计的更深理解。既可作为其他交互产品设计时的参照，也可启发其他信息系统的交互设计。同时，也希望在设
2、计过程中，自身获得对用户体验的全面把握，以及axure原型设计工具的熟练运用。在整个课题进程中，提升网站交互分析、文笔、审美、用户心理分析、及运用原型设计工具的能力。1.2 选题背景1.2.1个人门户网站介绍随着互联网的发展，门户网站的兴起，人们的生活发生了划时代的转变。我们生活的方方面面都已更多的依赖于网络。在日常的工作，学习，生活中，每人每天需要接触不同的网站，点击进入数十个门户。据一项数据调查，目前中国青年层每日平均访问网站数达12个之多，其中涉及新闻类、娱乐类、生活类、交友类等不同类型的门户网站。而同一类型的门户网站,用户可能选择多个进入浏览。正如许多用户会同时拥有“土豆”和“优酷”，
3、光临“天涯社区”之后再去“百度贴吧”等等。正因为要频繁光临不同的网站，花费大量时间，于是，一种致力于帮用户解决所有网络生活问题的网站出现了个人门户。通过个人门户，用户可以根据个人喜好，自由的添加内容，布局页面。用户可以将自己喜欢的网站添加到自己的门户，以后上网浏览信息，再也不需要一个个网站点击进入，甚至在忘记网址的情况下惹得一身烦恼。个人门户网站，就是以个人为中心的上网入口，还可以进一步延伸为个人信息中心。个人门户具备门户的全部特征，同时能够实现个性化定制，实现内容、社区、应用的有机整合。通过个性化的呈现扩展用户利用互联网的能力，节约用户利用互联网的时间成本。互联网的发展，已到了个性化的时代，
4、因此，个人门户将是互联网发展的必然趋势。1.2.2原型设计在交互产品设计中的作用在交互产品设计实践中，设计师更加关注影响用户行为与习惯的各种因素，如何使用户在交互过程中获得良好的体验。为此，设计团队往往需要根据创意概念构建出一系列的装置，以不断验证想法，评估其价值，并为进一步设计深入提供基础与灵感。在交互设计中， 一般把这样的帮助我们与未来产品进行交互， 从而获得第一手体验，并发掘新思路的装置，称之为“原型”。交互原型设计的主要作用，就是要通过设计体验改进（设计）的循环过程，来获得最佳的用户体验，满足用户需求，增强用户粘性。1.3 小结通过上述分析可以看出，个人门户将是互联网发展的必然趋势。关
5、注未来的网络，重点离不开个人门户，个人门户网站也必将成为未来的焦点。因此，目前，个人门户类网站层出不穷，甚至打出了web3.0理念的招牌，一批批个性化门户网站纷纷上线，都希望在这段肥地分得一杯羹。但是拥有良好用户体验的网站并不很多，许多网站正挣扎在生死存亡的边缘。针对这一普遍现象，我们来寻求改进。 网站的成功与用户体验息息相关，而用户体验便来自于交互设计的结果。可以说交互体验极大的影响着网站的生存与发展。本课题就将以交互设计为重点，致力于通过体验各类个人门户网站，提取其中优秀的交互模式，并予以整合，同时对不足之处进行改进，集合在自己的原型设计中。最终希望作品可为其他个人门户类产品设计提供参照，
6、使网站获得更佳的用户体验，并启发其他信息系统的交互设计。同时，也希望通过设计过程，自身获得对用户体验的全面把握，以及axure原型设计工具的熟练运用。在整个课题进程中，提升策划、审美、用户心理分析、网站交互分析及运用原型设计工具的能力。二研究内容2.1研究方向本课题主要研究并体验以下几方面内容：个人门户类网站、axure原型设计工具的具体应用、交互设计，原型设计法。重点是在对交互设计概念的理解之上，通过对比分析国内外几家个人门户类网站，提取出他们优秀的设计，并进行其它的改进，再加入自己的创意于本设计，以最终设计出一个更具良好用户体验的个性化门户网站交互原型。2.2拟解决的主要问题本课题意在通过
7、对交互设计理念的理解分析，对比各类个人门户网站的交互原型设计，对个人门户网站的交互原型予以优化。通过对比分析，设计更加完善的交互模式，提升用户体验的满意度。最后完成一个完整的基于axure的网站交互原型及网站规划书。2.3研究目标1、关于交互设计目标：希望通过多家网站的对比研究，先进行交互体验，再集合优秀的交互设计模式于本网站。同时也结合本网站特色，创新出部分交互模式，使之更个性化。2、关于网页设计目标：希望通过对比几个个人门户网站的原型，分析其中的差异后，设计出更符合用户习惯的，更易接受的网页风格，这个网页界面，布局甚至色彩，也必将对交互体验带来好处，原型版式将会更加自由，开阔及个性。3、关
8、于网站内容设计目标：对于网站内容设计，要符合个性化门户的独特之处，在内容上有一定的创新，使整个内容也能跟上步伐，更加个性化。2.4本课题的创新之处1、打造一个优秀交互模式集中的应用平台。本课题将在进行各类网站的交互体验之后，集合各模块的优秀设计，再注入作者的创新来进行交互的研究设计。2、在网页风格设计中将会结合个性化理念所需要的内容，进行全新的改版，将呈现更加宽阔，清洁，自由的页面，以便用户个性化添加自己所需。3、在交互设计中，将会在亲自体验多个网站之后，集合模仿优秀交互设计。同时，进行一定程度的个性化交互创新，以目前的流行趋势为参考，着力使用户感受到一种紧跟时代，更贴近生活的创新性交互体验。
9、三.研究过程3.1研究步骤（研究步骤如图1所示）1、用户对个性化主页的需求调查：通过对用户的需求调查，了解用户对个性化主页的设计内容有哪些要求，以便更好的安排网站的版块设计。2、个性化门户网站特点分析：对个性化门户网站特点进行分析，根据其特点，结合用户需求，进行内容的整体设计。3、相关网站交互模式的体验：继承优秀的HCI-Pattern，找出人机交互设计上存在的不足。选择“雅蛙”“I google”“netvibes”等个性化理念的门户网站或个人门户网站进行重点交互体验。收集优秀的交互设计模式。列出网站的优缺点对照表（见表1）。4、对交互设计流程进行分析设计，画出流程图。对设计的每一环节，都考
10、虑是否有创新点，结合当今潮流进行个性化交互模式设计。5、选择不同职业，年龄，学历的人进行交互体验，并收集意见建议，进行改进优化。6、尽量重复以上的交互体验过程，尽可能的完善网站交互功能。7、收集相关材料，撰写网站规划书。图1研究步骤3.2、研究方法、工具本次设计使用网站原型设计方法，利用axure原型设计工具进行原型和交互设计。选择axure原型设计工具的原因：1、Axure可快速绘制网站构架图，而且可以让构架图中的每一个页面节点，直接连接到对应网页。2、Axure 内建了许多会经常使用到的widget元件，例如：按钮(Button)、图片(Image)、文字面板(Text Panel)、选择
11、钮(Radio Button)、下拉式菜单(Droplist)。3、Axure快速建立流程图就像建立wireframe一样容易，Flow Widget中有设计流程图时会经常用到的形状，您可以轻松在流程之间加入连接线并设定连接的格式。4、其中大多数的widget可以对一个或多个事件产生动作，包括OnClick、OnMouseOver和OnMouseLeave等。5、Axure可以将wireframe，输出成符合InternetExplorer或Firefox等不同浏览器的HTML prototype。6、Axure RP可以输出Word的格式的文件，规格文件包含了目录、网页清单、网页和附有注解的
12、Master、Annotation、Interaction和Widget特定的资讯，以及结尾文件，规格的内容与格式也可以依据不同的阅读对象来变更。本课题选择axure这一新兴原型设计工具，同时避开了Word、Visio、 Dreamweave等对交互表达不好、不利于演示、操作难度大、需要html知识等劣势。更利于各种交互功能的实现及用户体验。选择axure作为设计工具，希望在工程训练的同时，达到对这一新兴工具的熟练运用。设计成果的表现形式为RP文件的动态交互原型，及对应的电子商务规划设计文档。3.3.交互体验对比表表1：部分网站交互模式优缺点对比表（I google）亮点1亮点2亮点3每个页面
13、可更换不同的主题，更具个性化。添加页签过程，弹出窗口显示灯箱效果。删除标签可二次确认，即删除完毕后有“撤销”按钮，可选择撤销。（I google）缺陷1缺陷2缺陷3页面里每个小版块可编辑的范围很小，甚至无法编辑删除页面中某一版块时无确认键，很容易使用户出错。只能选择网站内的主题，用户被局限在网站推出的内容中。（netivibes）亮点1亮点2亮点3对某一页签或小版块，都可以（通过email、twitter等形式）根据用户兴趣分享给其它人。注册过程，可选择选项“不用在公开资料中显示我的年龄”，这点极好的抓住了用户心理。页面编辑时，可更换背景，同时可更换语言，更加个性化。（netivibes）缺陷
14、1缺陷2缺陷3搜索朋友时没有引导搜索的选项。“私有页面”与“公开页面”需分开创建，若通过加密按钮来实现则省事很多。 网站内主题，不能根据不同的页面，不同的模块更换、搭配相关的主题和背景。(雅蛙）亮点1亮点2亮点3个人资料完善里面有“星座”与“故乡”选项，符合当前人们的关注焦点。对某页面进行编辑，可以设定加密访问，用户可以选择公开的页面和私人所有的页面。在“好友管理”里面，独特的推出“好友动态屏蔽”按钮，独具特色。(雅蛙）缺陷1缺陷2缺陷3在“搜索圈子”模块，只有输入圈子名才能搜索，应该进行分类引导在对“我的好友”发信息时，当发送完成，页面跳转至 “发信箱”页面，不利于继续发送。添加好友模块，接
15、收对方申请，只能选“同意并添加对方为好友”，用户非常被动。四、研究工作进度：序号时间内容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 徐苏、林振荣.交互设计在电子商务网站中
16、的应用研究J.科技广场，2004.9:12-14. 3 COOPER Alan .交互设计之路 让高科技回归人性 M . D I NGChris等译.北京:电子工业出版社, 2006.4刘金晓.人机交互界面定制及生成工具的研究与开发D.北京:华北电力大学,2008.5 吴继雁 , 高山. Web发展新模式J .黑龙江科技信息 ,2007,11:52.6 刘增.以用户为中心的网络界面设计研究D.南京：南京航空航天大学，2007.7 杨秀蓉.基于互联网交互性的新产品开发及其实证研究D.长沙：中南大学，2004.8 吴瑜.人机交互设计界面问题研究D.武汉：武汉理工大学，2004.9 欧阳波.用户研究
17、和用户体验设计J.江苏大学学报（自然科学版）,2006,27卷5A期，55-57.10 王震亚,刘和山.谈人机交互原理在产品设计中的应用J. 工程图学学报.2009(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完善后通过；未通过 学院领导签字： 年月日
