茅 潔，李 璇，張 葉，張 操

（1.武漢體育學(xué)院體育工程與信息技術(shù)學(xué)院，湖北 武漢 430079；2.武漢體育學(xué)院研究生院，湖北 武漢 430079）

隨著對(duì)移動(dòng)通信的要求從自由通話逐漸上升在4A場(chǎng)景下能隨時(shí)隨地地獲取信息，并隨著PON、WLAN、LTE等技術(shù)發(fā)展，人們對(duì)信息的需求越來越高，接入網(wǎng)絡(luò)日益寬帶化，移動(dòng)互聯(lián)網(wǎng)的發(fā)展內(nèi)容不斷從平面到立體等多種形式多方位發(fā)展，移動(dòng)網(wǎng)絡(luò)技術(shù)的不斷發(fā)展對(duì)終端軟硬件的技術(shù)要求不斷加大，推動(dòng)了以移動(dòng)手機(jī)為顯要代表的互聯(lián)網(wǎng)移動(dòng)端的移動(dòng)智能化趨勢(shì)逐漸開放開源。

以手機(jī)等移動(dòng)終端設(shè)備的應(yīng)用程序?yàn)榇淼囊苿?dòng)應(yīng)用。以Apple store為例，短短幾年內(nèi)下載量已突破250億。Andriod Market下載量已超過100億，總應(yīng)用數(shù)量超過80萬(wàn)。生活各個(gè)方面吃穿住行等隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展也突飛猛進(jìn)，也給我們的生活習(xí)慣以及生活方式帶來了飛速的發(fā)展和突飛猛進(jìn)的改變。未來互聯(lián)網(wǎng)方向發(fā)展的主要方向?qū)⑹情_源軟件特有的成本的低廉、性能優(yōu)化、體驗(yàn)良好、廣闊的可拓展性以及安全性。開發(fā)和設(shè)計(jì)移動(dòng)應(yīng)用要深入研究移動(dòng)用戶的社會(huì)心理、用戶習(xí)慣、思維模式、行為可行性等，我們要站在用戶的角度做設(shè)計(jì)，堅(jiān)持以用戶為中心的七大原則，將用戶體驗(yàn)不斷優(yōu)化，才能持續(xù)獲得用戶滿意度，基于用戶體驗(yàn)的UI界面設(shè)計(jì)以及用戶體驗(yàn)的優(yōu)化是當(dāng)務(wù)之急 。

移動(dòng)端產(chǎn)品使用范圍越來越廣，通過對(duì)UI界面設(shè)計(jì)的深入研究和優(yōu)化，不斷提高UI水平，讓產(chǎn)品更具有優(yōu)勢(shì)，并且能夠大幅提高用戶和交互體驗(yàn)。在國(guó)外設(shè)計(jì)領(lǐng)域，在 UI 的界面設(shè)計(jì)和用戶之間的關(guān)系方面有了一定的成果。UI設(shè)計(jì)由美國(guó)最先提出，后逐漸發(fā)展到全世界各地。UI潮流音量了電子界的美觀設(shè)計(jì)。國(guó)內(nèi)UI設(shè)計(jì)師數(shù)量很少，學(xué)術(shù)界相關(guān)的研究工作、人機(jī)交互技術(shù)研究、清華大學(xué)的可用性研究、中科院等心理學(xué)學(xué)校。自從UI設(shè)計(jì)引入中國(guó)風(fēng)靡世界后，引起了中國(guó)各大領(lǐng)域設(shè)計(jì)師的關(guān)注，無論是哪個(gè)領(lǐng)域，都能用到UI設(shè)計(jì)的理念和基礎(chǔ)，知名設(shè)計(jì)師開始出版書籍和教程，一度以來UI設(shè)計(jì)在2014年之后達(dá)到了中國(guó)UI設(shè)計(jì)的一個(gè)尖峰時(shí)刻，并保持幾年以來的巔峰時(shí)期，同時(shí)跟進(jìn)的幾大UI設(shè)計(jì)交流設(shè)計(jì)平臺(tái)也拔地而起，像站酷和優(yōu)設(shè)網(wǎng)更成為各大UI設(shè)計(jì)師長(zhǎng)此以往的交流平臺(tái)。

