基于用戶交互式體驗下的APP版式設計研究

楊帆

摘 要：在現代移動3G網絡技術趨向成熟的今天，以APP為核心的商業環境也逐漸凸顯而出，經過策略設計方案與用戶實際體驗的完善，整個技術的操作技巧、流程模式得到了不斷的改進與創新。作為當前最新的媒介，移動通信設備儼然已經成為人們生活、交流、娛樂等方方面面中不可獲取的重要工具。本文詳細地闡述了APP設計中用戶體驗的分類與層次，并對APP設計的要素及流程進行了系統的分析與探究。

關鍵詞：APP；用戶體驗；設計

隨著通信技術的日益成熟，3G網絡的普及，將互聯網IT業推向了第三個高峰——“移動互聯網的蓬勃發展”。移動互聯網設備無疑成為了這一時代的寵兒。比較著名的應用商店有蘋果的APP Store，谷歌的Google Play Store，安智市場，還有黑莓用戶的BlackBerry APP World，微軟的Marketplace等。APP的數字技術能與用戶建立一種連接并發生互動，使用戶可以通過觸摸或滑動界面來自主性的瀏覽信息。而新媒介界面展現給用戶的其實就是傳統物理媒介中紙張、圖文、信息的數字化表現，這種數字化的表現拓展了版式的內涵和外延，并給版式設計提供了新的契機。

那么，如何設計出一個優秀的APP呢？這一直以來都是視覺計師和用戶體驗設計師思考的問題。在APP Store中不難看出，一個成功的APP無論從優雅的界面視覺設計上還是從流暢的、標準化的交互流程上都具有絕對的競爭力。他能很好地將其兩者進行結合，當然目前來說這種設計還是少數，或者會所還不成熟，大多的APP總會給人造成一種視覺混亂，他不僅沒有一個良好的視覺感受，更體現不出交互式的便利。所以我們可以說缺少視覺感的APP界而就像沒有裝修的毛坯房，雖然實用但是缺乏視覺上的舒適感、趣味性和形式戈，同樣，缺乏用戶體驗的APP界面雖然裝飾華麗，但是功能選擇混亂，缺乏基本的流暢性，運行速度緩慢。用戶在使用過程中常常會因此類問題困惑不已，摸著頭腦。所以說無論是缺乏視覺設計和用戶體驗設計的APP都不能滿足用戶的使用需求。

在這個信息爆炸的“讀圖時代”，人們每天都要通過廣泛的途徑接受龐大的信息，并用大量的精力來處理這些紛繁復雜的信息。只有堅持走版式設計的數字化道路并且不斷地進行探索與創新，才能幫我們排除糟粕，加速我們對信息精華部分的理解和吸收。

智能手機無疑是這一時代的寵兒，未來它也將不斷給我們帶來無限可能和驚喜。出色的移動互聯網應用程序（APP）都有著類似的相同點：以優雅的視覺設計，流暢的使用流程滿足著用戶的需要。然而在現今的APP設計中，很多都以千奇百怪的方式呈現在我們面前，混亂的功能選擇、流暢性的缺乏、過度的設計、沒有標準的交互、速度緩慢、讓消費者像丈二的和尚摸不著頭腦。針對這些問題，作者將APP界面設計的實踐（“Pronto”的外賣APP界面）結合相關理論知識，為APP應用程序界面設計提供值得參考的有效建議，設計出令客戶青睞的既美觀實用、又操作便捷的APP界面。來驗證本次研究的實踐意義。

先來看看目前國內APP市場及其版設計的現狀：

現狀一：開發容易，推廣難。一般的APP需求通過技術手段都很容易的實現，但很多人把推廣工作簡單地看做“上傳安卓或蘋果應用市場”就萬事大吉了。而漢風科技認為最有效的推廣就是多方面運營推廣方案同步執行，多方面對比，最后在一定時間內做個投入產出比的結果，才能找到轉化率最好的推廣渠道，進去長期大量的投放。總結看來，病毒式推廣是最有效的模式。但做好并非易事，充足的資金準備很重要，但重要的是系統專業的營銷策劃和轉化率預估。

