陳鑫明 韓帆

【摘 要】人性化設(shè)計是以人為中心的設(shè)計，手機(jī)APP界面人性化設(shè)計要求手機(jī)APP界面符合人的感知、情感和行為規(guī)律，這有助于提高人們的生活質(zhì)量、促進(jìn)設(shè)計理念創(chuàng)新發(fā)展、提升應(yīng)用軟件經(jīng)濟(jì)效益。手機(jī)APP界面人性化設(shè)計可以從界面的布局結(jié)構(gòu)、界面的視覺傳達(dá)和界面的交互設(shè)計這三個方面展開，并需要遵循特定的設(shè)計流程和設(shè)計方法。

【關(guān)鍵詞】界面設(shè)計;人性化設(shè)計;布局結(jié)構(gòu);視覺傳達(dá);交互設(shè)計

中圖分類號：J504 文獻(xiàn)標(biāo)志碼：A? ? ? ? ? ? ? 文章編號：1007-0125（2019）36-0103-02

一、手機(jī)APP界面人性化設(shè)計的基本要求與意義

人性化的設(shè)計需要符合人的生活習(xí)慣、操作習(xí)慣、心理思維甚至人體結(jié)構(gòu)等方方面面。通俗來說，就是讓用戶用起來便利、用起來舒服、讓人喜歡并看得舒適。隨著人們的需求進(jìn)行無上限的設(shè)計優(yōu)化，使人們使用得更加安逸和舒適。

應(yīng)用程序都是為了達(dá)到一個特定的用途而被創(chuàng)造出來，對人的重視程度能決定界面設(shè)計呈現(xiàn)出的面貌，人性化設(shè)計的具體概念并非由一個團(tuán)隊或?qū)＜姨岢?，而是設(shè)計發(fā)展史中自然而然形成的一種設(shè)計形態(tài)。人有欲望和需求，理所當(dāng)然地期望任何供自身所使用的事物都充分滿足自己的需要，充滿對自身的關(guān)愛。時代在發(fā)展，隨著周圍環(huán)境和生活方式的變化，人們必然會出現(xiàn)各種新的需求，以人為本的人性化設(shè)計也會隨之更新完善?？傮w來說，它的原則是滿足和指引用戶的全方位需求，不僅僅是針對功能問題和操作問題，用戶不同的潛在需求都能夠被這類設(shè)計的全面性和完整性激發(fā)，而不是局限于當(dāng)下的使用需求。當(dāng)時間、空間變化，這類設(shè)計理念也會隨之進(jìn)行相應(yīng)改變，在不同的時間節(jié)點上，人性化的設(shè)計標(biāo)準(zhǔn)都不盡相同。按目前的社會發(fā)展趨勢來看，這類設(shè)計理念將越來越被人類社會所重視，且永遠(yuǎn)不會被淘汰。

二、手機(jī)APP界面的人性化設(shè)計分析

（一）手機(jī)APP界面布局結(jié)構(gòu)的人性化

從版式上來說，目前人們?nèi)粘Ｊ褂玫拇蠖鄶?shù)實用類手機(jī)APP都具有一定的布局結(jié)構(gòu)，如騰訊QQ、微信和新浪微博等，結(jié)合來看，一般主要界面結(jié)構(gòu)即導(dǎo)航欄、主視覺圖以及工具欄。APP的界面結(jié)構(gòu)大多參照此布局，在導(dǎo)航欄和工具欄變數(shù)甚小的情況下，本文主要對主視覺圖的四類主要布局方式進(jìn)行分析。

1.列表式布局

列表布局就是以列表的形式展示內(nèi)容，通常有對話列表、商品列表等，是可以滾動的列表布局方式，并且具有依據(jù)數(shù)據(jù)所占空間自動適應(yīng)其高度的特點，這也是最快速的APP布局方式。出于人性化的要求，絕大多數(shù)菜單列表的單行高度為28px，以方便用戶在一個頁面中，基于圖形文字不失真、不模糊的情況下瀏覽到更多的信息，且方便手指的觸摸和點擊。

2.宮格式布局

九宮格是從很久以前就開始流行的經(jīng)典設(shè)計布局，通俗來說，即一個被等分成三行三列的方形格子。如今的宮格式布局較早期固定的九宮格顯得更簡約、更自由，宮格式布局非常方便地適配所有的智能手機(jī)機(jī)型，單圖標(biāo)式的信息內(nèi)容展示顯得工整又簡單，以便用戶在短時間內(nèi)找到自身需求的按鈕進(jìn)行后續(xù)操作。

3.標(biāo)簽式布局

標(biāo)簽式布局以標(biāo)簽的方式顯示它的子視圖元素，就像在各個瀏覽器中的一個窗口中顯示多個網(wǎng)頁一樣。通過滑動或者點擊，APP再提供豐富的標(biāo)簽選項，以達(dá)到提高用戶體驗的目的。

