萬(wàn) 芳

（江西財(cái)經(jīng)職業(yè)學(xué)院，江西 九江 332000）

1 界面設(shè)計(jì)與用戶體驗(yàn)概述

1.1 界面設(shè)計(jì)理論與發(fā)展

自從人類誕生起，人與自然，人與人，人與工具就存在無(wú)處不在的交流，有交流存在，便會(huì)有界面產(chǎn)生。

最早出現(xiàn)的APP 是NOKIA 手機(jī)在糖塊時(shí)代的貪吃蛇游戲。 當(dāng)時(shí)的手機(jī)顯示屏均為黑白顯示，以導(dǎo)航按鍵進(jìn)行操作，因此設(shè)計(jì)的游戲較為簡(jiǎn)單。 但是不能因?yàn)楹?jiǎn)單的游戲內(nèi)容而忽略其帶給用戶的趣味性，而應(yīng)使這些游戲成為手機(jī)功能的一部分。隨著APP 研究的不斷深入，不難看出當(dāng)時(shí)的手機(jī)內(nèi)置游戲如俄羅斯方塊、貪吃蛇等是當(dāng)今APP 的雛形。

隨著移動(dòng)設(shè)備跨入功能性時(shí)代，APP 發(fā)展也有了新平臺(tái)。多種編程技術(shù)如JAVA 的普及與發(fā)展， 催生了眾多可供客戶自主卸載安裝的程序， 其中以游戲?yàn)橹饕问剑?形成了最初的APP。 另外，隨著GPRS 的應(yīng)用推廣，手機(jī)與互聯(lián)網(wǎng)緊密相接，網(wǎng)絡(luò)APP 應(yīng)運(yùn)而生， 使得早期以?shī)蕵?lè)為主的APP 逐漸向工具、社交以及咨詢等領(lǐng)域發(fā)展。 同時(shí)， 不斷發(fā)展的智能手機(jī)也對(duì)APP的發(fā)展產(chǎn)生了推動(dòng)作用。 與非智能手機(jī)相比，智能手機(jī)擁有自主操作系統(tǒng)， 獨(dú)立信息處理器以及更寬闊的顯示區(qū)域， 有利于APP 標(biāo)準(zhǔn)化開發(fā)、流暢化操作以及多元化的表現(xiàn)形式，為界面設(shè)計(jì)開發(fā)提供了便捷。 Nokia 的Ovi 即最早的APP 商店。

若說(shuō)APP 發(fā)展的新方向是功能性時(shí)代所引領(lǐng)的，那么觸屏?xí)r代則是其裂變性發(fā)展時(shí)期。 Android、IOS 等智能操作系統(tǒng)的先后誕生，促進(jìn)了更多APP 的出現(xiàn)。 與以前娛樂(lè)為主的APP 相比，工具資訊等專業(yè)APP 增加。 目前為止，廣大客戶已經(jīng)接受APP作為虛擬產(chǎn)品，愿意為APP 服務(wù)體驗(yàn)付費(fèi)。

1.2 現(xiàn)今主流APP 分類情況

第一，通信溝通。 通信溝通型APP 即作為客戶之間交流通信支柱的應(yīng)用軟件。 其包括確?？蛻暨M(jìn)行異步溝通的移動(dòng)郵箱；能夠相互傳送視頻、圖文、聲音的軟件以及保證客戶同步溝通的即時(shí)通訊（Instant Messenger）。

第二，媒體傳播。 媒體傳播型APP 即在社會(huì)范圍內(nèi)支持媒體信息廣為傳播的應(yīng)用軟件。 常見的媒體傳播型APP 有向客戶推薦信息的新聞APP。

第三，生活輔助。 生活輔助型APP 即能夠擔(dān)任智能生活助理，為客戶日常生活提供便利的軟件。

第四，休閑娛樂(lè)。 休閑娛樂(lè)型APP 即能夠?yàn)榭蛻籼峁┚裥蓍e享受的應(yīng)用產(chǎn)品。 游戲類APP 為其主流形式，占據(jù)休閑娛樂(lè)型APP 近一半的市場(chǎng)份額。 休閑娛樂(lè)型APP 除了游戲之外，還包括電子書、網(wǎng)絡(luò)視頻、網(wǎng)絡(luò)電臺(tái)等移動(dòng)視頻、音頻以及圖文。

1.3 用戶體驗(yàn)的要素

現(xiàn)今我國(guó)APP 市場(chǎng)機(jī)遇與危機(jī)并存，國(guó)內(nèi)并沒有明確的界面開發(fā)龍頭平臺(tái)，因此目前APP 設(shè)計(jì)處于分散狀態(tài)，諸多設(shè)計(jì)師在黑暗中探索。根據(jù)調(diào)查研究表明，刪除過(guò)APP 應(yīng)用的客戶占據(jù)全部用戶的83.3%。

