手機(jī)APP交互界面設(shè)計(jì)初探

摘 要：互聯(lián)網(wǎng)產(chǎn)品飛速發(fā)展，“界面設(shè)計(jì)”這個(gè)詞也開(kāi)始漸漸頻繁出現(xiàn)在人們的視野，界面設(shè)計(jì)又稱“UI設(shè)計(jì)”，既講究美觀的視覺(jué)享受，以此吸引人們?nèi)ナ褂?，又需要結(jié)合使用者的定位、使用場(chǎng)景、使用目的圍繞用戶體驗(yàn)而設(shè)計(jì)，是一種建立在實(shí)用性之上的藝術(shù)。用戶的感受就是最終的評(píng)定一個(gè)界面設(shè)計(jì)好壞的標(biāo)準(zhǔn)。

關(guān)鍵詞：界面設(shè)計(jì)；實(shí)用性；用戶感受

1 APP的理性設(shè)計(jì)

1.1 從交互設(shè)計(jì)到界面設(shè)計(jì)

交互設(shè)計(jì)又叫互動(dòng)設(shè)計(jì)，顧名思義就是注重人機(jī)互動(dòng)的一種設(shè)計(jì)，交互體驗(yàn)是其重要組成部分，它不僅僅關(guān)注形式，更關(guān)注設(shè)計(jì)的內(nèi)涵以及設(shè)計(jì)為人們帶來(lái)的便利，最大化地體現(xiàn)“以人為本”的設(shè)計(jì)思想。

界面可以說(shuō)是交互設(shè)計(jì)展現(xiàn)結(jié)果的一種載體，它只是其中的一種表現(xiàn)方式，一種人機(jī)互動(dòng)的媒介，因此不能說(shuō)界面設(shè)計(jì)就是交互設(shè)計(jì)，交互設(shè)計(jì)也不一定就是界面設(shè)計(jì)，交互設(shè)計(jì)作為一種設(shè)計(jì)方法，為界面設(shè)計(jì)提供了指導(dǎo)前提。

1.2 如何滿足產(chǎn)品易用性

1.2.1 信息架構(gòu)

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

如果給你一筐的水果，里面有梨子，蘋(píng)果，橙子，香蕉等各種各樣的水果，要在這些水果里面找到你想要的，恐怕需要花上一些時(shí)間，甚至把籮筐翻個(gè)底朝天，但是我們?nèi)绻堰@些水果分類擺放，水果雖然都不同，但是它們部分是有共性的，在差異中發(fā)現(xiàn)共性并且將這些共性歸納———按季節(jié)分類、按口味分類、如果你對(duì)這些水果有足夠的認(rèn)識(shí)，還可以按形狀分類……同時(shí)，季節(jié)分類即“春、夏、秋、冬”還可以進(jìn)行細(xì)分，比如春天成熟的水果還可以再以口味進(jìn)行劃分，層層劃分下去，這樣當(dāng)你想找到某種水果的時(shí)候，就能比在一大籮筐水果里面尋找一種水果要快速多了。信息架構(gòu)對(duì)信息的組織歸類就如為水果分類一樣，目的也是讓人們?cè)趯ふ倚畔r(shí)快速過(guò)濾不需要的信息，按照信息歸類的指引直到找到對(duì)自己有用的信息。

1.2.2 刪繁就簡(jiǎn)

簡(jiǎn)，不是簡(jiǎn)單，而是簡(jiǎn)潔，簡(jiǎn)潔而突出重點(diǎn)。軟件的功能并非越多越好。根據(jù)產(chǎn)品所要達(dá)到的使用目的和使用者的定位，確定軟件的主要功能和界面布局，通俗說(shuō)就是產(chǎn)品的“重頭戲”，并大力突出這個(gè)功能。拿記賬軟件來(lái)說(shuō)，軟件的目的是幫助使用者記賬，那么報(bào)表分析，分享消費(fèi)經(jīng)驗(yàn)等等這些功能是不是可以忽略？假如設(shè)計(jì)一款軟件，什么功能都來(lái)一點(diǎn)，甚至一些不常用的，隱藏極深的功能也被加入在內(nèi)，并賦予這些功能各式各樣的圖標(biāo)，那么這個(gè)軟件離消失在用戶腦后就不遠(yuǎn)了，因?yàn)橛脩魧?duì)它的記憶將是十分模糊的，要記要學(xué)的東西太多，令人頭皮發(fā)麻。

單個(gè)界面上的功能也不宜過(guò)多，曾經(jīng)看過(guò)一些軟件，一個(gè)界面上的各種小功能就達(dá)十種之多！不禁令人汗顏，更感覺(jué)無(wú)從下手。實(shí)驗(yàn)也證明了，對(duì)于需要點(diǎn)擊屏幕超過(guò)三次才能進(jìn)入的功能，用戶是極少使用的，這樣的功能可以作刪減，主要功能必須在三步以內(nèi)就能讓用戶找到并使用。不僅功能需要?jiǎng)h繁就簡(jiǎn)，圖標(biāo)的設(shè)計(jì)也開(kāi)始向簡(jiǎn)潔直觀的方向發(fā)展?，F(xiàn)在界面設(shè)計(jì)中流行的“扁平化”風(fēng)格是一種極簡(jiǎn)主義的體現(xiàn)，簡(jiǎn)潔鮮艷的格子色塊，加上平面化的圖標(biāo)，去掉了炫目精致的華麗裝飾，只保留最原始的圖案原型，給人耳目一新的清新感覺(jué)。

