隨著互聯(lián)網(wǎng)的快速發(fā)展,交互設計在軟件產品的開發(fā)過程中的重要性越來越凸顯,而交互方案的設計和展示則需要借助專門的表示方法和繪圖工具來實現(xiàn)�，F(xiàn)有的交互設計表示方法在同時兼顧用戶行為設計和頁面信息框架設計優(yōu)勢方面留有進一步研究的空間;雖然有不少交互設計工具,但卻缺少能夠將需求分析和交互設計串聯(lián)起來的工具。因此,在現(xiàn)有研究的基礎上,如何對交互設計的表示方法和工具進行優(yōu)化,是本文的一個研究重點。本文通過調研現(xiàn)有的交互設計表示方法,在其基礎上對現(xiàn)有的交互設計工具進行了功能上的改進和完善,并借助Eclipse平臺提供的Graphiti框架,以及Java語言、XML等技術進行了具體實現(xiàn)。本文在實現(xiàn)交互設計工具之前,首先,在相關技術研究階段,對現(xiàn)有的交互設計及表示方法進行調研,并對UML活動圖和視覺詞匯繪制的頁面結構圖的融合方法進行了闡述;其次,在需求分析階段,本文對該交互設計工具的總體需求進行了分析,結合該工具的應用場景,并對后續(xù)所需實現(xiàn)的功能進行明確;在系統(tǒng)設計與實現(xiàn)階段,本文設計了該系統(tǒng)的分層架構,在此基礎上對系統(tǒng)的功能模塊進行了設計,分別從繪圖功能改進模塊、跳轉導航模塊、圖表本地比較模塊和自動生... 

【文章來源】：北京郵電大學北京市 211工程院校 教育部直屬院校

【文章頁數(shù)】：75 頁

【學位級別】：碩士

【部分圖文】：

圖２－１交互設計涉及學科??

鳥由良??圖２－２視覺詞匯繪制的頁面結構圖??圖２－２是一個具有樹形結構的靜態(tài)頁面結構閣，焯個珩形分別代衣＋?Ｍ的頁??面，將上面的頁面結構圖稍作處理，使其便于描述，處觀結果如下閣２－３所示??？?？?？?？??圖２－３視覺詞匯繪制的頁面結構圖的變換處理圖??由根節(jié)點出發(fā)，該節(jié)點擁有５個子樹，分別為：ＡＢＥ、ＡＢＦ、ＡＣ、ＡＤＧ、??ＡＤＨ。每個子樹代表了一組相關聯(lián)的頁而，，用戶／ｌＵＭｎＨＴ：何－纟丨〖相關聯(lián)的頁??面吋，必然伴隨著－系列用戶行為的產生，而被的這－組相義聯(lián)的貞而也可??以被理解為一系列用戶行為經(jīng)過時所依次打彡卩的頁丨ｆｌｌ＇次斤，Ｗ此，柯個了樹又可??以通過ＵＭＬ活動閣中的用戶行為經(jīng)過時所打）｜：的貞Ｉｆｌ丨次序米加以描述。??最終，圖２－２中的頁面結構圖可以被拆分為５個獨、Ｖ．的ＵＭＬ活動圖，１１這??５個獨立的活動圖＋僅能夠完整地體現(xiàn)貿面結構圖屮的ｉｌｕＭＵ級又系，也很好地??描述／結構圖中關聯(lián)貞面間的用戶行為。在拆分出來的沾動閣屮分別選収叫個來??進行展小？

ｇ??鳥由良??圖２－２視覺詞匯繪制的頁面結構圖??圖２－２是一個具有樹形結構的靜態(tài)頁面結構閣，焯個珩形分別代衣＋?Ｍ的頁??面，將上面的頁面結構圖稍作處理，使其便于描述，處觀結果如下閣２－３所示??？?？?？?？??圖２－３視覺詞匯繪制的頁面結構圖的變換處理圖??由根節(jié)點出發(fā)，該節(jié)點擁有５個子樹，分別為：ＡＢＥ、ＡＢＦ、ＡＣ、ＡＤＧ、??ＡＤＨ。每個子樹代表了一組相關聯(lián)的頁而，，用戶／ｌＵＭｎＨＴ：何－纟丨〖相關聯(lián)的頁??面吋，必然伴隨著－系列用戶行為的產生，而被的這－組相義聯(lián)的貞而也可??以被理解為一系列用戶行為經(jīng)過時所依次打彡卩的頁丨ｆｌｌ＇次斤，Ｗ此，柯個了樹又可??以通過ＵＭＬ活動閣中的用戶行為經(jīng)過時所打）｜：的貞Ｉｆｌ丨次序米加以描述。??最終，圖２－２中的頁面結構圖可以被拆分為５個獨、Ｖ．的ＵＭＬ活動圖，１１這??５個獨立的活動圖＋僅能夠完整地體現(xiàn)貿面結構圖屮的ｉｌｕＭＵ級又系

【參考文獻】：
期刊論文
[1]基于情境學習理論的計算機軟件學習研究——以Axure RP快速原型設計工具為例[J]. 金泓.  軟件導刊(教育技術). 2017(05)
[2]利用JSON降低XML數(shù)據(jù)冗余的研究[J]. 陳瑋,賈宗璞.  計算機應用與軟件. 2012(09)
[3]交互設計的發(fā)展現(xiàn)狀與趨勢[J]. 唐磊.  長春教育學院學報. 2012(04)
[4]基于開放式插件體系結構的Eclipse平臺及其應用[J]. 米天勝.  中國管理信息化(綜合版). 2007(12)
[5]Eclipse插件體系結構[J]. 陳剛.  程序員. 2005(06)
[6]文件比較軟件大比拼[J]. 小滔.  軟件. 2002(12)

碩士論文
[1]面向移動應用的產品設計工具服務器端的設計與實現(xiàn)[D]. 陳羽飛.北京郵電大學 2017
[2]面向移動應用的產品設計工具客戶端的設計與實現(xiàn)[D]. 覃士蘅.北京郵電大學 2017
[3]Android5.0環(huán)境下企業(yè)移動應用軟件的交互設計與實現(xiàn)[D]. 張一文.北京郵電大學 2016



本文編號：3379521