王金鳳 于梅雪
摘? 要:數(shù)據(jù)顯示,隨著互聯(lián)網(wǎng)的快速發(fā)展,手機(jī)已經(jīng)成為高校學(xué)生接入網(wǎng)絡(luò)使用頻率最高的智能終端。但目前高校開發(fā)的手機(jī)APP卻寥寥無幾,而高校學(xué)生群體有著獨(dú)特的個(gè)性與追求,因此,設(shè)計(jì)出專屬于高校學(xué)生的手機(jī)APP是社會(huì)發(fā)展的必然趨勢(shì)。在高校平臺(tái)的手機(jī)APP界面設(shè)計(jì)中,應(yīng)充分考慮高校學(xué)生的群體特征,滿足高校學(xué)生的情感需求,切實(shí)踐行界面設(shè)計(jì)“以用戶為中心”的宗旨。
關(guān)鍵詞:學(xué)生群體;手機(jī)APP;界面設(shè)計(jì)
十九大報(bào)告指出,互聯(lián)網(wǎng)的快速發(fā)展為人民生活提供了更多的便捷性和可能性。據(jù)中國(guó)互聯(lián)網(wǎng)信息中心(CNNIC)發(fā)布的第44次《中國(guó)互聯(lián)網(wǎng)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》顯示,截至2019年6月,我國(guó)手機(jī)網(wǎng)民規(guī)模已達(dá)8.47億,網(wǎng)民年齡結(jié)構(gòu)中20-29歲的中青年群體所占比重最高,占比為24.6%。由此可以看出,高校學(xué)生依賴手機(jī)上網(wǎng)是網(wǎng)絡(luò)時(shí)代的必然趨勢(shì)。
一、高校學(xué)生的特征
用戶研究是“以用戶為中心來設(shè)計(jì)”流程的第一步,APP界面的表現(xiàn)形式影響著人的使用感受,因此要分析研究使用者的特征,才能設(shè)計(jì)出符合他們心理行為需要的APP界面。
雖然高校招生已經(jīng)擴(kuò)展到全民范圍,但是青年大學(xué)生仍然是主體。青年期來源于拉丁文“adolescere”,是“向成熟發(fā)展”的意思,由這個(gè)意義可以得出,青年期是一個(gè)完善參與社會(huì)態(tài)度以及信念的過渡過程。美國(guó)心理學(xué)家奧蘇貝爾(D.P.Ausubcl)對(duì)青年期的定義為在社會(huì)性和生物性的成熟方面中,個(gè)人由童年向成年的過渡階段。該年齡階段的大學(xué)生有以下幾個(gè)方面的特征。
(一)強(qiáng)烈的求知欲。高校學(xué)生正處于構(gòu)建知識(shí)體系、人格發(fā)展的關(guān)鍵時(shí)期,善于感知各種背后的動(dòng)機(jī),其敏銳的觀察力和旺盛的體力為他們儲(chǔ)備新知識(shí)提供了條件,對(duì)于尚不了解的領(lǐng)域保持著強(qiáng)烈的好奇心。而大學(xué)生所處的時(shí)代也在不斷發(fā)生變化,社會(huì)在為他們提供更多的知識(shí)和信息的同時(shí),也為他們存儲(chǔ)知識(shí)和信息提供了可能。
(二)渴望社會(huì)交往。埃里克森的人格發(fā)展階段理論指出,成年早期(18歲-25歲)是親密感和孤獨(dú)感的階段,也是最容易接受別人親密關(guān)系的時(shí)期,在這一階段具有獲得親密感、避免孤獨(dú)感的發(fā)展任務(wù)。
(三)追求新鮮事物?!吧畈恢寡矍暗钠埱?,還有詩(shī)和遠(yuǎn)方?!弊鳛闀r(shí)代的嬌子,高校學(xué)生對(duì)校園生活有著美好的憧憬和向往。新鮮事物既滿足了他們的好奇心理,使求知欲得到了滿足,又在學(xué)習(xí)之余給予他們更多的緩沖和壓力的釋放,同時(shí)也增長(zhǎng)了專業(yè)之外的知識(shí),拓寬了視野。
(四)自我意識(shí)逐步成熟。自我意識(shí)是人的一種復(fù)雜的心理現(xiàn)象,來自于人對(duì)自己以及周圍的世界關(guān)系的認(rèn)識(shí)。青年期是自我意識(shí)和自我形象形成的關(guān)鍵階段,隨著高校學(xué)生身心的發(fā)展,知識(shí)體系不斷完善,社會(huì)閱歷日漸增多。他們勇于變革創(chuàng)新,不愿循規(guī)蹈矩,因循守舊,對(duì)自己有更高的要求。在這個(gè)個(gè)人價(jià)值能夠得到認(rèn)可的階段,他們自尊心增強(qiáng),強(qiáng)烈渴望得到信任和尊重。
二、 高校學(xué)生的特征提取與界面視覺設(shè)計(jì)的關(guān)系
(一)特征提取與布局的關(guān)系
一個(gè)優(yōu)秀的設(shè)計(jì)來源于一個(gè)優(yōu)秀的設(shè)計(jì)流程[1]。布局設(shè)計(jì)是界面設(shè)計(jì)中最重要的一個(gè)環(huán)節(jié),可以使用戶迅速找到需要的信息和服務(wù),滿足用戶的心理需求。
布局在設(shè)計(jì)上包括均衡與對(duì)比兩種手法。均衡法是指各元素在布局上保持分量的勻稱和平衡,從而達(dá)到視覺的平衡性和穩(wěn)定性。由于高校學(xué)生熱情活潑的性格特性,而均衡這一法則雖平衡感和穩(wěn)定性比較強(qiáng),但是缺乏變化,在應(yīng)用上具有很大的局限性。界面的節(jié)奏與韻律法則可以理解為規(guī)律、節(jié)奏、動(dòng)感、跳躍等元素,律動(dòng)可以給人帶來視覺上的節(jié)奏效果,引導(dǎo)用戶的視覺軌跡,進(jìn)而吸引高校學(xué)生進(jìn)一步了解界面內(nèi)容。
(二)特征提取與色彩的關(guān)系
色彩是人們體驗(yàn)環(huán)境的實(shí)質(zhì)所在,是APP界面視覺設(shè)計(jì)中最重要的元素之一,用戶在初次使用APP形成的第一印象中,色彩是最直觀的設(shè)計(jì)元素。對(duì)于APP界面來說,色彩在界面中的重要意義在于人與界面視覺呈現(xiàn)之間的交流,而色彩作為交流因子之一成為視覺交流的媒介。
康定斯基在《藝術(shù)中的精神》中提到:色彩直接影響著精神[2]。對(duì)于接受能力強(qiáng)且喜歡新鮮事物的高校學(xué)生來說,他們的色彩心理喜好復(fù)雜多變,因此進(jìn)行高校招聘類APP界面視覺設(shè)計(jì)時(shí)更要注意色彩的運(yùn)用與搭配細(xì)節(jié)。針對(duì)高校學(xué)生群體的APP不同于其他行業(yè)性質(zhì)的APP,設(shè)計(jì)師要從高校學(xué)生的角度出發(fā),根據(jù)其行為特征和心理特征來準(zhǔn)確定位色彩,掌握得當(dāng)?shù)娘L(fēng)格,搭配成功的配色可以給高校學(xué)生帶來良好的視覺體驗(yàn)。
(三)特征提取與文字的關(guān)系
文字不僅具有傳播信息的功能,還可以起到裝飾界面的作用。界面視覺設(shè)計(jì)中的文字設(shè)計(jì)時(shí)需要遵循幾個(gè)原則,即可識(shí)別性、獨(dú)特性、藝術(shù)性。文字的可識(shí)別性是最基本的原則,字體不能過分夸張變形,要能夠準(zhǔn)確辨識(shí)。文字的獨(dú)特性原則是指文字經(jīng)過創(chuàng)新設(shè)計(jì)去刻意迎合用戶的心理品味,要勇于打破傳統(tǒng)的印刷字體,注重文字的獨(dú)特性來增強(qiáng)界面的吸引力。字體的藝術(shù)性是指在設(shè)計(jì)的過程中要遵循均衡、對(duì)稱的美學(xué)原理,提高藝術(shù)欣賞性。文字在單個(gè)字體美觀醒目的同時(shí),更要達(dá)到整體內(nèi)容的和諧統(tǒng)一。
(四)特征提取與動(dòng)效的關(guān)系
動(dòng)效的應(yīng)用應(yīng)當(dāng)具備兩個(gè)條件,首先是要生動(dòng)并且有趣,其次動(dòng)效不是可有可無的,它具備提升體驗(yàn)感的作用。動(dòng)效分類包括視覺反饋、功能改變、空間擴(kuò)展、元素的層次結(jié)構(gòu)及其交互、視覺提示、系統(tǒng)狀態(tài)等。
但由于高校學(xué)生容易被新鮮事物吸引,因此在界面中動(dòng)效的運(yùn)用不宜過多,Raizlabs的產(chǎn)品工程師Ben johnson提出,一個(gè)界面如果超過6個(gè)引導(dǎo)動(dòng)效設(shè)計(jì)便會(huì)過度分散用戶的注意力,從而降低APP的使用效率,使用戶感覺APP 的使用過程繁瑣復(fù)雜。
三、高校招聘類APP界面設(shè)計(jì)原則
(一)界面簡(jiǎn)潔易用原則
簡(jiǎn)潔原則要求APP界面中呈現(xiàn)的是最常用的功能和最主要的信息。由于人腦對(duì)信息的加工與編碼的容量有限,因此在進(jìn)行界面功能和信息組織時(shí),應(yīng)盡量簡(jiǎn)化導(dǎo)航的數(shù)量,并做到優(yōu)先內(nèi)容的展示,刪除不必要出現(xiàn)的功能和信息,把核心需求做到極致。
(二) 重點(diǎn)控件突出原則
根據(jù)智能設(shè)備終端界面的特點(diǎn),重要功能按鈕的設(shè)計(jì)需要更加突出,以方便用戶快速定位使用。采用高度對(duì)比原則就要使其對(duì)比足夠強(qiáng)烈,可以通過冷色和暖色之間的對(duì)比,以及對(duì)字體字號(hào)和顏色的選擇來實(shí)現(xiàn)重點(diǎn)控件的突出。
(三) 界面清晰一致原則
1.層次結(jié)構(gòu)清晰
界面設(shè)計(jì)中層次結(jié)構(gòu)是通過形狀、位置以及顏色區(qū)分出來的,因此,應(yīng)把重要的元素放在界面的上方或者刻意地向外突出,并將需要重點(diǎn)突出的元素用飽和度較高的顏色進(jìn)行渲染。界面中元素的色彩選擇與背景顏色以及其他元素的顏色對(duì)比不能過于強(qiáng)烈,以免視覺效果過于跳躍而擾亂整個(gè)界面的視覺平衡。
2.圖標(biāo)運(yùn)用適當(dāng)
相似的元素之間應(yīng)該采用相同的視覺屬性,而且在不同頁面提供相同功能的圖標(biāo)元素呈現(xiàn)要在每個(gè)頁面上的相同位置,在面積、顏色、字體、陰影等效果上應(yīng)該具有一樣的選擇,這樣嚴(yán)謹(jǐn)性保持一致性可以使用戶快速地找到并識(shí)別。
3.避免視覺噪聲。
界面呈現(xiàn)中的視覺噪聲一般是由冗余的視覺元素造成的,多余的元素會(huì)將用戶的注意力直接從頁面轉(zhuǎn)移到別處。這些視覺噪聲主要包括不必要元素的使用、標(biāo)尺的過度使用、過分的裝飾、用于隔離功能控件的元素選擇不當(dāng)以及視覺屬性的過分使用等。視覺元素的混亂、過分裝飾都會(huì)加重人們的認(rèn)知負(fù)荷,產(chǎn)生對(duì)信息理解和分析的焦慮情緒,從而影響用戶理解信息以及完成任務(wù)的速度。
4.消除視覺附加工作
視覺的附加工作是指用戶必須要經(jīng)過分析才能得到的信息。在界面設(shè)計(jì)過程中應(yīng)當(dāng)合理使用視覺隱喻,以避免在不經(jīng)意間給用戶帶來的各種附加工作。雖然視覺隱喻能夠讓用戶更容易理解元素和行為之間的關(guān)系,但是在了解這些情況后,隱喻的管理無形中添加了視覺的附加工作。
(四)良好的隱喻性原則
隱喻運(yùn)用于界面設(shè)計(jì)中可以簡(jiǎn)化界面操作步驟,使界面中復(fù)雜的功能信息更容易被理解,從而減輕用戶的記憶負(fù)擔(dān)。良好的隱喻需要做到兩點(diǎn):1.易于識(shí)別。在界面設(shè)計(jì)中,更多地采用基于用戶生活經(jīng)驗(yàn)和習(xí)慣的圖標(biāo)形式可以減少用戶學(xué)習(xí)的時(shí)間成本,記憶負(fù)擔(dān)也會(huì)隨之減輕。2.易于記憶。界面設(shè)計(jì)中多使用圖形符號(hào)來代替單純的文字,可以使界面信息更加直觀有效,利于用戶記憶。
(五)友好反饋原則
一個(gè)優(yōu)秀的界面設(shè)計(jì)應(yīng)當(dāng)及時(shí)給用戶的操作予以友好的反饋,讓用戶能夠明晰APP的運(yùn)行狀態(tài)以及預(yù)見操作的結(jié)果。界面所提供的反饋從感官上分可為視覺反饋、聽覺反饋和觸覺反饋三種。
四、 結(jié)語
在互聯(lián)網(wǎng)的快速發(fā)展以及數(shù)字媒體化的環(huán)境背景下,信息傳播方式發(fā)生了深刻的改變,傳統(tǒng)意義上被動(dòng)接受信息的受眾正慢慢淡出,媒體數(shù)字化的新型受眾正在以更為積極的態(tài)度參與到信息傳播和接受中。高校學(xué)生群體是社會(huì)的未來,一直受到社會(huì)各領(lǐng)域的廣泛關(guān)注,因此,在高校平臺(tái)的手機(jī)APP界面設(shè)計(jì)中,應(yīng)充分考慮高校學(xué)生的群體特征,滿足高校學(xué)生的情感需求,切實(shí)踐行界面設(shè)計(jì)“以用戶為中心”的宗旨。
參考文獻(xiàn):
[1]王銀濤.淺談移動(dòng)互聯(lián)網(wǎng)產(chǎn)品開發(fā)中的交互設(shè)計(jì)流程[J].工業(yè)C,2016(6):119.
[2]李一峰.信息化進(jìn)程中高校圖書館設(shè)計(jì)探討[D].南京:南京工業(yè)大學(xué),2006.
作者簡(jiǎn)介:
王金鳳,碩士,青島恒星科技學(xué)院助教。研究方向:視覺傳達(dá)設(shè)計(jì)。
于梅雪,青島恒星科技學(xué)院副教授。研究方向:廣告設(shè)計(jì)。