4.圖片式布局

這類布局多見于引導(dǎo)頁設(shè)計和一些文藝類、攝影類APP，圖片式布局必然以圖片為主，可以是占滿整頁的一張大圖，也可以是純粹的各類圖片加以獨特的排版。但凡一個圖片分享類的APP，面向的用戶相較于普通群體必然對審美有著一定的要求，圖片式布局比起繁瑣的文字介紹，能夠直觀地反映一個APP的性質(zhì)和水平。

以上是目前市場上以迎合用戶實際需求為目的的四大人性化界面布局。界面布局是一種主題和信息的統(tǒng)一，每個手機(jī)APP都有各自特點，結(jié)合自身的應(yīng)用性質(zhì)，考慮用戶在使用時需要重點獲取的信息元素，再決定排布界面的具體結(jié)構(gòu)，方可做到人性化的界面排版和布局。

（二）手機(jī)APP界面視覺傳達(dá)的人性化

視覺是一切感官之首，所以視覺傳達(dá)在手機(jī)APP界面人性化設(shè)計中是尤為重要的。這個問題可以從三個方面來分析，包括適當(dāng)?shù)奈淖?、相?yīng)的圖形圖像和合理的色彩搭配。

首先是適當(dāng)?shù)奈淖?。百度用戶體驗部曾做過一個小調(diào)查，調(diào)查中得出，在不同的手機(jī)平臺中，用戶可接受的文字大小是不同的。APP開發(fā)成功后，針對不同的用戶考慮，文字的大小便是其中影響因素之一。部分APP依據(jù)其特殊的性質(zhì)和面向人群需要對文字大小進(jìn)行適當(dāng)調(diào)整，如提供中老年人使用的實用類APP，文字需要適當(dāng)放大以便閱讀;在用語上，忌用生僻字和專業(yè)詞匯，提高用戶的接受度。人性化的文字置入還需要根據(jù)應(yīng)用的性質(zhì)來決定文字的字號和字體，進(jìn)行相應(yīng)的設(shè)計，如長篇文本適合使用帶襯線的細(xì)體字等。如今，漢儀、方正、華康等各大字庫千帆競發(fā)，每一款字體都有自身的特點，合理的文字置入是提升用戶體驗的關(guān)鍵。

其次，關(guān)于界面中的圖形問題。對用戶來說，界面中的圖形會帶給用戶最直觀的視覺感受，譬如三角形的構(gòu)圖剛毅、穩(wěn)定，環(huán)形圖案則柔和、有序。不同的線條也有不同的性格表現(xiàn)，形狀工具拉出來的圖形線條規(guī)則、圖形鮮明完整，而手繪的形狀俏皮可愛，給人溫馨之感。人性化的設(shè)計中，因為圖形旨在視覺傳達(dá)而非主要的信息傳遞，故而不需要執(zhí)著于界面中的圖形數(shù)量，而需要思索界面中的圖形元素。圖形元素的親和力是人性化界面設(shè)計中需要具備的重要特征。

最后是人性化界面中合理的色彩搭配。色彩具有強(qiáng)大的感知性和視覺沖擊力，有著先聲奪人的作用，界面配色和不同的色彩搭配是手機(jī)APP界面設(shè)計中的重中之重。在界面設(shè)計中，合理利用色彩給人以強(qiáng)烈的心理暗示，捕捉人們的注意力，達(dá)到視覺刺激，起到引領(lǐng)視覺的效果，令用戶更直觀、更輕松地閱讀到主要信息，是實現(xiàn)界面視覺人性化的重要方式之一。

（三）手機(jī)APP界面交互設(shè)計的人性化

交互設(shè)計即對象之間互相交流、互動的設(shè)計。如何在產(chǎn)品的使用過程中向用戶更簡潔、更親切地傳達(dá)信息，同時準(zhǔn)確地接收、分析信息并進(jìn)行后續(xù)操作，是交互設(shè)計的重要內(nèi)容。

簡單的特征和個性應(yīng)該源自使用的方法、所要表現(xiàn)的產(chǎn)品，以及用戶執(zhí)行的任務(wù)。智能設(shè)備作為APP移動端的載體，由于受到顯示屏大小的限制，使用戶在使用APP時能夠完成的動作十分有限。因此，設(shè)計師在進(jìn)行人性化的APP設(shè)計時，應(yīng)當(dāng)善于抓住重點，學(xué)會舍棄功能或界面中不必要、不相關(guān)的操作，以APP的主要功能為核心，讓用戶的所有操作都能與其產(chǎn)生作用或呼應(yīng)，將小巧卻不失全面的APP應(yīng)用提供給用戶。

