手機APP交互界面設計初探

摘 要：互聯網產品飛速發展，“界面設計”這個詞也開始漸漸頻繁出現在人們的視野，界面設計又稱“UI設計”，既講究美觀的視覺享受，以此吸引人們去使用，又需要結合使用者的定位、使用場景、使用目的圍繞用戶體驗而設計，是一種建立在實用性之上的藝術。用戶的感受就是最終的評定一個界面設計好壞的標準。

關鍵詞：界面設計；實用性；用戶感受

1 APP的理性設計

1.1 從交互設計到界面設計

交互設計又叫互動設計，顧名思義就是注重人機互動的一種設計，交互體驗是其重要組成部分，它不僅僅關注形式，更關注設計的內涵以及設計為人們帶來的便利，最大化地體現“以人為本”的設計思想。

界面可以說是交互設計展現結果的一種載體，它只是其中的一種表現方式，一種人機互動的媒介，因此不能說界面設計就是交互設計，交互設計也不一定就是界面設計，交互設計作為一種設計方法，為界面設計提供了指導前提。

1.2 如何滿足產品易用性

1.2.1 信息架構

信息架構的一個重點那就是：信息。為了讓使用者容易尋找信息與管理信息，通常由信息建筑師來對結構，組織方式，信息歸類加以設計，同樣也是一項藝術科學。打個比方，信息架構的設計就像建房子，并且為房子里的個個樓層和房間編號起名，對進入這個空間環境的人們發生影響。有條理的歸類編號能讓該空間的人們很快地找到某個房間，相同的，好的信息架構也可以讓使用者更便利、更快速地獲取信息和了解內容，不好的信息架構，將使人失去方向，如云里霧里般迷惑。

如果給你一筐的水果，里面有梨子，蘋果，橙子，香蕉等各種各樣的水果，要在這些水果里面找到你想要的，恐怕需要花上一些時間，甚至把籮筐翻個底朝天，但是我們如果把這些水果分類擺放，水果雖然都不同，但是它們部分是有共性的，在差異中發現共性并且將這些共性歸納———按季節分類、按口味分類、如果你對這些水果有足夠的認識，還可以按形狀分類……同時，季節分類即“春、夏、秋、冬”還可以進行細分，比如春天成熟的水果還可以再以口味進行劃分，層層劃分下去，這樣當你想找到某種水果的時候，就能比在一大籮筐水果里面尋找一種水果要快速多了。信息架構對信息的組織歸類就如為水果分類一樣，目的也是讓人們在尋找信息時快速過濾不需要的信息，按照信息歸類的指引直到找到對自己有用的信息。

1.2.2 刪繁就簡

簡，不是簡單，而是簡潔，簡潔而突出重點。軟件的功能并非越多越好。根據產品所要達到的使用目的和使用者的定位，確定軟件的主要功能和界面布局，通俗說就是產品的“重頭戲”，并大力突出這個功能。拿記賬軟件來說，軟件的目的是幫助使用者記賬，那么報表分析，分享消費經驗等等這些功能是不是可以忽略？假如設計一款軟件，什么功能都來一點，甚至一些不常用的，隱藏極深的功能也被加入在內，并賦予這些功能各式各樣的圖標，那么這個軟件離消失在用戶腦后就不遠了，因為用戶對它的記憶將是十分模糊的，要記要學的東西太多，令人頭皮發麻。

單個界面上的功能也不宜過多，曾經看過一些軟件，一個界面上的各種小功能就達十種之多！不禁令人汗顏，更感覺無從下手。實驗也證明了，對于需要點擊屏幕超過三次才能進入的功能，用戶是極少使用的，這樣的功能可以作刪減，主要功能必須在三步以內就能讓用戶找到并使用。不僅功能需要刪繁就簡，圖標的設計也開始向簡潔直觀的方向發展。現在界面設計中流行的“扁平化”風格是一種極簡主義的體現，簡潔鮮艷的格子色塊，加上平面化的圖標，去掉了炫目精致的華麗裝飾，只保留最原始的圖案原型，給人耳目一新的清新感覺。

1.2.3 界面風格與圖標

如果說信息架構是軟件的骨骼，那么界面就好比軟件的臉面，軟件的“喜、怒、哀、樂”大部分是通過界面傳達給受眾的；圖標則可以形容成是軟件的眼睛和嘴巴，軟件如何指引你去操作，它會通過它的“眼睛”“嘴巴”來告訴你。

無論什么樣的界面風格和圖標風格都是允許的，因為世界上就沒有“長相一模一樣的人”，只有長得好看的，和長得不好看的；也沒有最好的風格，所有界面被設計出來的前提是：美觀，并且風格保持一致（如一些圖標的擺放位置一致，背景圖案保持一致等）。界面整體風格又最好與圖標的風格相配套，保持一致性的風格能讓用戶在使用產品時加深對產品的印象，這就好像企業需要VI識別系統一樣，一款軟件同樣需要靠風格的統一來達到建立“形象”的目的。

為了讓用戶快速學會使用軟件，圖標的設計最好是簡潔的，淺顯易懂的，能夠讓用戶在看見的同時，腦海中就有了正確的聯想從而知曉該圖標所表示的功能與含義，這應當是所有風格的前提。

