基于抽象設(shè)備的移動用戶界面設(shè)計

張璟雷

摘要：文本根據(jù)以往工作經(jīng)驗，對抽象設(shè)備的移動用戶界面設(shè)計相關(guān)工作進(jìn)行總結(jié)，并從抽象設(shè)備模型設(shè)計、抽象用戶界面設(shè)計兩方面以及案例分析，論述了抽象設(shè)備的移動用戶界面設(shè)計的具體方式。

關(guān)鍵詞：抽象設(shè)備；移動用戶；界面設(shè)計

中圖分類號：TP311 文獻(xiàn)標(biāo)識碼：A 文章編號：1007-9416（2017）11-0148-02

隨著我國進(jìn)入電子信息時代，移動設(shè)備數(shù)量和種類急劇上升，由于不同的移動設(shè)備的輸出和輸入能力不同，導(dǎo)致其很多功能在使用上也存在不同之處。但在這些不同類型的移動設(shè)備進(jìn)入市場之后，確實滿足了人們在各個方面的計算需求，同時也引發(fā)出更多的思考。一直以來，移動用戶界面開發(fā)難得問題始終困擾著人們，如何利用抽象設(shè)備將界面映射出來，以成為相關(guān)領(lǐng)域中重點解決項目。

1 移動用戶界面設(shè)計中的相關(guān)工作介紹

在人類早期研究中，開發(fā)出了很多框架，試圖將移動界面中的重要部分進(jìn)行獲取。通過實踐研究，外國學(xué)者卡梅隆根據(jù)框架的多目標(biāo)支持以及上下文的模型界面，成功開發(fā)出移動用戶界面統(tǒng)一框架。該界面將抽象設(shè)備分為四個層次：第一層為任務(wù)和概念層，主要是對實現(xiàn)用戶目標(biāo)而需要執(zhí)行的任務(wù)對象。第二層為抽象用戶界面層，主要描述在工作過程中與交互通道無關(guān)的界面邏輯邏輯。第三層為具體用戶界面層，主要對與平臺無關(guān)的界面進(jìn)行詳細(xì)描述。第四層為最終用戶界面層，主要進(jìn)行具體設(shè)備平臺中的臨界代碼描述。截止到目前，抽象用戶界面幾乎可以完美的將設(shè)計邏輯呈現(xiàn)出來，主要還是依靠MBUID方法的研究。在用戶界面變壓器設(shè)計過程中，卡梅隆參考了框架對其進(jìn)行合理修改，在抽象用戶界面模型中加入了更多設(shè)計，將原來的四個層次變化成五個層次。盡管在描述上改變了設(shè)計方式，但并未將抽象界面描述統(tǒng)一。因此，很多人在卡梅隆的研究基礎(chǔ)上做進(jìn)一步深入，其中SFAU框架取得的成績較為明顯[1]。

2 什么是SFAU框架

在交互式移動界面項目開發(fā)過程中，設(shè)計人員必須考慮到界面的功能性和可用性。在這其中，功能性主要指設(shè)計人員站在用戶角度，更加深入的實現(xiàn)用戶目標(biāo)，同時賦予減免更強(qiáng)大的交互功能。而可用性則代表著設(shè)備以及平臺的可用性，在界面設(shè)計中應(yīng)該與輸入輸出特征相結(jié)合。在最初設(shè)計階段中，框架輸入來源主要是任務(wù)模型和領(lǐng)域模型。另外，SFAU框架主要利用CTT來分發(fā)任務(wù)，促使用戶在使用過程中完成相應(yīng)任務(wù)。在抽象用戶界面層設(shè)計中，首先要對移動設(shè)備的控制以及通信等特征進(jìn)行有效提取，對抽象設(shè)備的定義進(jìn)行合理總結(jié)，并通過定義和標(biāo)準(zhǔn)，最終生成統(tǒng)一的界面描述，實現(xiàn)設(shè)備在使用過程中的多次運行目的。在SFAU框架中，界面功能體驗是設(shè)計階段的核心內(nèi)容，尤其是在可用性方面，必須具備與設(shè)備平臺相對應(yīng)的主要變量因素。設(shè)計者通過對功能和可用性的劃分，可實現(xiàn)對界面的統(tǒng)一設(shè)計，實現(xiàn)模型的簡化應(yīng)用。

3 抽象設(shè)備的移動用戶界面設(shè)計的具體方式

3.1 抽象設(shè)備的模型設(shè)計

為了給抽象用戶界面描述提供支持，方便用戶在各個階段中進(jìn)行設(shè)備轉(zhuǎn)換，本文根據(jù)SFAU框架提出了抽象設(shè)備的基本概念。首先，抽象設(shè)備主要指利用抽象層為用戶提供一個抽象界面的統(tǒng)一定義，讓抽象界面可以按照一個統(tǒng)一標(biāo)準(zhǔn)進(jìn)行邏輯設(shè)備規(guī)范。相對于物理設(shè)備而言，用戶界面更具有可讀性。