如今的交互設(shè)計并不僅僅是文字和圖片的設(shè)計，更是界面中所有元素的設(shè)計，但凡用戶看到的、聽到的、點擊的、輸入的一切元素，都屬于交互設(shè)計的設(shè)計范疇。站在用戶的立場上，優(yōu)秀的交互設(shè)計讓產(chǎn)品使用起來更加簡便高效，且能在使用過程中感受到設(shè)計者對用戶的關(guān)懷，所以設(shè)計者需要去了解所面向的用戶群體的需求和希望，考慮他們在使用應(yīng)用軟件時可能進(jìn)行的思考和行為，充分揣摩用戶的心理想法，推測用戶可能進(jìn)行的操作行為。通過對APP應(yīng)用界面的交互設(shè)計，協(xié)調(diào)界面和用戶的關(guān)系，使兩者間互相依存——產(chǎn)品需要用戶，用戶通過產(chǎn)品滿足自己的需求，即界面交互的主要目的。

三、手機(jī)APP界面人性化設(shè)計的實施方法

人性化的手機(jī)APP界面設(shè)計必須保證用戶對界面的控制所有權(quán)，方便用戶的識別和操作，設(shè)計師可以參照如下要求。

（一）簡易的交互。優(yōu)秀的交互設(shè)計需要具備易于識別、便于操作的設(shè)計特點，用戶在使用過程中不需要人工指導(dǎo)或教學(xué)，憑借個人經(jīng)驗即可上手操作。為了達(dá)到這一目的，首先APP的界面布局結(jié)構(gòu)要合理，以便用戶能在短時間內(nèi)找到自己需要的板塊;在視覺效果上，各界面與各模塊間的關(guān)系也要清晰明朗，讓用戶方便解讀，關(guān)注主要任務(wù)，避免分散用戶注意力。設(shè)計師需要從使用者的角度來審視界面，依據(jù)用戶的思考模式和使用習(xí)慣來設(shè)計和完善APP的界面，保證產(chǎn)品的功能性和簡潔性，使用戶感到輕松愉悅。

（二）較少的記憶負(fù)擔(dān)。人性化的APP界面設(shè)計需要減少用戶的記憶負(fù)擔(dān)，在用戶可能遺忘的操作界面及時的提醒或指示。如用戶在登錄賬戶時只需輸入前幾位字母或是數(shù)字，曾經(jīng)登陸過的用戶名稱就會以歷史記錄的形式羅列出來，用戶可以終止手動輸入而直接進(jìn)行選擇，節(jié)約了思考時間和輸入時間。智能應(yīng)用軟件需要根據(jù)用戶的需求進(jìn)行必要的數(shù)據(jù)記憶來方便用戶的使用，減輕用戶的記憶負(fù)擔(dān)量。

（三）必要的人文關(guān)懷。當(dāng)APP出現(xiàn)的部分操作讓使用者產(chǎn)生不適時，設(shè)計師可以通過介入文字或是提示、警告用戶的操作來平撫用戶情緒。例如，當(dāng)用戶點擊賬戶注銷按鈕時可以介入文字提示：“是否確認(rèn)注銷？”再如大多數(shù)的購物APP，在用戶付款后都會有文字警告：“請收到貨后，再確認(rèn)收貨！否則您可能錢貨兩空！”這些警告用語會讓用戶感受到APP對自身的關(guān)照，從而提高用戶體驗。

四、結(jié)論

在優(yōu)秀的APP界面設(shè)計作用下，APP使用起來才會更加簡潔便利，用戶才能夠?qū)⑵浠竟δ芎皖~外功能盡情發(fā)揮。設(shè)計師需要將自己假想成正在操作界面的用戶，想用戶所想，做用戶所做，從而設(shè)計出真正人性化的手機(jī)APP界面，以滿足用戶的基本需求和精神需求。

對界面的布局結(jié)構(gòu)、視覺傳達(dá)和界面交互進(jìn)行重點的人性化設(shè)計，令界面布局清晰、界面視覺舒適、界面交互合理，是手機(jī)APP界面人性化設(shè)計的主要方法。人性化的手機(jī)APP界面設(shè)計因其以用戶為中心的設(shè)計出發(fā)點，必定會越來越為廣大人民所接受而成為時代發(fā)展趨勢。

參考文獻(xiàn)：

[1]王巧伶.APP手機(jī)界面創(chuàng)意設(shè)計新手通[M].北京：機(jī)械工業(yè)出版社，2014.46.

[2]張曉景.7天精通PHOTOSHOP CS5 UI交互設(shè)計[M].北京：電子工業(yè)出版社，2012.15.

[3]貍雅人.Photoshop智能手機(jī)APP界面設(shè)計[M].北京：人民郵電出版社，2013.80.

[4]易曉.平面設(shè)計案例分析[M].南昌：江西美術(shù)出版社，2004.134.

[5]Susan Weinschenk.設(shè)計師要懂心理學(xué)[M].北京：人民郵電出版社，2013.77.