淺談移動應(yīng)用軟件操作界面中的交互設(shè)計

蔡偉

摘 要：近年來，移動終端設(shè)備的快速發(fā)展為人們的生活、工作帶來了極大的便利，相應(yīng)的移動應(yīng)用軟件設(shè)計和開發(fā)也日益受到廣泛的關(guān)注。狹義地說，移動應(yīng)用軟件的功能基本是圍繞交互展開的，在相應(yīng)的軟件操作界面設(shè)計上，除了滿足一定的功能需求之外，還要符合以人為本的理念，通過科學(xué)的設(shè)計理念和表達(dá)形式，更好地突出內(nèi)容的傳播功能，在有限的展示空間內(nèi)實現(xiàn)更合理的操作。本文將結(jié)合移動終端的應(yīng)用軟件操作界面設(shè)計進(jìn)行研究，并提出相應(yīng)的方案。

關(guān)鍵詞：移動終端；應(yīng)用軟件；操作界面；交互設(shè)計

移動應(yīng)用軟件界面的設(shè)計是以移動終端為基礎(chǔ)展開的，在設(shè)計的過程中需要做好前期的規(guī)劃工作，即原型圖的準(zhǔn)備。同時，軟件界面設(shè)計不僅僅是形象的表達(dá)，而且需要支持硬件環(huán)境以及現(xiàn)實需求，可以通過手繪的方式實現(xiàn)原型圖的構(gòu)建，進(jìn)而移植到設(shè)計軟件層面，具體工作包括著色、風(fēng)格等內(nèi)容，切圖工作則是與軟件開發(fā)人員共同完成的。

1 移動應(yīng)用軟件操作界面交互設(shè)計概述

移動終端的快速發(fā)展改變了人類的生活，以智能手機(jī)為代表的終端產(chǎn)品同時也刺激了相應(yīng)軟件平臺的發(fā)展。事實上，人類對移動設(shè)備的依賴已經(jīng)越來越強(qiáng)，以智能手機(jī)為例，它不僅是生活、學(xué)習(xí)的必備品，甚至使用智能手機(jī)已經(jīng)成為一種生活習(xí)慣。通過移動設(shè)備可以在上網(wǎng)及時了解信息，隨時娛樂休閑，比傳統(tǒng)的有線網(wǎng)絡(luò)具有更大的便捷性，而要實現(xiàn)這些功能，基于移動終端的軟件產(chǎn)品是不可或缺的。目前，市場上已經(jīng)存在大量的APP應(yīng)用，這些軟件產(chǎn)品要實現(xiàn)功能，其中一個最主要的問題就是展開軟件界面的交互設(shè)計。

主流的移動設(shè)備操作系統(tǒng)，如安卓、iOS等，為軟件界面設(shè)計提供了很好的技術(shù)平臺。交互設(shè)計的目的是更加實用、易用，實現(xiàn)傳統(tǒng)文字、語音的交互創(chuàng)新和擴(kuò)充。對電腦、電視等設(shè)備來說，移動終端設(shè)備的特點是小巧、便捷，但這同時也是它的局限性。由于設(shè)備較小，在功能方面的限制就多，通常只有一個顯示屏幕，通過輸入機(jī)制來實現(xiàn)信息的訪問；雖然在智能手機(jī)的應(yīng)用中基本實現(xiàn)了觸屏方式，可以大大解決傳統(tǒng)手機(jī)鍵盤的空間，但這并沒有本質(zhì)上的變化；移動應(yīng)用軟件操作界面的交互設(shè)計更關(guān)注內(nèi)容和內(nèi)涵的研究，而不僅是形式的變化；界面設(shè)計被稱為“UI設(shè)計”，UI設(shè)計是一種基于信息技術(shù)發(fā)展的生產(chǎn)形式，旨在通過改變?nèi)藱C(jī)交互、操作邏輯和界面美觀等內(nèi)容之間的融合，促使軟件變得更加人性化、個性化。

2 移動應(yīng)用軟件操作界面交互設(shè)計的原則

2.1 內(nèi)容優(yōu)先原則