1 研究目的與內(nèi)容

基于界面用戶交互體驗(yàn)優(yōu)化的UI設(shè)計(jì)——“大學(xué)生體質(zhì)健康預(yù)測(cè)監(jiān)控專家系統(tǒng)”對(duì)UI界面的人性化設(shè)計(jì)以及用戶體驗(yàn)的優(yōu)化從構(gòu)建與風(fēng)格、UI設(shè)計(jì)原則、系統(tǒng)UI設(shè)計(jì)理念與方法、整體設(shè)計(jì)流程、實(shí)現(xiàn)及測(cè)試、發(fā)展趨勢(shì)等方面，進(jìn)行了系統(tǒng)深入的探索與呈現(xiàn)，同時(shí)對(duì)UI界面設(shè)計(jì)以及用戶體驗(yàn)的發(fā)展做出合理的展望。全文以UI界面設(shè)計(jì)的項(xiàng)目開發(fā)流程為主線，結(jié)合具體實(shí)際進(jìn)行項(xiàng)目的研究與開發(fā)，對(duì)UI界面設(shè)計(jì)提出了以用戶為中心、交互簡(jiǎn)易化、操作人性化、記憶負(fù)擔(dān)最小化的觀念，為UI界面設(shè)計(jì)提供了相應(yīng)的理論基礎(chǔ)與豐富的設(shè)計(jì)思路，從全面的角度去總結(jié)提高。

以大學(xué)生體質(zhì)健康預(yù)測(cè)監(jiān)控專家系統(tǒng)應(yīng)用為研究具體對(duì)象，選取大學(xué)生體質(zhì)健康預(yù)測(cè)監(jiān)控專家系統(tǒng)應(yīng)用，闡述了如何提高UI界面設(shè)計(jì)用戶體驗(yàn)度。并根據(jù)評(píng)估結(jié)果對(duì)大學(xué)生體質(zhì)健康預(yù)測(cè)監(jiān)控專家系統(tǒng)應(yīng)用作出相應(yīng)的UI界面設(shè)計(jì)優(yōu)化以及用戶體驗(yàn)度。

本研究將先通過文獻(xiàn)與調(diào)研比較近十年來關(guān)于普通大學(xué)生體質(zhì)健康數(shù)據(jù)的分析方法，及國(guó)內(nèi)外關(guān)于體質(zhì)健康測(cè)試研究的方法手段。對(duì)大學(xué)生體質(zhì)健康指標(biāo)進(jìn)行分析，選擇適應(yīng)該項(xiàng)研究的數(shù)據(jù)挖掘方法，及對(duì)該方法的可行性進(jìn)行分析。最終的目標(biāo)將是建立一套具有可預(yù)測(cè)性的、可作為大學(xué)生體質(zhì)健康數(shù)據(jù)挖掘應(yīng)用預(yù)測(cè)和監(jiān)控專家系統(tǒng)，并依托移動(dòng)端，實(shí)現(xiàn)移動(dòng)控制的作用。采用多種數(shù)據(jù)挖掘技術(shù)，其中包括BP神經(jīng)網(wǎng)絡(luò)、灰色關(guān)聯(lián)和灰色ART聚類等數(shù)據(jù)挖掘技術(shù)作為關(guān)鍵技術(shù)，在此基礎(chǔ)上還將研究出其他數(shù)據(jù)挖掘技術(shù)的可行性。

以普通大學(xué)生為例，根據(jù)大學(xué)生體質(zhì)健康指標(biāo)所反映的不同特性，所受到影響因素為實(shí)驗(yàn)數(shù)據(jù)，通過數(shù)據(jù)挖掘技術(shù)建立預(yù)測(cè)監(jiān)測(cè)專家系統(tǒng)，并采用移動(dòng)設(shè)備應(yīng)用形式。在該系統(tǒng)上大學(xué)生可以實(shí)時(shí)地、采用移動(dòng)設(shè)備，建立自己的體質(zhì)健康狀況，通過階段性監(jiān)測(cè)，根據(jù)一些影響因素，進(jìn)行有效地預(yù)測(cè)體質(zhì)健康狀況：