另外目前一些APP 應(yīng)用還有以下弊端： 應(yīng)用本身長(zhǎng)短適中，可操作性強(qiáng)，頗受用戶喜歡，但其開發(fā)團(tuán)隊(duì)卻不斷更新版本，乃至強(qiáng)迫用戶使用， 讓一些更新后的應(yīng)用客戶體驗(yàn)變得極其糟糕，許多問(wèn)題無(wú)法反饋，最終使得客戶刪除應(yīng)用。

通過(guò)分析能夠得出，眾多APP 應(yīng)用失敗的主要原因是設(shè)計(jì)師將APP 作為短期宣傳手段，使得APP 粗制濫造。 一個(gè)APP 想要真正獲得成功， 必須能夠像商品一樣滿足客戶心理與生活上的多方面需要。

2 APP 界面設(shè)計(jì)原則性研究

2.1 一致原則

在設(shè)計(jì)中，顏色、使用控件、提示信息措辭，乃至窗口布局風(fēng)格均需要遵循一致標(biāo)準(zhǔn)， 使客戶使用能夠形成準(zhǔn)確的心理模型，由一個(gè)熟悉的界面換到另一界面能夠?qū)⒏鞣N功能推測(cè)出來(lái)，并且不用費(fèi)神理解各個(gè)語(yǔ)句；通常情況下不考慮狂草、隸書等特殊字體，并且字體大小需要一致，除加強(qiáng)顯示、特殊提示信息等例外情況。 若該界面沒有系列設(shè)計(jì)，則考慮運(yùn)用標(biāo)準(zhǔn)界面，做到與操作系統(tǒng)統(tǒng)一；考慮到色弱色盲等用戶群體，需要運(yùn)用特殊符號(hào)以及圖標(biāo)進(jìn)行標(biāo)識(shí)；運(yùn)用色彩時(shí)，需要遵守對(duì)此原則，另外給客戶統(tǒng)一感，使其心情愉悅，從而增加支持率。

2.2 文字表達(dá)原則

幫助文檔以及提示信息等界面文字需要遵循以下幾方面原則：第一，準(zhǔn)確運(yùn)用標(biāo)點(diǎn)符號(hào)，若信息較多需要分段；第二，少運(yùn)用或不運(yùn)用專業(yè)術(shù)語(yǔ)，文字表達(dá)杜絕錯(cuò)別字，多用請(qǐng)、您等；第三，對(duì)于錯(cuò)誤、警告等信息需要運(yùn)用對(duì)應(yīng)的表達(dá)方式；第四，文字表達(dá)需要統(tǒng)一語(yǔ)言描述，如返回、關(guān)閉、退出等；第五，根據(jù)用戶選擇恰當(dāng)?shù)恼Z(yǔ)氣語(yǔ)調(diào)。

2.3 控件功能專一原則

設(shè)計(jì)控件時(shí)，需要做到同一類型控件操作方法一致，并且做到一個(gè)控件僅有單一功能，多種功能不利于用戶初次理解。

2.4 窗口布局原則

根據(jù)相關(guān)實(shí)驗(yàn)結(jié)果表明，擁擠的屏幕讓客戶產(chǎn)生使用倦怠心理， 不能夠過(guò)于擁擠也不能夠太松散， 需要保持窗口排列一致，寧可空出部分區(qū)域，也不能夠破壞控件之間的行間距。 另外，控件中的文字需要縱向?qū)R，采取從左到右，從上到下的閱讀順序。

3 用戶體驗(yàn)概論指導(dǎo)下的App 界面設(shè)計(jì)

3.1 用戶心態(tài)

客戶在使用移動(dòng)應(yīng)用時(shí)通常有三種心態(tài)：其一，微任務(wù)，即不會(huì)運(yùn)用手機(jī)編寫論文，完整地看完電影；其二，查看周圍，即利用手機(jī)查看附近的餐館、查找電影等；其三，無(wú)聊，更多情況時(shí)用戶是因?yàn)闊o(wú)聊翻看手機(jī)，并沒有準(zhǔn)確的目的。

針對(duì)用戶心態(tài)，在進(jìn)行界面設(shè)計(jì)時(shí)需要做到小而準(zhǔn)，并非大而全。 越全面的應(yīng)用，只能說(shuō)明其平庸。 另外需要滿足客戶情景需要，幫助客戶消磨掉無(wú)聊的時(shí)間。

3.2 屏幕布局

通常情況，手機(jī)布局是由上至下，上方通常放置重要信息。但是在實(shí)際運(yùn)用中，絕大多數(shù)人用單手操作，因此需要在界面下方放置常用操作。另外需要注意最小的觸摸單位不得小于44 像素，反之不僅難以觸碰更容易導(dǎo)致誤操作。

客戶使用APP，由于出于無(wú)聊心態(tài)，因此需要讓APP 簡(jiǎn)單化。 而簡(jiǎn)單化的APP 則意味著追求的目標(biāo)更加極端。 因?yàn)樾枰浞至私饪蛻舻南敕?、心態(tài)、需求以及主要情緒。

