淺談移動應用軟件操作界面中的交互設計

蔡偉

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

關鍵詞：移動終端；應用軟件；操作界面；交互設計

移動應用軟件界面的設計是以移動終端為基礎展開的，在設計的過程中需要做好前期的規劃工作，即原型圖的準備。同時，軟件界面設計不僅僅是形象的表達，而且需要支持硬件環境以及現實需求，可以通過手繪的方式實現原型圖的構建，進而移植到設計軟件層面，具體工作包括著色、風格等內容，切圖工作則是與軟件開發人員共同完成的。

1 移動應用軟件操作界面交互設計概述

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

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

2 移動應用軟件操作界面交互設計的原則

2.1 內容優先原則

移動應用軟件在早期的交互頁面設計中缺乏合理性，甚至將網頁內容直接轉移到移動終端。很明顯，對智能手機等移動終端來說，這種方式很難發揮交互功能。基于“移動性”的需求，移動終端設備的尺寸都不大，因此界面交互設計應以內容為核心。

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

2.2 觸摸基礎原則

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

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

2.3 易學易用原則

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

3 移動應用軟件操作界面交互設計的方案

3.1 原型圖設計

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

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

3.2 視覺效果設計

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

結合當前主流的移動終端應用軟件，操作界面與操作系統必須相適應，如安卓系統、iOS系統等。不同的操作系統部分構成了獨具特色的視覺設計層次，主要有以下幾種類型。

第一，交互意圖。在設計過程中，設計師能否理解交互功能的內在本質，會影響交互意圖的側重和表達，需要參照目標群體心理模型以及交流形態展開設計。

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

第三，信噪比。基于交互方面的需求設計，整個操作界面要滿足清晰、整潔、有序的特征，減少雜亂信息帶來的干擾，有效突出信息的實用性。

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

除此之外，在整個設計中也要把握相關元素的使用，突出“畫龍點睛”的作用即可，而不能“畫蛇添足”，如在頁面中具有裝飾性質的內容，要嚴格控制數量、內容和風格，不能與主體框架產生沖突。

4 移動應用軟件操作界面交互設計的發展趨勢

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

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

第二，數據可視化。隨著越來越多移動終端產品的出現，移動終端產品的功能也日漸統一起來。以智能手機為例，其發展軌跡就是在不斷兼容其他領域設備的功能，并轉化為自身適應的標準。無論是哪一種操作系統，在設計界面上的特征也越發趨同，而相應地促進數據的可視化就成為一個重要的趨勢。數據可視化的一個特征就是表現力豐富，除了簡單的數據表達形式之外，還包括圖像、動畫、數學公式等，可以更加輕松、快捷地獲取。

5 結束語

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

參考文獻

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

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

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

[4]孫辛欣.基于移動終端應用軟件的動態交互設計研究[J].包裝工程，2014，（22）：32-36.

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

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

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

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