運(yùn)用影響體質(zhì)健康的因素作為數(shù)據(jù)完成專家系統(tǒng)研制，達(dá)到監(jiān)控大學(xué)生體質(zhì)健康狀況效果；采用數(shù)據(jù)挖掘技術(shù)達(dá)到系統(tǒng)化、科學(xué)化，智能化分析大學(xué)生體質(zhì)健康水平，起到預(yù)測(cè)大學(xué)生體質(zhì)健康狀況的作用；實(shí)現(xiàn)移動(dòng)健康預(yù)測(cè)和監(jiān)控系統(tǒng)，創(chuàng)造一種新興的應(yīng)用形勢(shì)。

2 研究結(jié)果

2.1 建立系統(tǒng)初步用戶模型

大學(xué)生體質(zhì)健康預(yù)測(cè)監(jiān)控專家系統(tǒng)是一個(gè)基于大學(xué)生平臺(tái)的的健康管家，首先對(duì)其功能有一個(gè)詳細(xì)的定位，大學(xué)生用戶進(jìn)行注冊(cè)和登錄，可以使用學(xué)號(hào)進(jìn)行注冊(cè)登錄或者是校園一卡通信息驗(yàn)證掃碼，然后進(jìn)行用戶信息的進(jìn)一步完善，功能分為兩大模塊，每年學(xué)生體質(zhì)測(cè)評(píng)信息的錄入與查詢，記步系統(tǒng)對(duì)大學(xué)生每日的體質(zhì)狀況進(jìn)行實(shí)時(shí)的監(jiān)控及預(yù)測(cè)，對(duì)此給出相應(yīng)的意見以及措施選擇，具體需求分析如圖1所示。大學(xué)生體質(zhì)健康預(yù)測(cè)監(jiān)控專家系統(tǒng)的直接用戶就是在校大學(xué)生，他們要做的就是將每年的體育檢測(cè)信息錄入和查詢，并實(shí)時(shí)監(jiān)控自己的體質(zhì)及記步的實(shí)現(xiàn)，系統(tǒng)會(huì)根據(jù)信息的顯示給出最合理的意見，讓大學(xué)生的體質(zhì)得到良好的改善。

2.2 系統(tǒng)的UI交互模型框架制作過程

2.2.1 手繪原型設(shè)計(jì) 定下需求和功能分析后進(jìn)行UI模型的制作和細(xì)化，優(yōu)先級(jí)高的功能需求位于流程定段，警醒功能流程設(shè)計(jì)，以用戶體驗(yàn)為原則，先進(jìn)性手繪，然后進(jìn)行電子原型設(shè)計(jì)。系統(tǒng)的功能與內(nèi)容之間關(guān)系，如圖2所示展現(xiàn)系統(tǒng)功能內(nèi)容模塊的布局研究次級(jí)框架結(jié)構(gòu)。

2.2.2 原型設(shè)計(jì)交互框架結(jié)構(gòu) 手繪出UI原型后，選擇幾個(gè)具有代表新過得原型進(jìn)行高保真原型制作，以此為基礎(chǔ)來制作高保真的原型，如圖3所示。

2.3 系統(tǒng)UI設(shè)計(jì)的實(shí)現(xiàn)

首先確定用戶需求，理出框架，手繪框架邏輯圖，再搭建邏輯模型圖，制作高保真UI設(shè)計(jì)圖，使用PS和AI制作平面素材及圖標(biāo)，使用AXURE和墨刀實(shí)現(xiàn)交互效果，進(jìn)行交互測(cè)試以及用戶體驗(yàn)優(yōu)化，最后利用平臺(tái)實(shí)現(xiàn)APP交互效果的演示，系統(tǒng)功能模塊內(nèi)容如圖4所示。

2.3.1 大學(xué)生體質(zhì)健康預(yù)測(cè)監(jiān)控專家系統(tǒng)的引導(dǎo)頁(yè)和登錄界面 引導(dǎo)頁(yè)起引導(dǎo)作用，使還未接觸過此APP的用戶對(duì)該APP的功能一目了然；登錄界面采用多種登陸方式，可以用學(xué)生證或者是下緣一卡通掃碼登錄，也可以通過第三方軟件，比如騰訊QQ、新浪微博、微信、推特以及臉書進(jìn)行登錄。

