交互设计工具的改进与实现
发布时间：2021-09-02 18:38
随着互联网的快速发展,交互设计在软件产品的开发过程中的重要性越来越凸显,而交互方案的设计和展示则需要借助专门的表示方法和绘图工具来实现。现有的交互设计表示方法在同时兼顾用户行为设计和页面信息框架设计优势方面留有进一步研究的空间;虽然有不少交互设计工具,但却缺少能够将需求分析和交互设计串联起来的工具。因此,在现有研究的基础上,如何对交互设计的表示方法和工具进行优化,是本文的一个研究重点。本文通过调研现有的交互设计表示方法,在其基础上对现有的交互设计工具进行了功能上的改进和完善,并借助Eclipse平台提供的Graphiti框架,以及Java语言、XML等技术进行了具体实现。本文在实现交互设计工具之前,首先,在相关技术研究阶段,对现有的交互设计及表示方法进行调研,并对UML活动图和视觉词汇绘制的页面结构图的融合方法进行了阐述;其次,在需求分析阶段,本文对该交互设计工具的总体需求进行了分析,结合该工具的应用场景,并对后续所需实现的功能进行明确;在系统设计与实现阶段,本文设计了该系统的分层架构,在此基础上对系统的功能模块进行了设计,分别从绘图功能改进模块、跳转导航模块、图表本地比较模块和自动生...
【文章来源】：北京邮电大学北京市 211工程院校 教育部直属院校
【文章页数】：75 页
【学位级别】：硕士
【部分图文】：
图２－１交互设计涉及学科??
鸟由良??图２－２视觉词汇绘制的页面结构图??图２－２是一个具有树形结构的静态页面结构阁，焯个珩形分別代衣＋?Ｍ的页??面，将上面的页面结构图稍作处理，使其便于描述，处观结果如下阁２－３所示??？?？?？?？??图２－３视觉词汇绘制的页面结构图的变换处理图??由根节点出发，该节点拥有５个子树，分别为：ＡＢＥ、ＡＢＦ、ＡＣ、ＡＤＧ、??ＡＤＨ。每个子树代表了一组相关联的页而，，用户／ｌＵＭｎＨＴ：何－纟丨〖相关联的页??面吋，必然伴随着－系列用户行为的产生，而被的这－组相义联的贞而也可??以被理解为一系列用户行为经过时所依次打彡卩的页丨ｆｌｌ＇次斤，Ｗ此，柯个了树又可??以通过ＵＭＬ活动阁中的用户行为经过时所打）｜：的贞Ｉｆｌ丨次序米加以描述。??最终，图２－２中的页面结构图可以被拆分为５个独、Ｖ．的ＵＭＬ活动图，１１这??５个独立的活动图＋仅能够完整地体现贸面结构图屮的ｉｌｕＭＵ级又系，也很好地??描述／结构图中关联贞面间的用户行为。在拆分出来的沾动阁屮分別选収叫个来??进行展小？
ｇ??鸟由良??图２－２视觉词汇绘制的页面结构图??图２－２是一个具有树形结构的静态页面结构阁，焯个珩形分別代衣＋?Ｍ的页??面，将上面的页面结构图稍作处理，使其便于描述，处观结果如下阁２－３所示??？?？?？?？??图２－３视觉词汇绘制的页面结构图的变换处理图??由根节点出发，该节点拥有５个子树，分别为：ＡＢＥ、ＡＢＦ、ＡＣ、ＡＤＧ、??ＡＤＨ。每个子树代表了一组相关联的页而，，用户／ｌＵＭｎＨＴ：何－纟丨〖相关联的页??面吋，必然伴随着－系列用户行为的产生，而被的这－组相义联的贞而也可??以被理解为一系列用户行为经过时所依次打彡卩的页丨ｆｌｌ＇次斤，Ｗ此，柯个了树又可??以通过ＵＭＬ活动阁中的用户行为经过时所打）｜：的贞Ｉｆｌ丨次序米加以描述。??最终，图２－２中的页面结构图可以被拆分为５个独、Ｖ．的ＵＭＬ活动图，１１这??５个独立的活动图＋仅能够完整地体现贸面结构图屮的ｉｌｕＭＵ级又系
【参考文献】：
期刊论文
[1]基于情境学习理论的计算机软件学习研究——以Axure RP快速原型设计工具为例[J]. 金泓. 软件导刊(教育技术). 2017(05)
[2]利用JSON降低XML数据冗余的研究[J]. 陈玮,贾宗璞. 计算机应用与软件. 2012(09)
[3]交互设计的发展现状与趋势[J]. 唐磊. 长春教育学院学报. 2012(04)
[4]基于开放式插件体系结构的Eclipse平台及其应用[J]. 米天胜. 中国管理信息化(综合版). 2007(12)
[5]Eclipse插件体系结构[J]. 陈刚. 程序员. 2005(06)
[6]文件比较软件大比拼[J]. 小滔. 软件. 2002(12)
硕士论文
[1]面向移动应用的产品设计工具服务器端的设计与实现[D]. 陈羽飞.北京邮电大学 2017
[2]面向移动应用的产品设计工具客户端的设计与实现[D]. 覃士蘅.北京邮电大学 2017
[3]Android5.0环境下企业移动应用软件的交互设计与实现[D]. 张一文.北京邮电大学 2016
本文编号：3379521
【文章来源】：北京邮电大学北京市 211工程院校 教育部直属院校
【文章页数】：75 页
【学位级别】：硕士
【部分图文】：
图２－１交互设计涉及学科??
鸟由良??图２－２视觉词汇绘制的页面结构图??图２－２是一个具有树形结构的静态页面结构阁，焯个珩形分別代衣＋?Ｍ的页??面，将上面的页面结构图稍作处理，使其便于描述，处观结果如下阁２－３所示??？?？?？?？??图２－３视觉词汇绘制的页面结构图的变换处理图??由根节点出发，该节点拥有５个子树，分别为：ＡＢＥ、ＡＢＦ、ＡＣ、ＡＤＧ、??ＡＤＨ。每个子树代表了一组相关联的页而，，用户／ｌＵＭｎＨＴ：何－纟丨〖相关联的页??面吋，必然伴随着－系列用户行为的产生，而被的这－组相义联的贞而也可??以被理解为一系列用户行为经过时所依次打彡卩的页丨ｆｌｌ＇次斤，Ｗ此，柯个了树又可??以通过ＵＭＬ活动阁中的用户行为经过时所打）｜：的贞Ｉｆｌ丨次序米加以描述。??最终，图２－２中的页面结构图可以被拆分为５个独、Ｖ．的ＵＭＬ活动图，１１这??５个独立的活动图＋仅能够完整地体现贸面结构图屮的ｉｌｕＭＵ级又系，也很好地??描述／结构图中关联贞面间的用户行为。在拆分出来的沾动阁屮分別选収叫个来??进行展小？
ｇ??鸟由良??图２－２视觉词汇绘制的页面结构图??图２－２是一个具有树形结构的静态页面结构阁，焯个珩形分別代衣＋?Ｍ的页??面，将上面的页面结构图稍作处理，使其便于描述，处观结果如下阁２－３所示??？?？?？?？??图２－３视觉词汇绘制的页面结构图的变换处理图??由根节点出发，该节点拥有５个子树，分别为：ＡＢＥ、ＡＢＦ、ＡＣ、ＡＤＧ、??ＡＤＨ。每个子树代表了一组相关联的页而，，用户／ｌＵＭｎＨＴ：何－纟丨〖相关联的页??面吋，必然伴随着－系列用户行为的产生，而被的这－组相义联的贞而也可??以被理解为一系列用户行为经过时所依次打彡卩的页丨ｆｌｌ＇次斤，Ｗ此，柯个了树又可??以通过ＵＭＬ活动阁中的用户行为经过时所打）｜：的贞Ｉｆｌ丨次序米加以描述。??最终，图２－２中的页面结构图可以被拆分为５个独、Ｖ．的ＵＭＬ活动图，１１这??５个独立的活动图＋仅能够完整地体现贸面结构图屮的ｉｌｕＭＵ级又系
【参考文献】：
期刊论文
[1]基于情境学习理论的计算机软件学习研究——以Axure RP快速原型设计工具为例[J]. 金泓. 软件导刊(教育技术). 2017(05)
[2]利用JSON降低XML数据冗余的研究[J]. 陈玮,贾宗璞. 计算机应用与软件. 2012(09)
[3]交互设计的发展现状与趋势[J]. 唐磊. 长春教育学院学报. 2012(04)
[4]基于开放式插件体系结构的Eclipse平台及其应用[J]. 米天胜. 中国管理信息化(综合版). 2007(12)
[5]Eclipse插件体系结构[J]. 陈刚. 程序员. 2005(06)
[6]文件比较软件大比拼[J]. 小滔. 软件. 2002(12)
硕士论文
[1]面向移动应用的产品设计工具服务器端的设计与实现[D]. 陈羽飞.北京邮电大学 2017
[2]面向移动应用的产品设计工具客户端的设计与实现[D]. 覃士蘅.北京邮电大学 2017
[3]Android5.0环境下企业移动应用软件的交互设计与实现[D]. 张一文.北京邮电大学 2016
本文编号：3379521
本文链接：https://www.wllwen.com/kejilunwen/ruanjiangongchenglunwen/3379521.html
