APP軟件UI設(shè)計(jì)

一、以使用環(huán)境為基準(zhǔn)APP應(yīng)用軟件的UI界面的布局設(shè)計(jì)

就現(xiàn)今人們使用的手機(jī)屏幕的一般大小約為4英寸到6英寸之間，手機(jī)屏幕的尺寸多樣，而APP軟件的UI界面布局模式卻很單一，導(dǎo)致用戶在改變環(huán)境使用手機(jī)時(shí)出現(xiàn)不便。如站立坐公交車時(shí)使用手機(jī)和在悠閑舒適的環(huán)境下使用手機(jī)的方式是有區(qū)別的，前者要兼顧自己的身體安全只能一只手使用手機(jī)，后一種情況的手機(jī)使用方式就相對自由。針對這個(gè)問題安卓手機(jī)系統(tǒng)以環(huán)境為基準(zhǔn)的使用模式能給我們一定的啟發(fā)，如用戶在會議環(huán)境下手機(jī)可以調(diào)成靜音模式，在想要休息的環(huán)境下可以調(diào)成勿擾模式。APP軟件的界面布局可以考慮以使用環(huán)境為基準(zhǔn)來設(shè)計(jì)單手使用模式和雙手使用模式。

（一）在受限制的使用環(huán)境下的界面布局

在這里所指的受限制的使用環(huán)境主要是指用戶單手使用手機(jī)的情況，如在開車、開會、站著坐公交車等只能單手操作手機(jī)的環(huán)境。單手使用手機(jī)APP界面設(shè)計(jì)帶來的不便在女性身上尤為明顯，主要?dú)w因于女性的手普遍較小而屏幕較大造成手指觸摸不到有些功能按鈕的情況居多。用戶單手使用手機(jī)主要以拇指觸摸的方式，而拇指能夠觸摸的面積是有限的。對于出現(xiàn)的這些問題可以設(shè)計(jì)一個(gè)單手使用APP界面的布局模式，即在設(shè)計(jì)APP軟件界面布局時(shí)功能按鈕參考拇指的活動(dòng)區(qū)間的單手模式。再者，一個(gè)成功的APP軟件還需要考慮用戶的使用習(xí)慣，在受限的使用環(huán)境下有些用戶習(xí)慣用右手操作，有些用戶習(xí)慣用左手操作。因此APP軟件界面布局單手操作模式可分為右手模式和左手模式，右手模式即參考右手拇指活動(dòng)區(qū)間而設(shè)計(jì)的界面布局模式，反之則是左手模式。這樣的APP軟件設(shè)計(jì)會給用戶即使在受限環(huán)境下也能帶來極大的便利，能給用戶提供更多的界面選擇和更方便快捷的操作模式，這樣的設(shè)計(jì)更具人性化。

（二）在舒緩環(huán)境下的APP軟件的界面布局

舒緩的使用環(huán)境是指，用戶不受局限自由操作手機(jī)的環(huán)境，這種環(huán)境下用戶能夠輕松使用雙手觸摸整個(gè)屏幕，舒緩的環(huán)境下界面布局中功能按鈕或?qū)Ш綏l的大小需要考慮食指和中指指尖大小。

二、以用戶需求為原則的移動(dòng)設(shè)備應(yīng)用軟件交互 操作流程設(shè)計(jì)

一個(gè)好的交互操作流程的設(shè)計(jì)必須首先滿足用戶的目標(biāo)需求。如關(guān)于求職類的手機(jī)APP應(yīng)用軟件趕集網(wǎng)和58，下載使用求職類APP軟件的用戶他們關(guān)注的重點(diǎn)是工作，他們應(yīng)該首先做關(guān)于工作方面的交互設(shè)計(jì)。在這一點(diǎn)上趕集網(wǎng)做的比58要好，趕集網(wǎng)首先做的交互設(shè)計(jì)是關(guān)于求職方面，如全職工作，而58則是二手物品。假如一款A(yù)PP軟件，功能很多，交互設(shè)計(jì)也很多，更甚者連一些不常用的功能也強(qiáng)加了交互設(shè)計(jì)在其中，卻沒有將用戶的目標(biāo)需求做優(yōu)先的交互設(shè)計(jì)。這樣的APP軟件的交互設(shè)計(jì)沒有重點(diǎn)，偏離了定位，導(dǎo)致用戶不喜歡。用戶在多而雜亂的東西中去尋找自己的目標(biāo)信息會浪費(fèi)用戶的時(shí)間，會使用戶產(chǎn)生不耐煩的心理，使用起來也不方便。

交互流程設(shè)計(jì)中界面的開始和返回功能按鈕的設(shè)計(jì)很重要，每個(gè)頁面都需要有返回主頁面和返回上一層操作的交互設(shè)計(jì)。對用戶來說APP應(yīng)用軟件的主頁面的就像一本書的目錄，當(dāng)你進(jìn)入到某個(gè)章節(jié)----某個(gè)界面信息不感興趣，或者有想進(jìn)入別的界面的時(shí)候，可以隨時(shí)返回主頁面的目錄重新進(jìn)行選擇。在交互流程的設(shè)計(jì)上，快速的到達(dá)用戶指定的目標(biāo)界面是受用戶喜愛的APP軟件的標(biāo)準(zhǔn)之一。在這一點(diǎn)上淘寶和京東就做的很好，它們有隨時(shí)返回主頁面重新進(jìn)行選擇的交互設(shè)計(jì)。