現狀二：APP市場產品同質化嚴重。在同一款行業移動應用中可能有很多款功能類似的APP，他們都有近似的界面、相同的功能。在這種復雜的競爭環境中，如何使您的產品在同類產品中脫穎而出呢？漢風科技認為，除了在APP產品細節上（比如產品名稱、界面VI設計、使用流暢度等）精雕細琢外，重要的是找準自身定位，尋找產品差異化，做好客戶服務，做好用戶口碑。

現狀三：很多APP應用會火一段時間，但很快就會消失。很多手機游戲類的APP都越到的這樣的尷尬，比如“打飛機”“植物大戰僵尸”“空間偷菜”等，本身這類APP產品都有一定的生命周期，這與人性自然規律有直接關系。很多東西一時間大家都在玩，我們處于好奇也跟著玩，玩一段時間就會感覺無聊了。

現狀四：僵尸APP數量多 用戶使用率低。截至今年3月APP store上線的應用總數已超過100萬個，Google play以及國內各大安卓市場中的應用也在不斷增加中。如此浩瀚的APP市場中，只有極少數的APP能夠被用戶注意到，大多數傳統媒體的移動客戶端在整個移動應用市場的中排名十分靠后，平均下載量不足10萬，一些體量較小的媒體APP上線后下載量不足1萬，甚至更低。即便是已經下載手機桌面的傳統媒體APP，用戶也僅僅是下載后看了一眼，就再也沒有打開過。

現狀五：多數APP用戶體驗差、界面粗糙。很多APP的開發思路還停留在傳統PC建站思維上，能夠設計出精美界面的開發公司更是少之又少。行業抄襲現象嚴重，直接導致雷同界面隨處可見，毫無創新，用戶體驗差。這直接成為APP的運營推廣的最大絆腳石。在國內，很多人對于APP版式設計比較陌生，界面設計師多數則被稱為“美工”，也體現了對版式設計的不重視，所以本次研究就要在此基礎上，加強APP版式設計的重視性，讓目前的APP不僅在外觀上更是在用戶體驗上更上一個臺階。

目前國外的APP界面設計發展水平比國內相對純熟，這便是從蘋果公司一系列的APP應用程序中可以看出，蘋果手機之所以能受到達州的喜愛，除了其外觀產品設計之外，APP應用也是不容忽視的功臣之一。在如今這個信息化大爆炸的時代里，簡約而不簡單成為設計師們永恒的追求，在APP版式設計中，為了體現更好的人機互動，我們更應該將這種簡單進行到底，在國外這種簡約的設計無處不在，這也是我們目前國內APP市場需要結合自身特點來有選擇的研究借鑒。

信息社會里，版式設計是人與物或物與物兩者之間的接點、共有 （或連接 ）的領域 ，是個體相互聯系的道路或空間。人機交互界面是新興的信息傳播的承載物 ，是虛擬環境與人之間的媒介，版式設計是用戶感知、操作計算機技術的切入點。如果人機交互界面的用戶僅僅是看 ，而不是進行操作 ，那么 ，傳統 的視覺設計將會成為設計的中心。但科技創造了這種新的界面——既活躍又虛擬的人機交互界面 ，因此人機交互界面的設計者們需要建立一種專門應用于APP領域和提高人機交互過程中流暢性的理論和實踐準則。

第一，將產品路線進行細分。對于創新型的產品，很難做到大而全，最好的突破方法就是做細分領域，走差異化的產品路線。很多產品都是把餅做大了之后，開始做垂直化。其實只要找到了合適的切入點，可以做出很精彩的產品。如今電子閱讀類的產品很多，大多以提供正式出版的電子書為主。而豆瓣閱讀則是專注于另一個細分市場，不是以圖書出版物為單位，而是允許作者在這里發表還沒有結集出版的作品。圖書作品從寫作完成到出版往往要經歷很長一段時間，豆瓣閱讀將這些“抽屜作品”發表出來，可以讓讀者看到一部作品不斷成熟的過程。所以豆瓣閱讀做的領域是單篇作品，（下轉第頁）（上接第頁）而非整本圖書。

