一、以使用環(huán)境為基準APP應用軟件的UI界面的布局設計
就現(xiàn)今人們使用的手機屏幕的一般大小約為4英寸到6英寸之間,手機屏幕的尺寸多樣,而APP軟件的UI界面布局模式卻很單一,導致用戶在改變環(huán)境使用手機時出現(xiàn)不便。如站立坐公交車時使用手機和在悠閑舒適的環(huán)境下使用手機的方式是有區(qū)別的,前者要兼顧自己的身體安全只能一只手使用手機,后一種情況的手機使用方式就相對自由。針對這個問題安卓手機系統(tǒng)以環(huán)境為基準的使用模式能給我們一定的啟發(fā),如用戶在會議環(huán)境下手機可以調(diào)成靜音模式,在想要休息的環(huán)境下可以調(diào)成勿擾模式。APP軟件的界面布局可以考慮以使用環(huán)境為基準來設計單手使用模式和雙手使用模式。
(一)在受限制的使用環(huán)境下的界面布局
在這里所指的受限制的使用環(huán)境主要是指用戶單手使用手機的情況,如在開車、開會、站著坐公交車等只能單手操作手機的環(huán)境。單手使用手機APP界面設計帶來的不便在女性身上尤為明顯,主要歸因于女性的手普遍較小而屏幕較大造成手指觸摸不到有些功能按鈕的情況居多。用戶單手使用手機主要以拇指觸摸的方式,而拇指能夠觸摸的面積是有限的。對于出現(xiàn)的這些問題可以設計一個單手使用APP界面的布局模式,即在設計APP軟件界面布局時功能按鈕參考拇指的活動區(qū)間的單手模式。再者,一個成功的APP軟件還需要考慮用戶的使用習慣,在受限的使用環(huán)境下有些用戶習慣用右手操作,有些用戶習慣用左手操作。因此APP軟件界面布局單手操作模式可分為右手模式和左手模式,右手模式即參考右手拇指活動區(qū)間而設計的界面布局模式,反之則是左手模式。這樣的APP軟件設計會給用戶即使在受限環(huán)境下也能帶來極大的便利,能給用戶提供更多的界面選擇和更方便快捷的操作模式,這樣的設計更具人性化。
(二)在舒緩環(huán)境下的APP軟件的界面布局
舒緩的使用環(huán)境是指,用戶不受局限自由操作手機的環(huán)境,這種環(huán)境下用戶能夠輕松使用雙手觸摸整個屏幕,舒緩的環(huán)境下界面布局中功能按鈕或?qū)Ш綏l的大小需要考慮食指和中指指尖大小。
二、以用戶需求為原則的移動設備應用軟件交互 操作流程設計
一個好的交互操作流程的設計必須首先滿足用戶的目標需求。如關于求職類的手機APP應用軟件趕集網(wǎng)和58,下載使用求職類APP軟件的用戶他們關注的重點是工作,他們應該首先做關于工作方面的交互設計。在這一點上趕集網(wǎng)做的比58要好,趕集網(wǎng)首先做的交互設計是關于求職方面,如全職工作,而58則是二手物品。假如一款APP軟件,功能很多,交互設計也很多,更甚者連一些不常用的功能也強加了交互設計在其中,卻沒有將用戶的目標需求做優(yōu)先的交互設計。這樣的APP軟件的交互設計沒有重點,偏離了定位,導致用戶不喜歡。用戶在多而雜亂的東西中去尋找自己的目標信息會浪費用戶的時間,會使用戶產(chǎn)生不耐煩的心理,使用起來也不方便。
交互流程設計中界面的開始和返回功能按鈕的設計很重要,每個頁面都需要有返回主頁面和返回上一層操作的交互設計。對用戶來說APP應用軟件的主頁面的就像一本書的目錄,當你進入到某個章節(jié)----某個界面信息不感興趣,或者有想進入別的界面的時候,可以隨時返回主頁面的目錄重新進行選擇。在交互流程的設計上,快速的到達用戶指定的目標界面是受用戶喜愛的APP軟件的標準之一。在這一點上淘寶和京東就做的很好,它們有隨時返回主頁面重新進行選擇的交互設計。
減少手機APP軟件交互操作過程中可能導致誤導的設計。在APP軟件的交互設計中,應該盡量減少或者不用與手機系統(tǒng)相重疊的交互操作。以蘋果手機為例,它從屏幕最上方往下方滑動可以看手機的通知等等東西的交互設計,也有從屏幕下方往上方滑動這樣的手機系統(tǒng)自帶的交互設計。如果APP軟件的交互設計也采用同樣的操作方式就會與手機自帶的交互設計重疊,從而產(chǎn)生誤導。
最后,在用戶操作的流程中設計一些簡單的動畫效果,如趕集網(wǎng)點擊附近這個功能按鈕時,就以簡單的動畫的形式跳出各類信息。科學研究表明,運動的物體比靜止的物體更容易引起人的注意。加入動畫的交互設計既能提示用戶,又可以防止用戶在跳轉頁面等待的過程中產(chǎn)生不良情緒而對產(chǎn)品失去耐性和好感,既能得流程更加清晰,增加使用的趣味性,吸引用戶的眼球,又能甚至能夠讓用戶產(chǎn)生愉快的心理感受。這些積極情緒對產(chǎn)品有很好的正面影響。
三、界面可識別信息中宜人性的設計
界面可識別信息的設計包括文字信息的設計和圖案信息的設計。一個受廣大用戶喜歡的APP軟件不管是文字還是圖片,都應體現(xiàn)宜人,實用、方便、美觀。
(一)展現(xiàn)個性化魅力的圖標的設計
這是一個讀圖的時代,圖標的設計在APP軟件的研發(fā)中占據(jù)舉足輕重的地位。好的圖標設計要具有較高的可識別性,首要原則是讓用戶容易認知,讓用戶一眼就能預想點擊該圖標能出現(xiàn)的信息。其次,圖標要擁有自己的個性特色。
在APP界面圖標設計方面,現(xiàn)今的標志設計給予我們很大的啟發(fā)。很多標志設計造型很簡潔,但結合假三維、鏤空、漸變等等的表現(xiàn)方式后卻獨具魅力。APP的圖標可以參考這種表現(xiàn)形式來設計,以簡潔的造型結合一些其他的表現(xiàn)方式,力求在眾多APP的設計中脫穎而出。其次,在圖標的設計中還應體現(xiàn)連貫性,增加用戶對新的應用軟件的熟悉度,即采用APP軟件可識別信息設計的共性,就是使用一些為大多數(shù)用戶所熟知立意的圖標造型。例如,視頻軟件中的播放、暫停、上一集下一集等按鈕的圖標,以及用戶所熟知的下載、點贊、收藏的圖標。
(二)文字的最優(yōu)化使用
APP軟件界面可識別信息有些功能按鈕直接采用文字的形態(tài),直接以文字作為功能按鈕的情況下,首先要注意的是使用言簡意賅的語言,盡量使用最少的文字表達最明確的立意。這樣既能快速的表達所要傳遞的信息,又能夠節(jié)省屏幕的空間給整體的界面布局更多的參考余地,達到文字使用的最優(yōu)化。其次,需要注意文字的大小,這關系到用戶使用時視覺感受的舒適性和手指指尖能觸摸面積的準確性。再者,需注意文字的顏色,直接以文字作為功能按鈕的文字的顏色不能太過復雜,而且同一個層級的文字功能按鈕的顏色需要一致。在點擊某個文字功能按鈕時可以設計高亮顯示或變成其他顏色。在雜亂中找秩序,在秩序中找個性的設計不會造成視覺混亂和平淡無味。
文字和圖片相結合的情況。在文字和圖標相結合的功能按鈕中,功能按鈕橫向排列的話,文字一般會放在圖標的下方,如果是縱向排列一般文字會放在圖片的右方。這樣使界面的版式更加美觀,符合用戶的從左到右從上到下依次閱讀的習慣,使頁面產(chǎn)生主次對比,層次清晰的效果。為使界面的風格的統(tǒng)一,一般提示文字的顏色都會比較簡單,都是黑色或者灰色等偏中性的顏色。
四、結語
APP應用軟件的開發(fā)和更新的速度越來越快,未來可能是一個APP的時代,界面UI設計的好壞直接關系到用戶對軟件的認可和它自身的生命力,UI界面的設計優(yōu)劣將會是用戶選擇的關鍵因素之一。人們在移動電子設備的APP 應用軟件上花費越來越多的時間,對其界面進行深入的研究,具有非常重要的現(xiàn)實意義。(作者單位為吉林大學)