減少手機(jī)APP軟件交互操作過程中可能導(dǎo)致誤導(dǎo)的設(shè)計(jì)。在APP軟件的交互設(shè)計(jì)中，應(yīng)該盡量減少或者不用與手機(jī)系統(tǒng)相重疊的交互操作。以蘋果手機(jī)為例，它從屏幕最上方往下方滑動(dòng)可以看手機(jī)的通知等等東西的交互設(shè)計(jì)，也有從屏幕下方往上方滑動(dòng)這樣的手機(jī)系統(tǒng)自帶的交互設(shè)計(jì)。如果APP軟件的交互設(shè)計(jì)也采用同樣的操作方式就會與手機(jī)自帶的交互設(shè)計(jì)重疊，從而產(chǎn)生誤導(dǎo)。

最后，在用戶操作的流程中設(shè)計(jì)一些簡單的動(dòng)畫效果，如趕集網(wǎng)點(diǎn)擊附近這個(gè)功能按鈕時(shí)，就以簡單的動(dòng)畫的形式跳出各類信息。科學(xué)研究表明，運(yùn)動(dòng)的物體比靜止的物體更容易引起人的注意。加入動(dòng)畫的交互設(shè)計(jì)既能提示用戶，又可以防止用戶在跳轉(zhuǎn)頁面等待的過程中產(chǎn)生不良情緒而對產(chǎn)品失去耐性和好感，既能得流程更加清晰，增加使用的趣味性，吸引用戶的眼球，又能甚至能夠讓用戶產(chǎn)生愉快的心理感受。這些積極情緒對產(chǎn)品有很好的正面影響。

三、界面可識別信息中宜人性的設(shè)計(jì)

界面可識別信息的設(shè)計(jì)包括文字信息的設(shè)計(jì)和圖案信息的設(shè)計(jì)。一個(gè)受廣大用戶喜歡的APP軟件不管是文字還是圖片，都應(yīng)體現(xiàn)宜人，實(shí)用、方便、美觀。

（一）展現(xiàn)個(gè)性化魅力的圖標(biāo)的設(shè)計(jì)

這是一個(gè)讀圖的時(shí)代，圖標(biāo)的設(shè)計(jì)在APP軟件的研發(fā)中占據(jù)舉足輕重的地位。好的圖標(biāo)設(shè)計(jì)要具有較高的可識別性，首要原則是讓用戶容易認(rèn)知，讓用戶一眼就能預(yù)想點(diǎn)擊該圖標(biāo)能出現(xiàn)的信息。其次，圖標(biāo)要擁有自己的個(gè)性特色。

在APP界面圖標(biāo)設(shè)計(jì)方面，現(xiàn)今的標(biāo)志設(shè)計(jì)給予我們很大的啟發(fā)。很多標(biāo)志設(shè)計(jì)造型很簡潔，但結(jié)合假三維、鏤空、漸變等等的表現(xiàn)方式后卻獨(dú)具魅力。APP的圖標(biāo)可以參考這種表現(xiàn)形式來設(shè)計(jì)，以簡潔的造型結(jié)合一些其他的表現(xiàn)方式，力求在眾多APP的設(shè)計(jì)中脫穎而出。其次，在圖標(biāo)的設(shè)計(jì)中還應(yīng)體現(xiàn)連貫性，增加用戶對新的應(yīng)用軟件的熟悉度，即采用APP軟件可識別信息設(shè)計(jì)的共性，就是使用一些為大多數(shù)用戶所熟知立意的圖標(biāo)造型。例如，視頻軟件中的播放、暫停、上一集下一集等按鈕的圖標(biāo)，以及用戶所熟知的下載、點(diǎn)贊、收藏的圖標(biāo)。

（二）文字的最優(yōu)化使用

APP軟件界面可識別信息有些功能按鈕直接采用文字的形態(tài)，直接以文字作為功能按鈕的情況下，首先要注意的是使用言簡意賅的語言，盡量使用最少的文字表達(dá)最明確的立意。這樣既能快速的表達(dá)所要傳遞的信息，又能夠節(jié)省屏幕的空間給整體的界面布局更多的參考余地，達(dá)到文字使用的最優(yōu)化。其次，需要注意文字的大小，這關(guān)系到用戶使用時(shí)視覺感受的舒適性和手指指尖能觸摸面積的準(zhǔn)確性。再者，需注意文字的顏色，直接以文字作為功能按鈕的文字的顏色不能太過復(fù)雜，而且同一個(gè)層級的文字功能按鈕的顏色需要一致。在點(diǎn)擊某個(gè)文字功能按鈕時(shí)可以設(shè)計(jì)高亮顯示或變成其他顏色。在雜亂中找秩序，在秩序中找個(gè)性的設(shè)計(jì)不會造成視覺混亂和平淡無味。

文字和圖片相結(jié)合的情況。在文字和圖標(biāo)相結(jié)合的功能按鈕中，功能按鈕橫向排列的話，文字一般會放在圖標(biāo)的下方，如果是縱向排列一般文字會放在圖片的右方。這樣使界面的版式更加美觀，符合用戶的從左到右從上到下依次閱讀的習(xí)慣，使頁面產(chǎn)生主次對比，層次清晰的效果。為使界面的風(fēng)格的統(tǒng)一，一般提示文字的顏色都會比較簡單，都是黑色或者灰色等偏中性的顏色。

四、結(jié)語

APP應(yīng)用軟件的開發(fā)和更新的速度越來越快，未來可能是一個(gè)APP的時(shí)代，界面UI設(shè)計(jì)的好壞直接關(guān)系到用戶對軟件的認(rèn)可和它自身的生命力，UI界面的設(shè)計(jì)優(yōu)劣將會是用戶選擇的關(guān)鍵因素之一。人們在移動(dòng)電子設(shè)備的APP 應(yīng)用軟件上花費(fèi)越來越多的時(shí)間，對其界面進(jìn)行深入的研究，具有非常重要的現(xiàn)實(shí)意義。（作者單位為吉林大學(xué)）