移動應(yīng)用軟件在早期的交互頁面設(shè)計中缺乏合理性，甚至將網(wǎng)頁內(nèi)容直接轉(zhuǎn)移到移動終端。很明顯，對智能手機(jī)等移動終端來說，這種方式很難發(fā)揮交互功能?；凇耙苿有浴钡男枨螅苿咏K端設(shè)備的尺寸都不大，因此界面交互設(shè)計應(yīng)以內(nèi)容為核心。

內(nèi)容是用戶的基本需求。事實上，移動終端軟件的全部功能都是以內(nèi)容為基礎(chǔ)展開的，交互的目的同樣是為了實現(xiàn)內(nèi)容的獲取。為了更好地利用屏幕資源，對傳統(tǒng)網(wǎng)頁形式進(jìn)行生搬硬套的移植是不可取的，在移動應(yīng)用交互設(shè)計的過程中需要對內(nèi)容呈現(xiàn)的方式、途徑等進(jìn)行重新組合。內(nèi)容優(yōu)先，簡單地說就是以用戶熟悉的維度來組織內(nèi)容展示，這樣既可以保障用戶習(xí)慣應(yīng)用的延續(xù)，又可以提高效率，更快、更方便地找到目標(biāo)。基于此，在設(shè)計中要盡量減少與內(nèi)容無關(guān)的要素，如精簡導(dǎo)航、裝飾等，促使內(nèi)容更加簡潔。

2.2 觸摸基礎(chǔ)原則

在傳統(tǒng)的計算機(jī)操作范圍，交互主要是通過鼠標(biāo)和鍵盤來完成的，而在移動終端設(shè)備中這種方式不具備基本條件，主要依賴于手指的操作。而結(jié)合當(dāng)前移動終端發(fā)展的現(xiàn)狀，觸摸屏已經(jīng)成為基本形式，手勢操作的適應(yīng)性優(yōu)劣直接影響了交互的自然性、靈活性，但同時也存在一定的缺陷，如識別較差、操作精度不高等。因此，在移動終端軟件交互設(shè)計的過程中應(yīng)重點結(jié)合觸摸功能展開，以信息架構(gòu)為基礎(chǔ)，以功能實現(xiàn)為目的，建立起手勢交互規(guī)范?；谝苿討?yīng)用的軟件交互設(shè)計提出了一個全新的設(shè)計概念，即“手勢交互規(guī)范”，它研究的主要是實現(xiàn)統(tǒng)一性（功能實現(xiàn)方面），使用戶在任何移動終端軟件操作界面上不需要額外學(xué)習(xí)，都可以自主正確地催生手勢，并實現(xiàn)交互的功能。很顯然，手勢教育本身并不是硬性規(guī)定的，而是通過軟件操作界面交互設(shè)計的形式來“限制”的。

例如，移動應(yīng)用軟件操作界面中的導(dǎo)航菜單，為了實現(xiàn)屏幕資源的最佳利用需要進(jìn)行隱藏，手勢向下滑動或點擊，層級導(dǎo)航出現(xiàn)，向上滑動，菜單收回。另外，如刪除操作，通過簡單的“拖動”形式到達(dá)一定的功能區(qū)域，具有一定的形象性。

2.3 易學(xué)易用原則

作為最典型的移動終端設(shè)備，智能手機(jī)已經(jīng)成為人人必備的通信工具。移動終端產(chǎn)品不僅具有簡單的電話功能，而且在日常學(xué)習(xí)、工作中給人們帶來了很大的便利，如各類APP軟件的開發(fā)，使人們擺脫了室內(nèi)空間的限制，可以在戶外進(jìn)行同等效果的操作。但是相應(yīng)的，基于其先進(jìn)性，目前大部分智能移動終端都被視為年輕人的玩具，依然有在操作方面存在困難的人群。事實上，對移動應(yīng)用產(chǎn)品而言，在操作界面的交互設(shè)計上提倡的是簡單、直接的操作形式，能減少操作步驟就要盡量減少，更加突出地彰顯產(chǎn)品的目標(biāo)和價值，使用戶在不需要看任何使用手冊、使用說明的前提下，通過嘗試摸索就能快速上手。實現(xiàn)易學(xué)、易用原則的前提，就是保障導(dǎo)航設(shè)計的清晰、明確和便于理解，簡單地說，就是功能越簡單，軟件操作界面交互性的優(yōu)勢就越突出。

