基于視覺(jué)信息設(shè)計(jì)的人機(jī)交互界面設(shè)計(jì)＊

易敏哲

（浙江理工大學(xué)，浙江 杭州310018）

“數(shù)字經(jīng)濟(jì)”時(shí)代開創(chuàng)了信息化發(fā)展的新階段，信息傳播模式和形式呈現(xiàn)出多樣性、多元化特點(diǎn)，實(shí)現(xiàn)了對(duì)傳統(tǒng)信息傳遞方法的有益補(bǔ)充和整體提升，致使越來(lái)越多民眾開始在移動(dòng)設(shè)備上獲取知識(shí)。國(guó)內(nèi)許多新聞?lì)怉PP出版方雖然在內(nèi)容資源方面具備優(yōu)勢(shì)，且不乏數(shù)字出版方面的經(jīng)驗(yàn)，但產(chǎn)品細(xì)節(jié)的設(shè)計(jì)未充分考慮使用者的心理與行為方式，文字、圖片、視頻等信息在APP交互界面中的呈現(xiàn)方式不符合人們的認(rèn)知能力，致使產(chǎn)品脫離目標(biāo)用戶需求。

人機(jī)交互界面是計(jì)算機(jī)行業(yè)長(zhǎng)期關(guān)注的重點(diǎn)，相關(guān)研究主要是圍繞人機(jī)交互界面的實(shí)現(xiàn)技術(shù)、開發(fā)工具和方法等方向展開。然而，人機(jī)交互界面作為一門跨學(xué)科專業(yè)，不應(yīng)該忽視其中的人文因素，必須對(duì)人機(jī)交互過(guò)程中的視覺(jué)認(rèn)知展開研究。目前，已有部分研究從視覺(jué)設(shè)計(jì)的角度探討人機(jī)界面設(shè)計(jì)的信息架構(gòu)、視覺(jué)形態(tài)與圖形符號(hào)，并且普遍認(rèn)為適當(dāng)?shù)爻尸F(xiàn)界面信息有利于知識(shí)傳播。例如BOLLINI（2017年）指出應(yīng)用視覺(jué)語(yǔ)言的一些基本規(guī)則，如層次結(jié)構(gòu)、空間、對(duì)齊、色彩、排版，可以創(chuàng)建一個(gè)組織良好、令人心情愉悅的用戶界面，這有助于強(qiáng)化使用者的認(rèn)知結(jié)構(gòu)，并建構(gòu)一個(gè)良好的心智模式[1]。GKATZIDOU等人（2015年）進(jìn)行了一項(xiàng)關(guān)于在線醫(yī)療APP界面設(shè)計(jì)研究，研究者通過(guò)訪談得知專業(yè)性是此類APP用戶最關(guān)注的問(wèn)題，用戶界面所呈現(xiàn)出的信息架構(gòu)應(yīng)該盡量模仿醫(yī)生與患者的交流模式，提升使用者在心理上的信任感[2]。也有研究[3]對(duì)自閉癥民眾的心理認(rèn)知過(guò)程進(jìn)行了分析，并提出適用此類人群的界面信息呈現(xiàn)原則，例如每個(gè)句子不要超過(guò)15個(gè)單詞，圖片與文字要緊密相連，頁(yè)面保持簡(jiǎn)潔等（KAMARUZAMAN等人，2016年）。

如前所述，已有不少學(xué)者從視覺(jué)傳達(dá)的角度論述人機(jī)交互界面的設(shè)計(jì)方法，但對(duì)于用戶界面的視覺(jué)信息設(shè)計(jì)仍有必要做進(jìn)一步探討。視覺(jué)信息設(shè)計(jì)是將數(shù)據(jù)透過(guò)重塑和轉(zhuǎn)譯等方法統(tǒng)整為易使用與易理解的信息，以適當(dāng)?shù)妮d體傳遞給使用者。因此，從信息設(shè)計(jì)的角度進(jìn)行人機(jī)界面設(shè)計(jì)，可以將有意義的視覺(jué)符號(hào)以令人感到舒適和易用的方式組織起來(lái)，幫助使用者找到感興趣的資訊。