1.2.3 界面風(fēng)格與圖標(biāo)

如果說(shuō)信息架構(gòu)是軟件的骨骼，那么界面就好比軟件的臉面，軟件的“喜、怒、哀、樂(lè)”大部分是通過(guò)界面?zhèn)鬟_(dá)給受眾的；圖標(biāo)則可以形容成是軟件的眼睛和嘴巴，軟件如何指引你去操作，它會(huì)通過(guò)它的“眼睛”“嘴巴”來(lái)告訴你。

無(wú)論什么樣的界面風(fēng)格和圖標(biāo)風(fēng)格都是允許的，因?yàn)槭澜缟暇蜎](méi)有“長(zhǎng)相一模一樣的人”，只有長(zhǎng)得好看的，和長(zhǎng)得不好看的；也沒(méi)有最好的風(fēng)格，所有界面被設(shè)計(jì)出來(lái)的前提是：美觀，并且風(fēng)格保持一致（如一些圖標(biāo)的擺放位置一致，背景圖案保持一致等）。界面整體風(fēng)格又最好與圖標(biāo)的風(fēng)格相配套，保持一致性的風(fēng)格能讓用戶在使用產(chǎn)品時(shí)加深對(duì)產(chǎn)品的印象，這就好像企業(yè)需要VI識(shí)別系統(tǒng)一樣，一款軟件同樣需要靠風(fēng)格的統(tǒng)一來(lái)達(dá)到建立“形象”的目的。

為了讓用戶快速學(xué)會(huì)使用軟件，圖標(biāo)的設(shè)計(jì)最好是簡(jiǎn)潔的，淺顯易懂的，能夠讓用戶在看見(jiàn)的同時(shí)，腦海中就有了正確的聯(lián)想從而知曉該圖標(biāo)所表示的功能與含義，這應(yīng)當(dāng)是所有風(fēng)格的前提。

1.2.4 APP中的詞匯

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

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

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

再次回到建房子的問(wèn)題，問(wèn)：給你一棟建好的房子，或者你自己建一棟房子，入住三天后，走錯(cuò)房間的概率在哪個(gè)房子里比較大？一般情況下，答案顯而易見(jiàn)是前者，因?yàn)榻ǚ孔拥倪^(guò)程你并未參與其中，所以對(duì)眾多房間的記憶不深刻，相比自己建房子的情況下，因?yàn)橛H力親為，所以對(duì)房子的構(gòu)造更了解，能更好地區(qū)分各個(gè)區(qū)域，不容易出錯(cuò)。

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

2 APP的情感化設(shè)計(jì)

2.1 從產(chǎn)品定位到情感化設(shè)計(jì)

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

2.2 情感化和趣味性

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

在不影響實(shí)用性的前提下，增加產(chǎn)品趣味性的設(shè)計(jì)也總能讓人會(huì)心一笑，因?yàn)槿藗兞?xí)慣忽略常常發(fā)生在身邊的熟知的事物，這時(shí)候如果出現(xiàn)一些有趣的變化，則更容易吸引人們的注意力，讓產(chǎn)品的個(gè)性在用戶心目中更加明朗和立體，貼合實(shí)際的趣味性設(shè)計(jì)能增加用戶的使用欲望，如在軟件處理指令的一些較長(zhǎng)的等待過(guò)程中出現(xiàn)的一些有趣的動(dòng)畫(huà)效果，既起到提示作用，也能防止用戶在等待過(guò)程中產(chǎn)生不良情緒而對(duì)產(chǎn)品失去耐性和好感，甚至能夠讓用戶產(chǎn)生愉快的感覺(jué)，這種積極情緒對(duì)產(chǎn)品有很好的正面影響。

3 結(jié)語(yǔ)

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

參考文獻(xiàn)：

[1]JeffJohnson.認(rèn)知與設(shè)計(jì)：理解UI設(shè)計(jì)準(zhǔn)則[M].人民郵電出版社，2011.

[2]比爾·莫格里奇.關(guān)鍵設(shè)計(jì)報(bào)告———改變過(guò)去影響未來(lái)的交互設(shè)計(jì)法則[M].中信出版社，2011.

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

作者簡(jiǎn)介：戴小樂(lè)（1973—），男，廣東工業(yè)大學(xué)設(shè)計(jì)學(xué)院視覺(jué)系講師，挪威卑爾根國(guó)家藝術(shù)學(xué)院設(shè)計(jì)學(xué)碩士。