3 移動應(yīng)用軟件操作界面交互設(shè)計的方案

3.1 原型圖設(shè)計

原型圖，即移動應(yīng)用軟件操作界面設(shè)計的框架圖，是對一個產(chǎn)品的可視化呈現(xiàn)，在設(shè)計工作中展示出作品的功能、內(nèi)容、架構(gòu)和交互方式，其中交互內(nèi)容的設(shè)計是聯(lián)系其他部分的紐帶。原型圖是一種設(shè)想，前期來說與功能設(shè)計沒有太多的聯(lián)系，甚至只是一種風(fēng)格或者色彩。通過原型圖來征求意見，然后針對選擇方案進(jìn)行分析，最后設(shè)計人員和程序人員要相互配合，將視覺和功能展開統(tǒng)一。

原型圖設(shè)計中可以使用手繪和鼠繪兩種形式。專業(yè)的設(shè)計人員根據(jù)需求確定紙質(zhì)原型，分解各部分的功能內(nèi)容和特點，之后可以利用PS、fireworks、visio等工具進(jìn)行切圖。其中，紙張的原型圖便于修改和繪制，能夠很好地發(fā)揮創(chuàng)意作用，實現(xiàn)設(shè)計原型、示意圖等功能，但相對地在應(yīng)用和保存上存在缺陷。而低保真原型是通過制作軟件實現(xiàn)的設(shè)計稿，具有示意明確的特點，能夠很好地實現(xiàn)交互和反饋；高保真原型則是通過概念設(shè)計展示對象，在視覺上實現(xiàn)了實際產(chǎn)品的等效設(shè)計，具有很強(qiáng)的真實感，在很大程度上體現(xiàn)了設(shè)計師的審美能力以及技術(shù)人員交互實現(xiàn)的能力。

3.2 視覺效果設(shè)計

視覺效果設(shè)計，即對移動應(yīng)用軟件界面的最終靜態(tài)設(shè)計圖。雖然存在一定的概念特征，但其功能方面的結(jié)合基本完成。從功能角度來說，視覺設(shè)計并不是設(shè)計層面的進(jìn)一步渲染和夸張，而是實現(xiàn)層面的有效展示，促使更加直觀和易懂功能的發(fā)揮，高度模擬了真實的操作和交互，設(shè)計者基于這一情況來驗證用戶的感受。

結(jié)合當(dāng)前主流的移動終端應(yīng)用軟件，操作界面與操作系統(tǒng)必須相適應(yīng)，如安卓系統(tǒng)、iOS系統(tǒng)等。不同的操作系統(tǒng)部分構(gòu)成了獨具特色的視覺設(shè)計層次，主要有以下幾種類型。

第一，交互意圖。在設(shè)計過程中，設(shè)計師能否理解交互功能的內(nèi)在本質(zhì)，會影響交互意圖的側(cè)重和表達(dá)，需要參照目標(biāo)群體心理模型以及交流形態(tài)展開設(shè)計。

第二，布局設(shè)計。移動應(yīng)用軟件操作界面中的版面布局規(guī)范十分重要，這是由于在有限的屏幕空間中實現(xiàn)交互功能更多的是以按鈕交互的形式展開的。如果布局設(shè)計存在欠缺，很容易導(dǎo)致層次感的誤差，在整體視覺感受上有凌亂的感覺。

第三，信噪比?；诮换シ矫娴男枨笤O(shè)計，整個操作界面要滿足清晰、整潔、有序的特征，減少雜亂信息帶來的干擾，有效突出信息的實用性。

第四，字體與色彩。字體和色彩是最具有表現(xiàn)力的元素。字體主要包括樣式和顏色，而色彩則表示的是整個頁面的風(fēng)格和基調(diào)。無論是色彩還是字體，在形式變化上都不要超過3種，這樣才能確保主體內(nèi)容被有效識別。

除此之外，在整個設(shè)計中也要把握相關(guān)元素的使用，突出“畫龍點睛”的作用即可，而不能“畫蛇添足”，如在頁面中具有裝飾性質(zhì)的內(nèi)容，要嚴(yán)格控制數(shù)量、內(nèi)容和風(fēng)格，不能與主體框架產(chǎn)生沖突。