1.2.4 APP中的詞匯

軟件中所使用的詞匯如果能站在使用者，即用戶的角度去考慮，相信就不會有那么多令人不知所措的指令阻礙用戶的使用了。軟件的設計者最好能明白，軟件的使用對象并不是一群像開發者那樣的專業人士，大部分使用者只是各行各業的普通人，他們不知道“重新認證”是什么意思，也不知道“錯誤代碼”是怎么回事，他們只關心他們接下來該怎么做，怎么做才能避開錯誤然后更好地使用軟件，盡量避免使用計算機語言或者過于專業化的詞匯是一種比較明智的選擇，只有用戶能夠理解，才有學習使用的可能，否則即使界面設計得再美觀，用戶也只好“望洋興嘆”了！

除了使用“平民化”、容易理解的詞語外，還有一點值得注意的是，軟件中表示同一功能的詞語最好保持一致，試著想想就知道，如果一個界面中的“分類功能”顯示為“分類”，到下個界面又成了“類別”，就會讓用戶感到困惑而不知道二者之間是否有聯系，這就為產品的易用性減分不少。

1.2.5 讓用戶自己作決定（一些自定義）

再次回到建房子的問題，問：給你一棟建好的房子，或者你自己建一棟房子，入住三天后，走錯房間的概率在哪個房子里比較大？一般情況下，答案顯而易見是前者，因為建房子的過程你并未參與其中，所以對眾多房間的記憶不深刻，相比自己建房子的情況下，因為親力親為，所以對房子的構造更了解，能更好地區分各個區域，不容易出錯。

這個道理在軟件設計中同樣適用，何不適當讓用戶自己作一些決定？比如名稱的自定義，一些功能的添減，讓用戶也做一回產品設計者，讓他們根據自己的喜好和使用習慣稍微設計“改造”一下軟件，當軟件更加符合用戶自身的使用習慣以后，還需要擔心他們難以上手嗎？盡管話雖如此，“適當”這兩個字也是不能忽視的，任何事物都會遵循“物極必反”的規律，自定義要建立在不讓“改造”破壞影響產品整體架構的基礎上才能幫助用戶得到使用的舒適感，如果任何功能都能做自定義改動，容易造成混亂，那就得不償失了。

2 APP的情感化設計

2.1 從產品定位到情感化設計

每個人的習慣都不同，對產品的要求也不同，要想讓一款產品滿足所有人的要求就像希望一個人受到所有人喜歡一樣的困難，是比較不切實際的。產品設計者只能最大限度地滿足該產品的主要目標群體，即產品受眾的要求，在設計產品之前就要對目標受眾的行為習慣和喜好等特征作具體地分析研究，這樣可以為后續工作做好鋪墊，迎合受眾的情感偏好。對目標受眾了如指掌是優化用戶體驗的重要途徑，任何脫離用戶的產品都難以得到目標用戶的青睞。

2.2 情感化和趣味性

關注情感的產品總能給人一種“溫馨”和“回憶”的感覺，令使用者好感驟增，“有故事”的事物往往能激起人的好奇和聯想關于自己相類似的經歷，這些經歷有笑，有淚，有苦也有甜……這需要設計者有敏銳的情感捕捉能力，他知道什么樣的情景和細節能打動用戶，勾起用戶的情感共鳴，從而影響用戶的行為。

在不影響實用性的前提下，增加產品趣味性的設計也總能讓人會心一笑，因為人們習慣忽略常常發生在身邊的熟知的事物，這時候如果出現一些有趣的變化，則更容易吸引人們的注意力，讓產品的個性在用戶心目中更加明朗和立體，貼合實際的趣味性設計能增加用戶的使用欲望，如在軟件處理指令的一些較長的等待過程中出現的一些有趣的動畫效果，既起到提示作用，也能防止用戶在等待過程中產生不良情緒而對產品失去耐性和好感，甚至能夠讓用戶產生愉快的感覺，這種積極情緒對產品有很好的正面影響。

3 結語

交互界面設計最重要的價值是其實用性，即易用性，通過界面設計，讓用戶更加快速地學會并舒適地使用軟件，達到了這一步，那么這將是一款好的設計，但是遵循易用的原則不代表一成不變的某些“設計定律”。易用性和趣味性、情感化從來就不是對立的，如果兩者互相配合，合理地結合起來———給理性的設計穿上情感的外衣，在實用的同時直達用戶內心傳達情感因素，增加用戶在使用產品時的情感體驗，是設計的藝術魅力精髓，成就的將會是一款優秀的設計。

參考文獻：

[1]JeffJohnson.認知與設計：理解UI設計準則[M].人民郵電出版社，2011.

[2]比爾·莫格里奇.關鍵設計報告———改變過去影響未來的交互設計法則[M].中信出版社，2011.

[3]史蒂文·赫勒，埃莉諾·佩蒂特.三十四位頂尖設計師的思考術[M].中信出版社，2011.

作者簡介：戴小樂（1973—），男，廣東工業大學設計學院視覺系講師，挪威卑爾根國家藝術學院設計學碩士。