第一，隱藏與刪除。 必要但不太重要的內(nèi)容可以將其隱藏，而無(wú)關(guān)緊要的內(nèi)容則能刪除為最好， 不能將所有東西均塞給用戶。如郵件應(yīng)用，對(duì)于一般用戶來(lái)說(shuō)，草稿、已發(fā)送以及已刪除等功能必要但是不重要，因此可以將其隱藏起來(lái)。

第二，分區(qū)。 以酒店管家為例，其主要內(nèi)容是酒店圖片、價(jià)格以及所提供的服務(wù)設(shè)施， 因此需要放在主要位置。 點(diǎn)評(píng)則其次，之后是周邊設(shè)施以及交通情況。一旦用戶習(xí)慣了這種明確的分區(qū)， 下次其使用應(yīng)用后， 眼睛便會(huì)直接落在想要了解的區(qū)域內(nèi)。

第三，幫助客戶決策。 客戶最希望看到開發(fā)者給予簡(jiǎn)單直接的應(yīng)用，不用費(fèi)腦去選擇與記憶。

3.3 新奇感與爽快感

上面有提到多數(shù)客戶使用APP 是因?yàn)闊o(wú)聊，因此在設(shè)計(jì)時(shí)需要讓客戶感覺到操作舒適，這樣才能夠吸引其產(chǎn)生好感，獲取競(jìng)爭(zhēng)優(yōu)勢(shì)。

第一，視覺反饋。 在操作應(yīng)用時(shí)，APP 需要給予客戶實(shí)時(shí)視覺反饋。 如酒店管家應(yīng)用中，客戶選擇了酒店后會(huì)選擇日期，若是選擇當(dāng)天之后的日期則會(huì)出現(xiàn)拖動(dòng)操作。 之所以用拖動(dòng)而不是點(diǎn)擊， 是由于拖動(dòng)是比點(diǎn)擊更好的交互形式， 是一種視覺反饋，同時(shí)明確設(shè)置能夠讓客戶感覺到舒心。

第二，隱喻。 如IOS6 中Passbook，其界面做的形似消費(fèi)券，就運(yùn)用了明顯隱喻。 Passbook 本身可以看做數(shù)字化消費(fèi)卡，該界面顏色、光澤等均搭配精美，極為真實(shí)。

另外， 客戶通常覺得Windows 遠(yuǎn)遠(yuǎn)不如蘋果界面好用，其主要原因是蘋果界面、圖表等均制作逼真精美，大量運(yùn)用隱喻。

第三，創(chuàng)新操作方式。 例如本人現(xiàn)在處于某個(gè)位置，想知道周邊有什么好吃的與好玩的，一種方法可以設(shè)計(jì)為界面定位后，直接顯示出周遭符合要求的事物； 另一種則設(shè)計(jì)為手指滑動(dòng)到某一區(qū)域，便只顯示該區(qū)域的事物。 這種方式不僅是一種創(chuàng)新，而且完美地體現(xiàn)出以用戶為中心的設(shè)計(jì)理念。

3.4 在設(shè)計(jì)中融入情感

只有在設(shè)計(jì)中融入情感的設(shè)計(jì)師才算是合格且優(yōu)秀的設(shè)計(jì)師，他們能夠使界面設(shè)計(jì)更具趣味性。 如設(shè)計(jì)機(jī)票預(yù)定APP，眾所周知，機(jī)票有經(jīng)濟(jì)艙與頭等艙之分。 因此可以將經(jīng)濟(jì)艙訂票按鈕設(shè)計(jì)為普通的人， 而頭等艙則設(shè)計(jì)為穿著西裝帶著禮帽的老板角色，這樣一來(lái)能夠輕松表達(dá)出經(jīng)濟(jì)艙與頭等艙的區(qū)別。 再如目前的微信4.0 應(yīng)用，在剛打開時(shí)客戶能夠看見一張文藝的都市圖片，上書文字：如你所見，微信，是一種生活方式。 這不僅向客戶介紹了新增的相冊(cè)功能，更將自身的情感傳遞給了客戶。

4 結(jié)語(yǔ)

綜上所述，界面設(shè)計(jì)是不斷更新發(fā)展的，客戶體驗(yàn)同樣是動(dòng)態(tài)性的。在特定的環(huán)境中不同客戶體驗(yàn)均有差異。由于界面設(shè)計(jì)的復(fù)雜性，該問(wèn)題還有待進(jìn)一步深入研究，為進(jìn)一步健全界面設(shè)計(jì)奠定堅(jiān)實(shí)基礎(chǔ)。

[1]龍瑩冰.淺談基于用戶體驗(yàn)的APP 界面設(shè)計(jì)[D].北方工業(yè)大學(xué)，2013.