2.3.2 大學(xué)生體質(zhì)健康預(yù)測(cè)監(jiān)控專家系統(tǒng)的注冊(cè)和信息錄入界面 可以通過學(xué)號(hào)或者一卡通進(jìn)行注冊(cè)或者第三方注冊(cè)，個(gè)人信息的錄入，以及體質(zhì)監(jiān)測(cè)成績(jī)信息的錄入。

2.3.3 大學(xué)生體質(zhì)健康預(yù)測(cè)監(jiān)控專家系統(tǒng)的身體素質(zhì)綜合評(píng)分、建議和信息查詢頁(yè)面 通過錄入體質(zhì)監(jiān)測(cè)的成績(jī)得到相應(yīng)的等級(jí)和建議，可以看到每年的體質(zhì)變化的曲線圖，也可以按年或者月份進(jìn)行查看樹狀圖，根據(jù)身體健康素質(zhì)給出建議。

2.3.4 大學(xué)生體質(zhì)健康預(yù)測(cè)監(jiān)控專家系統(tǒng)的改善和建議、身體素質(zhì)測(cè)評(píng)界面 選擇你想改善的問題進(jìn)行改善，然后做七道選擇題為多選，選出符合自己狀態(tài)的答案，系統(tǒng)根據(jù)用戶做出的選擇題選項(xiàng)給出系統(tǒng)程序嵌入的相應(yīng)的建議。

2.3.5 大學(xué)生體質(zhì)健康預(yù)測(cè)監(jiān)控專家系統(tǒng)的改善計(jì)劃界面 根據(jù)用戶選項(xiàng)給出測(cè)試結(jié)果，分析其影響體質(zhì)健康的項(xiàng)目，并分別給出相應(yīng)改善建議。

2.3.6 大學(xué)生體質(zhì)健康預(yù)測(cè)監(jiān)控專家系統(tǒng)的建議模塊界面 根據(jù)用戶的體質(zhì)狀況給出合理建議，如藥膳、運(yùn)動(dòng)、茶飲，供用戶選擇，后期根據(jù)需求考慮接入商城，實(shí)現(xiàn)購(gòu)買功能。

2.3.7 大學(xué)生體質(zhì)健康預(yù)測(cè)監(jiān)控專家系統(tǒng)的根據(jù)體質(zhì)狀況選擇解決方式的界面和記步模塊界面 根據(jù)系統(tǒng)給出的各項(xiàng)建議選擇適合自己的進(jìn)行實(shí)施，由系統(tǒng)監(jiān)控，以實(shí)現(xiàn)良好體質(zhì)改善，記步系統(tǒng)給自己定下一個(gè)每天的走路步數(shù)目標(biāo)，每天由系統(tǒng)實(shí)時(shí)監(jiān)控實(shí)施，并給出相應(yīng)的天氣情況，設(shè)立目標(biāo)，評(píng)出等級(jí)計(jì)入體質(zhì)監(jiān)測(cè)系統(tǒng)。

3 結(jié)論與建議

3.1 結(jié) 論