文獻(xiàn)研究法是社會(huì)科學(xué)常用的研究方法，可以從前人的研究中總結(jié)觀點(diǎn)，形成新認(rèn)識(shí)和新知識(shí)，增強(qiáng)研究的可信度。本文以文獻(xiàn)研究的方式對(duì)國(guó)內(nèi)已發(fā)表的相關(guān)論文進(jìn)行整理和分析，從中歸納現(xiàn)有研究所取得的成果，探究未來(lái)研究的方向?？偠灾?，透過(guò)系統(tǒng)性的文獻(xiàn)回顧，本文試圖尋求界面視覺(jué)信息呈現(xiàn)方式的最優(yōu)方案，提升用戶的使用體驗(yàn)。

1 基于視覺(jué)信息設(shè)計(jì)的界面圖形設(shè)計(jì)方法

沈愈、蔡楊超（2018年）指出移動(dòng)客戶端界面信息的圖像化呈現(xiàn)與用戶體驗(yàn)密切相關(guān)，應(yīng)該考慮在保留原有內(nèi)容的基礎(chǔ)上，優(yōu)化信息圖形的編排方式，從而區(qū)分信息的主次關(guān)系，提高信息傳遞效率。其中可視化圖形的設(shè)計(jì)應(yīng)在美觀性的基礎(chǔ)上，考慮界面圖形的直觀性、引導(dǎo)性、精準(zhǔn)性和交互性[4]。圖標(biāo)設(shè)計(jì)是圖形設(shè)計(jì)的一個(gè)重要范疇，有研究者認(rèn)為[5]圖標(biāo)設(shè)計(jì)的原則要能直接向使用者傳遞APP的各項(xiàng)功能，在風(fēng)格上可分為擬物化設(shè)計(jì)和扁平化設(shè)計(jì)，而多數(shù)人更青睞簡(jiǎn)潔的圖標(biāo)設(shè)計(jì)風(fēng)格，這是因?yàn)楹?jiǎn)潔的圖標(biāo)能清晰、直觀地傳遞信息，而擬物化圖標(biāo)則主要以傳達(dá)趣味性為主，長(zhǎng)時(shí)間觀看容易引起視覺(jué)疲勞（董華君，2017年）。張立（2017年）對(duì)圖標(biāo)設(shè)計(jì)作了進(jìn)一步解釋，提出圖標(biāo)設(shè)計(jì)的質(zhì)感能夠提升使用者的視覺(jué)感受，從而加深界面對(duì)用戶的吸引力，甚至能作為評(píng)判界面質(zhì)量的直接標(biāo)準(zhǔn)，在設(shè)計(jì)的細(xì)節(jié)上應(yīng)基于人們已知的圖標(biāo)風(fēng)格進(jìn)行變化，避免創(chuàng)造出脫離使用者認(rèn)知的全新圖標(biāo)，因?yàn)檫@會(huì)與百姓的日常生活習(xí)慣產(chǎn)生沖突[6]。

2 基于視覺(jué)信息設(shè)計(jì)的界面文字設(shè)計(jì)方法

