开题报告 基于axure的个人门户类网站交互原型设计

大学

毕业设计（论文）开题报告

基于axure的个人门户类网站

题 目

交互原型设计

学 院 管理学院

专 业 电子商务

姓 名

班 级

学 号

指导教师

一．选题依据 1.1选题意义

本次设计以“基于axure的个人门户类网站交互原型设计”为主题，即是要基于axure打造一个个人门户网站，此网站的交互设计、网站内容、网页风格等应符合个人门户类网站的基本特征。其中重点对网站的交互原型进行设计。

目前，对交互设计的研究非常多，主要为了增强用户体验，本设计希望基于原型设计把个人门户类网站优秀的交互设计特征予以整合展现，以寻求对交互设计的更深理解。既可作为其他交互产品设计时的参照，也可启发其他信息系统的交互设计。

同时，也希望在设计过程中，自身获得对用户体验的全面把握，以及axure原型设计工具的熟练运用。在整个课题进程中，提升网站交互分析、文笔、审美、用户心理分析、及运用原型设计工具的能力。 1.2 选题背景

1.2.1个人门户网站介绍

随着互联网的发展，门户网站的兴起，人们的生活发生了划时代的转变。我们生活的方方面面都已更多的依赖于网络。在日常的工作，学习，生活中，每人每天需要接触不同的网站，点击进入数十个门户。据一项数据调查，目前中国青年层每日平均访问网站数达12个之多，其中涉及新闻类、娱乐类、生活类、交友类等不同类型的门户网站。而同一类型的门户网站,用户可能选择多个进入浏览。正如许多用户会同时拥有“土豆”和“优酷”，光临“天涯社区”之后再去“百度贴吧”等等。

正因为要频繁光临不同的网站，花费大量时间，于是，一种致力于帮用户解决所有网络生活问题的网站出现了——个人门户。通过个人门户，用户可以根据个人喜好，自由的添加内容，布局页面。用户可以将自己喜欢的网站添加到自己的门户，以后上网浏览信息，再也不需要一个个网站点击进入，甚至在忘记网址的情况下惹得一身烦恼。个人门户网站，就是以个人为中心的上网入口，还可以进一步延伸为个人信息中心。个人门户具备门户的全部特征，同时能够实现个性化定制，实现内容、社区、应用的有机整合。通过个性化的呈现扩展用户利用互联网的能力，节约用户利用互联网的时间成本。互联网的发展，已到了个性化的时代，因此，个人门户将是互联网发展的必然趋势。

1.2.2原型设计在交互产品设计中的作用

在交互产品设计实践中，设计师更加关注影响用户行为与习惯的各种因素，如何使用户在交互过程中获得良好的体验。为此，设计团队往往需要根据创意概念构建出一系列的装置，以不断验证想法，评估其价值，并为进一步设计深入提供基础与灵感。在交互设计中， 一般把这样的帮助我们与未来产品进行交互， 从而获得第一手体验， 并发掘新思路的装置，称之为“原型”。

交互原型设计的主要作用，就是要通过设计—体验—改进（设计）的循环过

程，来获得最佳的用户体验，满足用户需求，增强用户粘性。 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作为设计工具，希望在工程训练的同时，

本文来源：https://www.bwwdw.com/article/qn7h.html