在抽象呈現(xiàn)構(gòu)件上，主要是站在功能性角度對抽象元素以及其中各個構(gòu)件之間的關(guān)系進(jìn)行描述，包括元素與元素之間的關(guān)系，還可以為抽象用戶界面提供一定的約束力。另外，抽象元素包含了很多元素名稱，主要有name、actived等，而抽象關(guān)系則是通過任務(wù)領(lǐng)域或?qū)ο笾g的聯(lián)系，對不同功能的Elem之間結(jié)構(gòu)關(guān)系進(jìn)行表示。利用這種通信機(jī)制，可實現(xiàn)對界面各個功能單元的掃描處理。一旦將功能單元之下的Elem激活，便能迅速實施處理步驟。最后，根據(jù)控制器當(dāng)中的Action和 Event，可以實現(xiàn)對下個功能的迅速執(zhí)行，將消息傳遞界面的狀態(tài)進(jìn)行合理改變。

3.2 抽象用戶界面的表示

在一般的移動用戶界面中，主要以靜態(tài)組織為主，可以利用擴(kuò)展的語言對界面進(jìn)行重組和建模。在抽象界面中，主要以描述界面功能為主，一個抽象界面應(yīng)該由一個或者幾個交互功能關(guān)系來進(jìn)行構(gòu)成工作。根據(jù)抽象設(shè)備的定義，設(shè)計者們可以對設(shè)備構(gòu)件定義進(jìn)行合理總結(jié)，對用戶界面進(jìn)行全新描述。另外，在抽象界面設(shè)計過程中，抽象元素以及與其相關(guān)的抽象動作，均含有不同的屬相定義，這為界面的正常通信和狀態(tài)轉(zhuǎn)移提供了有力支撐。

3.3 案例分析

為了驗證該抽象用戶界面模型建立的可行性，本文通過對郵件系統(tǒng)的設(shè)計來進(jìn)行驗證。如圖1所示，分別將CTT任務(wù)圖和領(lǐng)域以圖的形式，對郵件系統(tǒng)的寫信和收信功能利用展示出來，在獲得任務(wù)之后，對領(lǐng)域?qū)ο蠛徒换ト蝿?wù)之間的聯(lián)系進(jìn)行有效表示。

3.3.1 郵件系統(tǒng)抽象用戶界面的實現(xiàn)方法

根據(jù)上文提出的抽象設(shè)備移動用戶界面的設(shè)計方案，可實現(xiàn)對郵件系統(tǒng)以及任務(wù)模型、領(lǐng)域模型的適當(dāng)分析，最終將抽象用戶界面中的代碼表示出來。在這其中，包括了寫信過程中的抽象界面單元以及收信過程中的抽象界面單元[2]。

3.3.2 郵件系統(tǒng)最終界面實現(xiàn)

在抽象用戶界面中的用戶界面轉(zhuǎn)換過程中，如果可以將物理設(shè)備中的通道特征總結(jié)出來，便可以將單元之內(nèi)的抽象元素映射到具體的設(shè)備上，并最終轉(zhuǎn)移到用戶界面之中。而在具體的抽象用戶界面轉(zhuǎn)換過程中，可對平臺特征進(jìn)行合理描述，實現(xiàn)界面元素交互風(fēng)格的合理映射。當(dāng)具體到用戶界面以及界面轉(zhuǎn)換過程中，需要對平臺特征進(jìn)行進(jìn)一步考慮，而界面元素所映射出來的風(fēng)格控制，經(jīng)過特定設(shè)計之后才能投入使用。

4 結(jié)語

綜上所述，通過對抽象設(shè)備界面設(shè)計的深入研究，可以對目前大量移動設(shè)備的多樣性進(jìn)行合理統(tǒng)一，為設(shè)計階段中的用戶界面描述提供有效支持。在抽象設(shè)備移動用戶界面統(tǒng)一描述過程中，界面設(shè)計人員可通過框架模型，對界面進(jìn)行“一次設(shè)計，多次實現(xiàn)”的長遠(yuǎn)設(shè)計。實踐證明，該界面設(shè)計方式在保證可行性的同時，降低了用戶操作難度，同時賦予界面更多的自動化程度。

參考文獻(xiàn)

[1]明均仁，張俊.高校移動圖書館APP用戶滿意度影響因素研究[J/OL].圖書館論壇，2018：1-10.

[2]吳燁.面向用戶體驗的手持移動設(shè)備軟件界面設(shè)計的探究[J].工業(yè)設(shè)計，2015，（11）：95-96.

Abstract：The text summarizes the related work of mobile user interface design of abstract devices based on past work experience. From the aspects of abstract device model design， abstract user interface design， and case analysis， the paper discusses the specific methods of mobile user interface design for abstract devices .

Key Words：abstract device； mobile user； interface designendprint