界面中的文字設(shè)計(jì)應(yīng)該根據(jù)不同的使用人群變換不同的設(shè)計(jì)風(fēng)格，以兒童APP界面為例[7]，要避免把文字設(shè)計(jì)得過(guò)小，使用容易被兒童識(shí)別的醒目字體；此外，也可以根據(jù)兒童的性格特征，采用比較活潑的手寫字體，以便兒童在操作APP時(shí)能做到易讀、易懂，并且在能夠以圖像傳遞信息的前提下，盡量以圖形符號(hào)代替文字（周承君、謝芳芳，2016年）。王曉?。?019年）則從文字編排的角度對(duì)界面設(shè)計(jì)提出了建議，除了強(qiáng)調(diào)文字是用戶獲取信息的重要途徑外，他提出了以用戶為中心的界面文字設(shè)計(jì)要求，核心理念是避免使用大量的文字，這是因?yàn)榇罅课淖植粌H影響用戶獲取有效信息，而且降低了網(wǎng)頁(yè)品位；反之，如果能將文字圖形化和藝術(shù)化，將能取得更好的傳播效果[8]。張立（2017年）認(rèn)為界面文字設(shè)計(jì)可以分為3個(gè)不同層次，首先是功能性，文字應(yīng)處于輔助地位，減少用戶認(rèn)知負(fù)擔(dān)；其次是形式美，注重段落文字的版式設(shè)計(jì)，段落劃分清晰，給人以秩序感；最后是情感體驗(yàn)，從甲骨文到現(xiàn)代文字，文字伴隨了整個(gè)人類社會(huì)的發(fā)展歷程，因此文字對(duì)人類有著天然的親近性，可以透過(guò)“定制”的概念為特定使用者量身打造特定字體，加深用戶對(duì)界面的情感關(guān)聯(lián)[6]。

3 基于視覺(jué)信息設(shè)計(jì)的界面色彩搭配方法

相比于圖形和文字，沈愈、蔡楊超（2018年）認(rèn)為色彩對(duì)使用者的視覺(jué)沖擊感更強(qiáng)，由于色彩能夠體現(xiàn)情緒，因此無(wú)論是單一色彩在界面中的運(yùn)用，或是不同色彩之間的組合，均能夠影響使用者的心態(tài)，尤其是要處理好多種色彩之間的合理搭配問(wèn)題，恰當(dāng)?shù)爻尸F(xiàn)出APP希望傳遞給使用者的冷暖、前后視覺(jué)感受[4]。在色彩的使用細(xì)節(jié)上，董華君（2017年）指出界面應(yīng)區(qū)分主體顏色和輔助顏色，其中主體顏色多用在界面的抬頭部位，其余部分則用輔助顏色填充，在情感表達(dá)上，黑色給人以時(shí)尚潮流感，灰色給人以典雅感，此兩種顏色常作為輔助顏色出現(xiàn)，通常只需要選用一種顏色為主體顏色[5]。王曉?。?019年）的觀點(diǎn)是界面設(shè)計(jì)的色彩不在于多少，而在于能否準(zhǔn)確傳遞界面的主體內(nèi)涵，他認(rèn)為色彩搭配應(yīng)該遵循2個(gè)原則：從用戶體驗(yàn)需求出發(fā)，滿足不同用戶的審美需求，不推薦使用過(guò)于強(qiáng)烈的色彩，注重整體搭配的和諧統(tǒng)一；從用戶體驗(yàn)心理出發(fā)，了解色彩的情感屬性，明確色彩和用戶心理映射之間的對(duì)應(yīng)關(guān)系[8]。

4 總結(jié)

本文采用文獻(xiàn)研究的方法，從圖形符號(hào)、文字和色彩三個(gè)方面梳理了人機(jī)界面設(shè)計(jì)過(guò)程中應(yīng)該注意的設(shè)計(jì)要點(diǎn)，可以為行業(yè)內(nèi)相關(guān)從業(yè)者提供設(shè)計(jì)參考。視覺(jué)信息設(shè)計(jì)是否恰當(dāng)，直接關(guān)乎用戶操作界面時(shí)的使用體驗(yàn)，例如在使用購(gòu)物類APP時(shí)，好的視覺(jué)信息設(shè)計(jì)能夠快速引導(dǎo)用戶找到想要購(gòu)買的物品頁(yè)面；反之，則會(huì)耗費(fèi)用戶過(guò)長(zhǎng)時(shí)間，甚至找不到所需商品，導(dǎo)致放棄購(gòu)買。因此，界面設(shè)計(jì)之初要充分考慮用戶的實(shí)際需求，做好前期調(diào)研，充分滿足用戶對(duì)界面設(shè)計(jì)的視覺(jué)信息需求。