基于界面用戶交互體驗(yàn)優(yōu)化的UI設(shè)計(jì)——“大學(xué)生體質(zhì)健康預(yù)測(cè)監(jiān)控專家系統(tǒng)”對(duì)UI 界面的人性化設(shè)計(jì)以及用戶體驗(yàn)的優(yōu)化從構(gòu)建與風(fēng)格優(yōu)化、UI設(shè)計(jì)原則及理念、設(shè)計(jì)方法應(yīng)用、設(shè)計(jì)流程優(yōu)化、具體實(shí)現(xiàn)及測(cè)試、未來發(fā)展趨勢(shì)等方面，進(jìn)行了系統(tǒng)深入的探索與呈現(xiàn)，同時(shí)對(duì)UI界面設(shè)計(jì)以及用戶體驗(yàn)的發(fā)展做出合理的展望。全文以UI界面設(shè)計(jì)的項(xiàng)目開發(fā)流程為主線，結(jié)合具體實(shí)際進(jìn)行項(xiàng)目的研究與開發(fā)，對(duì)UI界面設(shè)計(jì)提出了以用戶為中心、交互簡(jiǎn)易化、操作人性化、記憶負(fù)擔(dān)最小化的觀念，為UI界面設(shè)計(jì)提供了相應(yīng)的理論基礎(chǔ)與豐富的設(shè)計(jì)思路。首先確定用戶需求，理出框架，手繪框架邏輯圖，再搭建邏輯模型圖，制作高保真UI設(shè)計(jì)圖，使用PS和AI制作平面素材及圖標(biāo)，使用AXURE和墨刀實(shí)現(xiàn)交互效果，進(jìn)行交互測(cè)試以及用戶體驗(yàn)優(yōu)化，最后利用平臺(tái)實(shí)現(xiàn)APP交互效果的演示?！按髮W(xué)生體質(zhì)健康預(yù)測(cè)監(jiān)控專家系統(tǒng)”將對(duì)大學(xué)生的體質(zhì)健康帶來積極地影響，有效監(jiān)控預(yù)測(cè)大學(xué)生的體質(zhì)健康并提出相應(yīng)的意見，有利于大學(xué)生體質(zhì)健康的有益發(fā)展。

圖1 用戶需求

圖2 功能設(shè)計(jì)框架結(jié)構(gòu)

圖3 功能設(shè)計(jì)框架結(jié)構(gòu)

圖4 系統(tǒng)功能模塊

3.2 建 議

未來幾年的發(fā)展中，UI設(shè)計(jì)將成為一種流行趨勢(shì)，人們對(duì)界面友好以及交互體驗(yàn)的友好度的需求與日俱增，UI設(shè)計(jì)的風(fēng)格近幾年一直趕在扁平化的風(fēng)口浪尖，擬物效果的時(shí)代已過，處于扁平化和擬物化兩者之間的UI設(shè)計(jì)風(fēng)格將成為當(dāng)下大熱以及大勢(shì)所趨，UI設(shè)計(jì)近幾年來活躍于網(wǎng)站以及手機(jī)APP的應(yīng)用，隨著各類智能穿戴設(shè)備的普及應(yīng)用，如：Apple手表、智能手環(huán)、智能眼鏡，UI界面設(shè)計(jì)將會(huì)逐漸移步到這些逐日流行起來的隨身移動(dòng)端上，會(huì)再次得到體現(xiàn)，未來UI界面設(shè)計(jì)也可能與虛擬現(xiàn)實(shí)的3D立體游戲相結(jié)合。隨著人們對(duì)人機(jī)關(guān)系的進(jìn)一步認(rèn)識(shí)，以用戶為中心的UI設(shè)計(jì)將會(huì)被進(jìn)一步落實(shí)，UI界面的設(shè)計(jì)也會(huì)越來越趨向于自然化，人性化，友好化以及智能化，真正達(dá)到最終用戶體驗(yàn)就像界面不存在一樣的流暢性和易用性。

[ 1 ] 曲昭偉.基于下一代移動(dòng)互聯(lián)網(wǎng)客戶的服務(wù)質(zhì)量管理研究[ D ].北京：北京郵電大學(xué)，2006.

[ 2 ] 劉淵.互聯(lián)網(wǎng)信息服務(wù)理論與實(shí)證[ M ].北京：科學(xué)出版社，2007.

[ 3 ] 鄭蘭，程鵬.移動(dòng)互聯(lián)網(wǎng)——2011 年最值得關(guān)注的100個(gè)應(yīng)用程序[ M ].北京：清華大學(xué)出版社，2011.

[ 4 ] 張傳福，劉麗麗，盧輝斌，等.移動(dòng)互聯(lián)網(wǎng)技術(shù)及業(yè)務(wù)[ M ].北京：電子工業(yè)出版社，2012.

[ 5 ] 高邦仁，王煜全.流動(dòng)的世界—奔向移動(dòng)互聯(lián)網(wǎng)時(shí)代的生活[ M ].北京：清華大學(xué)出版社，2010.