第二，讓APP版式設計更接地氣。人們驚奇地發現，原來滑動解鎖是中國的專利。當我們整天對著kinect打網球，對著ipad看書彈鋼琴，人們的生活越來越虛擬化，我們已經習慣在玻璃屏幕中尋找物理世界中的真實感。如今人們對產品的需求已經不是最初的能用就好，對于產品設計中“形式追隨功能”的要求，慢慢變為了“形式追隨情感”。當所有產品都能夠滿足用戶對功能的需求時，就要看哪款產品更能夠與用戶產生情感上的共鳴。也許一個能勾起童年回憶的轉場動畫，一種熟悉的操作方式，都能打動用戶的心。

第三，豐富手勢操作。OS X Lion的Multi-Touch手勢改變了用戶與Mac之間的互動方式，在Mac 上任意輕點、滾動、輕掃或雙指開合，就可以更流暢自然的掌控屏幕上的一切。iOS 5也新增了多個手勢動作，使用四指向上輕掃顯示多任務處理欄，雙指合攏即可返回主屏幕等，讓用戶可以在 iPad 上的操作更加迅速。觸摸屏的一個特點，就是可以引入多樣化的手勢操作，讓使用變得更加便捷，這也是應用設計的一種發展趨勢。

第四，打破模式化的界面布局。九宮格、折疊列表、底部Tab導航、圖片瀑布流…突然發現每個應用打開后都是這些模式化的界面布局。這些布局模式雖然可以使產品架構清晰，可是不免讓人覺得缺少新意。

Path 2.0成功的華麗轉身，就在于它對傳統界面架構模式的突破。摒棄了底部Tab導航，用戶要發布動態時點擊屏幕左下方的加號，6 個擴展選項按鈕隨即彈出，弧形的排布方式，彈出時的動態效果，都使用戶新生愛意。path2.0還顛覆了iOS Guildline的模式，采用左中右三屏模式，用戶在新鮮事窗口點擊左上角的按鈕，便會切換至左側的菜單欄，用戶在三個屏幕間進行操作，通過左右的滑動來切換主菜單、新鮮事及好友列表。這些打破模式化的界面布局，都使Path顯得精致卓越。

第五，信息組織方式的可視化。Facebook Timeline的設計者Nicholas Felton就創立了一個記錄個人活動，并以信息圖表示出來的網絡應用Daytum。它還推出了 iOS 應用，讓人能夠隨時隨地的記錄和自己有關的數據。用戶只要把每天所做的事情記錄下來，Daytum就能分析出各種活動在生活中所占的比例大小，并提供了十幾種數據的表現方式。

第六，失控后的心靈回歸。無論是產品發展還是流行趨勢，總會有這樣一種輪回：從簡到繁，再回歸于簡。有了新的產品形式，人們會渴望和追求更多的功能，直到信息和操作越來越多，人們覺得眼睛也累心也累。直到有一款簡潔單純的產品出現在用戶前面，繁復的功能沉淀到只剩下最核心的功能，人們便會對它愛不釋手。

綜上所述，隨著移動設備種類的不斷增加，APP的開發與設計工作將被賦予更加嚴格的要求，必須充分滿足用戶的不同需求。因此，我們必須明確市場的空間容量、時代潮流的定位，以此來做好APP的優化與改良。

參考文獻：

[1] COOPER Alan . 交互設計之路——讓高科技回歸人性[M]. DING Chris，譯.北京：電子工業出版社，2006.

[2] NORMAN.D.A . 設計心理學[M].北京：中信出版社，2003.

[3] 周蘇，左伍衡.人機界面設計[M].北京：科學出版社，2007.

[4] Jennifer Preeee（美）.交互設計超越人機交互[M].劉曉暉，等，譯.北京：電子工業出版社，2003.

[5] Alan cooper（美）.交互設計之路——讓高科技產品回歸人性（第二版）[M]. Chris Oing，等，譯.北京：電子工業出版社，2006.