4 移動應(yīng)用軟件操作界面交互設(shè)計的發(fā)展趨勢

移動終端的功能實現(xiàn)依賴于操作界面的交互設(shè)計，而內(nèi)容的獲取則依賴于移動終端網(wǎng)絡(luò)。移動互聯(lián)網(wǎng)的發(fā)展極大地豐富了人們的生活，而不僅僅是移動終端內(nèi)置程序呈現(xiàn)的交互。因此，基于移動互聯(lián)網(wǎng)展開移動應(yīng)用軟件操作界面的交互設(shè)計，將是未來一個重要的發(fā)展趨勢。具體來說，主要包括如下2個方面。

第一，平滑特效。所謂“平滑特效”，就是一種平滑無縫的用戶體驗。應(yīng)用程序交互功能的介入可以實現(xiàn)頁面的切換、放大、縮小、滑動更加出色；事實上，“滑動”已經(jīng)成為現(xiàn)代移動應(yīng)用軟件操作界面的主流“手勢”，具有很大的開發(fā)空間。

第二，數(shù)據(jù)可視化。隨著越來越多移動終端產(chǎn)品的出現(xiàn)，移動終端產(chǎn)品的功能也日漸統(tǒng)一起來。以智能手機(jī)為例，其發(fā)展軌跡就是在不斷兼容其他領(lǐng)域設(shè)備的功能，并轉(zhuǎn)化為自身適應(yīng)的標(biāo)準(zhǔn)。無論是哪一種操作系統(tǒng)，在設(shè)計界面上的特征也越發(fā)趨同，而相應(yīng)地促進(jìn)數(shù)據(jù)的可視化就成為一個重要的趨勢。數(shù)據(jù)可視化的一個特征就是表現(xiàn)力豐富，除了簡單的數(shù)據(jù)表達(dá)形式之外，還包括圖像、動畫、數(shù)學(xué)公式等，可以更加輕松、快捷地獲取。

5 結(jié)束語

總的來說，移動終端的應(yīng)用將成為現(xiàn)代社會的一個主流趨勢，這也意味著移動應(yīng)用軟件交互界面設(shè)計的發(fā)展空間更大。同時，雖然移動終端設(shè)備及移動應(yīng)用軟件的功能不可能完全替代常規(guī)的電子設(shè)備，但是實現(xiàn)了信息技術(shù)功能領(lǐng)域的細(xì)分。在設(shè)計的過程中，應(yīng)該確保實用性、便捷性、合理性，遵循人性化的設(shè)計原則，逐步設(shè)計出一套移動應(yīng)用軟件交互設(shè)計的開發(fā)框架，在滿足視覺要求的同時，發(fā)揮更好的交互功能，提高用戶的體驗度。

參考文獻(xiàn)

[1]羅仕鑒，朱上上，應(yīng)放天，等.手機(jī)界面中基于情境的用戶體驗設(shè)計[J].計算機(jī)集成制造系統(tǒng)，2010，（2）：239-248.

[2]顧立平.個性化交互設(shè)計的研究綜述[J].現(xiàn)代圖書情報技術(shù)，2010，（11）：10-16.

[3]孫鵬.基于觸控手勢操作的情境界面[J].包裝工程，2014，（8）：96-100.

[4]孫辛欣.基于移動終端應(yīng)用軟件的動態(tài)交互設(shè)計研究[J].包裝工程，2014，（22）：32-36.

[5]王晶，李亦芒.手持移動設(shè)備中基于手勢的界面交互方式研究[J].藝術(shù)與設(shè)計（理論），2008，（2）：148-150.

[6]姬洪瑜，韓靜華.扁平化設(shè)計在交互設(shè)計中的應(yīng)用[J].包裝工程，2015，（12）：91-94.

[7]吳儉濤，李蒙曉，王之苑.移動應(yīng)用界面中動效設(shè)計的運(yùn)用與探究[J].藝術(shù)與設(shè)計（理論），2015，（9）：40-42.

[8]楊煥，陳星海.移動應(yīng)用界面的觸控微交互體驗設(shè)計研究[J].藝術(shù)教育，2015，（12）：250-251.