社交APP界面的交互設(shè)計(jì)解析
——以手機(jī)微信UI設(shè)計(jì)為例

吳 迪

（遼陽(yáng)職業(yè)技術(shù)學(xué)院,遼寧遼陽(yáng) 111000）

當(dāng)前人們生活社交的重要工具，這也是重要的新媒體傳播方式。本文結(jié)合微信UI界面設(shè)計(jì)工作分析了社交APP界面設(shè)計(jì)工作。主要分析了界面點(diǎn)擊方式和界面切換方式等，保障社交軟件界面交互符合用戶使用需求，進(jìn)一步發(fā)展社交軟件界面交互。

一、概述社交類APP

社交APP指的是人們相互溝通的應(yīng)用程序平臺(tái)。不斷創(chuàng)新相關(guān)技術(shù)，并且不斷介入新媒體，再加上人們的需求不斷發(fā)生改變，因此創(chuàng)新了社交APP開(kāi)發(fā)內(nèi)容和演變模式以及受眾群體等，因此需要合理把控社交APP發(fā)展?fàn)顩r，突出新的社交生態(tài)和社交理念[1]。

（一）社交APP應(yīng)用現(xiàn)狀

以騰訊系為首的社交平臺(tái)不斷穩(wěn)固社交根基，各個(gè)科技企業(yè)不斷推出各種社交APP，呈現(xiàn)出增長(zhǎng)發(fā)展趨勢(shì)。我國(guó)移動(dòng)互聯(lián)網(wǎng)行業(yè)用戶數(shù)量持續(xù)性的增加，線上應(yīng)用服務(wù)有效補(bǔ)充了線下生活流量。國(guó)內(nèi)新上架的社交APP數(shù)量不斷增加，應(yīng)用軟件數(shù)量超過(guò)了137萬(wàn)，其中休閑娛樂(lè)類APP更加暢銷，而且在人們?nèi)粘Ｉ钪袕V泛利用微信和支付寶等社交APP。我國(guó)社交APP不斷更新，逐漸向娛樂(lè)虛擬化方向發(fā)展。通過(guò)相互融合不同類別的社交APP，可以推動(dòng)社交APP向社交+方向發(fā)展。當(dāng)前在社交APP中，社交為導(dǎo)向的發(fā)展態(tài)勢(shì)占據(jù)主導(dǎo)地位，并且涌動(dòng)性的增長(zhǎng)社交APP。當(dāng)前人們的消費(fèi)需求更加側(cè)重于線上，在移動(dòng)互聯(lián)網(wǎng)用戶結(jié)構(gòu)方面手機(jī)發(fā)揮著重要的作用，同時(shí)不斷擴(kuò)大年輕用戶的比例，促進(jìn)了資源融合發(fā)展，同時(shí)激發(fā)了互聯(lián)網(wǎng)的發(fā)展活力。

（二）社交APP的分類特征

在互聯(lián)網(wǎng)和新媒體的推動(dòng)下，社交APP呈現(xiàn)出良好的發(fā)展態(tài)勢(shì)，并且具有不同的分類特征。根據(jù)用戶關(guān)系可以劃分為熟人社交APP和陌生人社交APP以及社交+模式的社交APP。在開(kāi)發(fā)社交APP功能的過(guò)程中，需要注重即時(shí)通信和分享表達(dá)[2]。

1.通信類：逐漸擴(kuò)大通信用戶規(guī)模，也因此發(fā)展壯大了通信類社交APP，雖然媒體生態(tài)系統(tǒng)具有差異性特征，但是多功能覆蓋的平臺(tái)具有較大的優(yōu)勢(shì)。逐漸分化媒介生態(tài)圈，騰訊和新浪發(fā)揮著引領(lǐng)作用，微信和微博等多元平臺(tái)呈現(xiàn)出共存狀態(tài)。近些年不斷豐富社交APP的通信功能，各個(gè)軟件和平臺(tái)之間可以融通，并且在軟件內(nèi)部多元化整合，可以高效的共享資源。

2.分享類：當(dāng)前社交APP可以參與分享，因此逐漸提高了人們的依賴性，更加傾向于線上分享和參與。分享類社交應(yīng)用程序可以豐富表達(dá)和共享類型，例如可以利用微信和微博表達(dá)意見(jiàn)、分享生活，這類社交APP可以為受眾表達(dá)和分享提供更多的途徑[3]。

3.娛樂(lè)類：原來(lái)的社交APP主要包括陌生人社交和熟人社交，社交APP不斷發(fā)展，逐漸弱化了陌生人和熟人的界限，突出了跳躍式社交特色。建立短連接可以滿足不同場(chǎng)景需求，用戶在各種場(chǎng)景中可以充當(dāng)半熟人的角色，用戶社交的目的不再是交朋友，主要是為了利用娛樂(lè)化方式減少精神壓力，從而實(shí)現(xiàn)自我放松。

（三）我國(guó)社交APP發(fā)展趨勢(shì)

1.增加了潛在用戶群體數(shù)量：不僅包括互聯(lián)網(wǎng)用戶群，同時(shí)也存在龐大的用戶群體。當(dāng)前中國(guó)互聯(lián)網(wǎng)用戶已經(jīng)從20～29歲之間使用率高點(diǎn)不斷向兩端移動(dòng)。不斷壯大青少年和中老年的用戶群體，呈現(xiàn)出較快的增長(zhǎng)速度[4]。

2.低學(xué)歷網(wǎng)民成為新起點(diǎn)：低學(xué)歷網(wǎng)民的個(gè)體營(yíng)業(yè)和自由職業(yè)的比例更高，說(shuō)明他們擁有更多的時(shí)間，同時(shí)具備強(qiáng)烈的信息需求。我國(guó)初中以下學(xué)歷的人群數(shù)量超過(guò)了8.27億，而且在不斷壯大低學(xué)歷群體的上網(wǎng)規(guī)模。

3.社交模式多元化：媒介融合背景下，也開(kāi)始廣泛融合社交模式，因?yàn)樯缃蝗窕鸵苿?dòng)化的發(fā)展，突出了社交模式的多元化，網(wǎng)絡(luò)空間具有虛擬化特征，可以因此增加社交途徑。利用網(wǎng)絡(luò)媒體可以增強(qiáng)網(wǎng)絡(luò)用戶參與感，用戶的虛擬代入感因此提高，利用各種渠道構(gòu)建輕量社交關(guān)系，可以突出碎片化的社交模式，促使用戶完成場(chǎng)景沉浸。

4.經(jīng)濟(jì)效應(yīng)轉(zhuǎn)型：針對(duì)傳統(tǒng)的社交模式，利用網(wǎng)絡(luò)的虛擬化和聯(lián)通性，可以促進(jìn)經(jīng)濟(jì)效益轉(zhuǎn)型，有利于完善社交系統(tǒng)。年輕的用戶群體更加關(guān)注明星，因此突出了明星和粉絲之間的經(jīng)濟(jì)效益[5]。

二、社交APP界面設(shè)計(jì)的視覺(jué)呈現(xiàn)

（一）社交APP設(shè)計(jì)需求

社交APP更新速度不斷提高，逐漸增大了大眾溝通需求，大幅度增加了用戶使用量。社交APP應(yīng)用范圍十分廣泛，大眾也逐漸提高了社交APP功能要求，不再滿足于簡(jiǎn)單的聊天需求，因此在社交APP設(shè)計(jì)過(guò)程中，設(shè)計(jì)人員需要深入挖掘用戶潛在的需求，在設(shè)計(jì)過(guò)程中不斷完善功能服務(wù)模塊。

提高通訊模塊設(shè)計(jì)的快捷性，逐漸增多社交APP的種類，可以提供信息分享和交友以及位置共享等服務(wù)。社交APP最基本的開(kāi)發(fā)功能為收集通訊功能，需要突出通訊模塊設(shè)計(jì)的快捷性和簡(jiǎn)單性，在簡(jiǎn)單的頁(yè)面中及時(shí)明確需要的功能模塊。

突出社交APP交互設(shè)計(jì)的簡(jiǎn)潔性，因?yàn)樯缃籄PP涉及交互設(shè)計(jì)工作，因此需要合理減少設(shè)計(jì)步驟，幫助用戶獲得需要的信息，保障設(shè)計(jì)的簡(jiǎn)潔性，從而在應(yīng)用開(kāi)發(fā)過(guò)程中優(yōu)化用戶體驗(yàn)感。

網(wǎng)絡(luò)世界具有虛擬性特征，社交APP可以提供線上+線下溝通方式，有利于提高大眾聯(lián)系的密切性，滿足大眾使用需求。滿足用戶社交需求之后，需要利用輕簡(jiǎn)原則，幫助用戶及時(shí)獲得需要的功能模塊[6]。

1.用戶體驗(yàn)認(rèn)知心理。認(rèn)知心理學(xué)綜合了心理學(xué)和語(yǔ)言學(xué)以及計(jì)算機(jī)科學(xué)等，結(jié)合人們的心理意識(shí)，在輸入和輸出之間實(shí)現(xiàn)高級(jí)心理過(guò)程。用戶體驗(yàn)認(rèn)知心理指的是用戶在外界獲得和轉(zhuǎn)換信息的過(guò)程，通過(guò)信息處理方式，在感知和認(rèn)知活動(dòng)中利用注意力和表達(dá)以及語(yǔ)言等方面。人們接收外部信息之后，首先在感官系統(tǒng)中分析和轉(zhuǎn)換，并且存儲(chǔ)視像和聲像方式，并且在人腦形成記憶之后再進(jìn)行反應(yīng)。這種行為過(guò)程和計(jì)算機(jī)程序邏輯具有較大的相似性，首先輸入計(jì)算機(jī)接收數(shù)據(jù)，完成內(nèi)部編碼分析，再分析和存儲(chǔ)接收的信息，最終輸出符號(hào)。

用戶使用習(xí)慣和心理需求等和用戶認(rèn)知活動(dòng)之間具有緊密的聯(lián)系，在社交APP界面設(shè)計(jì)過(guò)程中利用用戶認(rèn)知心理，因此減輕用戶記憶負(fù)荷，進(jìn)一步優(yōu)化用戶產(chǎn)品體驗(yàn)，提高產(chǎn)品界面設(shè)計(jì)的水平[7]。

2.界面設(shè)計(jì)的形式美。在社交APP界面設(shè)計(jì)過(guò)程中，需要合理布置各種元素，在畫(huà)面構(gòu)成中優(yōu)化排布文字和圖形，優(yōu)化整體視覺(jué)效果。突出界面設(shè)計(jì)的形式美，高度統(tǒng)一美的形式和美的內(nèi)容。一方面需要實(shí)現(xiàn)有秩序的美，符合用戶使用習(xí)慣，在心理學(xué)角度出發(fā)，呈現(xiàn)出一種安全穩(wěn)定的感覺(jué)。在界面構(gòu)成階段，利用對(duì)稱性和漸變性等表現(xiàn)形式創(chuàng)造形式美。秩序產(chǎn)生的美感具有簡(jiǎn)潔性和直觀性，例如優(yōu)化設(shè)計(jì)UI界面的線條和色塊等規(guī)則。為了突出設(shè)計(jì)的美感，需要做好文字排版和色彩搭配以及圖形分布等。另一方面需要突出個(gè)性化的美感，這種美感具有獨(dú)特性，可以讓人們產(chǎn)生新奇和刺激的感覺(jué)，突出UI界面設(shè)計(jì)的活力，呈現(xiàn)不同的UI界面審美傾向，呈現(xiàn)出個(gè)性化的色彩。

（二）社交APP界面設(shè)計(jì)的視覺(jué)體驗(yàn)

人們對(duì)于社交APP界面第一體驗(yàn)為視覺(jué)和聽(tīng)覺(jué)，通過(guò)利用立體的感覺(jué)體驗(yàn)創(chuàng)新傳統(tǒng)的信息讀取方式。讀圖方式可以創(chuàng)新人們的視覺(jué)體驗(yàn)感，因此在設(shè)計(jì)過(guò)程中需要優(yōu)化用戶感官體驗(yàn)和情感體驗(yàn)。設(shè)計(jì)人員需要優(yōu)化布局排版，在社交APP界面設(shè)計(jì)過(guò)程中為了方便用戶獲得更多的信息，需要利用柵格系統(tǒng)均衡分割界面信息內(nèi)容結(jié)構(gòu)。利用柵格系統(tǒng)可以劃分不同的信息模塊，將各元素的內(nèi)在聯(lián)系更加簡(jiǎn)潔的反映出來(lái)，在界面上高效的普及信息。針對(duì)各種類型的社交APP，將會(huì)呈現(xiàn)出不同的內(nèi)容。因此在社交APP界面排版設(shè)計(jì)過(guò)程中需要做好產(chǎn)品定位。做好文字排版，需要合理協(xié)調(diào)布局頁(yè)面和信息的層次關(guān)系，同時(shí)需要合理利用色彩，增強(qiáng)用戶體驗(yàn)感。根據(jù)空間組合排列靈活利用造型元素，表達(dá)出形式美感，增強(qiáng)整體感官體驗(yàn)[8]。

色彩直接影響到用戶視覺(jué)，因此在社交APP界面設(shè)計(jì)過(guò)程中需要合理選擇和搭配色彩，有效表達(dá)情緒，同時(shí)可以營(yíng)造氣氛，突出視覺(jué)沖擊力。不同色彩可以傳達(dá)出不同的情緒，促使人們產(chǎn)生不同的心理預(yù)期。設(shè)計(jì)人員需要結(jié)合色彩情感表達(dá)，因此把控產(chǎn)品色彩方向，因此獲得設(shè)計(jì)靈感，在設(shè)計(jì)中合理融入自然元素，突出設(shè)計(jì)原創(chuàng)性。色彩獨(dú)特性可以凸顯出社交APP風(fēng)格特征，通過(guò)綜合利用冷色調(diào)和暖色調(diào)，可以突出不同的視覺(jué)效果，設(shè)計(jì)人員通過(guò)合理搭配色彩，可以優(yōu)化用戶體驗(yàn)。

（三）社交APP界面設(shè)計(jì)的視覺(jué)元素

1.圖案設(shè)計(jì)。在界面設(shè)計(jì)過(guò)程中，可以用圖案展示出形象信息，因此吸引用戶注意。圖案呈現(xiàn)效果直接關(guān)系到界面視覺(jué)效果，通過(guò)圖案設(shè)計(jì)可以將設(shè)計(jì)者的思想傳達(dá)出來(lái)，對(duì)比文字，圖案具有不同的優(yōu)勢(shì)特點(diǎn)。圖案具有直觀性特征，方便人們了解圖案信息，通過(guò)圖案信息直觀的表達(dá)內(nèi)部信息，有利于提高用戶使用的便捷性。圖案具有生動(dòng)性特征，有利于激發(fā)用戶想象力和用戶情感體驗(yàn)，進(jìn)一步豐富圖案語(yǔ)言，有利于更加生動(dòng)的傳達(dá)信息。圖案還具有藝術(shù)性特征，利用圖案可以產(chǎn)生心理暗示，同時(shí)需要突出構(gòu)成形式的藝術(shù)性，完美的結(jié)合內(nèi)容和形式。圖案信息要表達(dá)出設(shè)計(jì)者的思想內(nèi)容和藝術(shù)素養(yǎng)。圖案廣泛性特征可以廣泛傳達(dá)信息，圖案是一種圖形表達(dá)方式，有利于廣播傳播信息，因此在設(shè)計(jì)過(guò)程中廣泛利用[9]。

2.圖標(biāo)設(shè)計(jì)。圖表是社交APP界面的重要圖像語(yǔ)言，可以為用戶帶來(lái)直觀的信息。不斷發(fā)展社交APP設(shè)計(jì)，突出了圖標(biāo)設(shè)計(jì)的扁平化特征，并且演變?yōu)橹鲗?dǎo)風(fēng)格。通過(guò)設(shè)計(jì)扁平化風(fēng)格的圖表，可以發(fā)揮出裝飾作用，同時(shí)可以讓用戶掌握?qǐng)D表使用功能，因此降低復(fù)雜設(shè)計(jì)的心理壓力。

3.色彩設(shè)計(jì)。在社交APP界面設(shè)計(jì)過(guò)程中需要合理利用色彩，保障色調(diào)的統(tǒng)一性和色彩的和諧性，合理輸出色彩情感。

三、概述社交APP界面的交互設(shè)計(jì)理論

（一）社交APP微信交互行為心理

人機(jī)交互綜合了視覺(jué)和聽(tīng)覺(jué)以及觸覺(jué)等體驗(yàn)，其中視覺(jué)是人機(jī)交互重要的體驗(yàn)，因此需要優(yōu)化布置按鈕，并且要合理搭配界面色彩，為用戶提供良好的第一印象。提高社交APP界面交互設(shè)計(jì)的合理性，保障功能布局的科學(xué)性，可以符合人的思維邏輯和認(rèn)知習(xí)慣，同時(shí)可以向用戶傳達(dá)正確的視覺(jué)信息，保障用戶享受到優(yōu)質(zhì)的交互體驗(yàn)，方便用戶快速瀏覽社交APP界面組件和視圖，并且感受到社交APP界面的相似性，可以根據(jù)自己的習(xí)慣操作交互方式。

社交APP界面視覺(jué)元素涉及較多的圖標(biāo)和文本以及導(dǎo)航欄等部分，通過(guò)靈活組合利用不同的基礎(chǔ)組件，可以減少用戶記憶負(fù)擔(dān)，同時(shí)可以減少操作失誤問(wèn)題的發(fā)生次數(shù)，合理簡(jiǎn)化社交APP界面操作，進(jìn)一步優(yōu)化社交APP感官體驗(yàn)[10]。

（二）社交APP微信用戶體驗(yàn)

企業(yè)需要重視用戶體驗(yàn)，并且以此作為社交APP的核心競(jìng)爭(zhēng)力，在客戶端設(shè)計(jì)過(guò)程中，維護(hù)注重用戶體驗(yàn)感受，以用戶社會(huì)需求和心理特點(diǎn)為基礎(chǔ)設(shè)計(jì)交互界面，進(jìn)一步開(kāi)發(fā)相關(guān)功能，相關(guān)設(shè)計(jì)人員需要不斷收集用戶的反饋，首先需要保障UI設(shè)計(jì)符合用戶思維，其次促使用戶對(duì)象自由性的操作瀏覽動(dòng)作，最后需要保證用戶利用簡(jiǎn)單的操作解決問(wèn)題。因此需要完美的結(jié)合交互行為和界面設(shè)計(jì)，進(jìn)一步提高用戶的認(rèn)可度，這樣才可以推動(dòng)社交APP可持續(xù)發(fā)展。

四、社交APP微信UI界面設(shè)計(jì)

（一）UI界面設(shè)計(jì)的視覺(jué)風(fēng)格

為了體現(xiàn)設(shè)計(jì)師的視覺(jué)風(fēng)格，需要保障視覺(jué)品質(zhì)，突出視覺(jué)魅力。以使用對(duì)象和手機(jī)界面為基礎(chǔ)，綜合利用視覺(jué)語(yǔ)言，合理布局結(jié)構(gòu)界面和顏色等，提高設(shè)計(jì)結(jié)果的個(gè)性化。可以在手機(jī)聊天軟件中選擇性的體驗(yàn)界面的風(fēng)格，創(chuàng)新視覺(jué)體驗(yàn)。

分析微信界面風(fēng)格，可以提高視覺(jué)形式的可定制性。用戶可以綜合視覺(jué)和聽(tīng)覺(jué)方面，合理選擇不同的界面主題風(fēng)格。充分重視設(shè)計(jì)的個(gè)性化界面導(dǎo)航部分，有機(jī)協(xié)調(diào)不同元素的設(shè)計(jì)風(fēng)格，豐富用戶使用感受。

（二）UI界面設(shè)計(jì)布局原則

微信是當(dāng)前人們主要社交活動(dòng)軟件，人們通過(guò)手機(jī)可以即時(shí)通信。但是用戶不再局限于聊天，更加注重功能和使用感覺(jué)。在微信后續(xù)發(fā)展過(guò)程中，需要豐富微信使用功能，保證UI界面更加貼合用戶對(duì)象的需求。

根據(jù)用戶需求深化設(shè)計(jì)，有效創(chuàng)新軟件交互模式。微信的設(shè)計(jì)基礎(chǔ)為以人為本，提高人機(jī)互動(dòng)的靈活性，促使用戶獲得個(gè)性化體驗(yàn)，優(yōu)化用戶使用環(huán)境。在界面布局設(shè)計(jì)過(guò)程中，需要設(shè)計(jì)出人性化界面，同時(shí)需要突出界面的統(tǒng)一性，因此減少用戶記憶壓力。

五、社交APP微信UI界面交互設(shè)計(jì)

（一）界面點(diǎn)擊方式

人們主要是利用界面操作完成各種行為，而界面點(diǎn)擊方式主要包括點(diǎn)擊和雙擊以及滑動(dòng)、長(zhǎng)按等。

（二）界面切換方式

因?yàn)槠聊怀叽绲牟町愋裕虼嗽黾恿耸謾C(jī)交互模式和PC端的差異性，為了優(yōu)化用戶交互體驗(yàn)，用戶在切換操作界面的時(shí)候主要是利用平滑過(guò)渡，因此順利切換界面。利用這種方法的過(guò)程中，可以利用并行滑動(dòng)開(kāi)關(guān)和旋轉(zhuǎn)開(kāi)關(guān)以及放大開(kāi)關(guān)等方式。

（三）社交APP微信界面的UI交互設(shè)計(jì)作用需求和優(yōu)勢(shì)

常用應(yīng)用指的是用戶和應(yīng)用程序的交互，社交應(yīng)用交互指的是用戶和應(yīng)用程序之間交互，同時(shí)可以實(shí)現(xiàn)用戶之間的互動(dòng)。不僅需要突出社交應(yīng)用的可用性，還要提供用戶交流平臺(tái)，方便用戶利用這一平臺(tái)共享信息。

用戶界面設(shè)計(jì)的相互作用，主要是交互用戶和界面之間，滿足用戶提出的界面功能需求。微信導(dǎo)航需要提供圖標(biāo)和文字。凸顯出微信朋友圈功能，方便向用戶展示出其他功能，提高用戶和界面交互的便利性，提高任務(wù)完成效率，優(yōu)化用戶操作體驗(yàn)。

結(jié)語(yǔ)

本文分析了社交APP界面設(shè)計(jì)，進(jìn)一步增強(qiáng)用戶體驗(yàn)。人工智能技術(shù)不斷發(fā)展，逐漸增強(qiáng)了人們的社交需求，為了提高社交軟件產(chǎn)品的競(jìng)爭(zhēng)性，需要增加擁堵的黏度，而落實(shí)UI交互設(shè)計(jì)，有利于提高社交軟件體驗(yàn)的滿意度，需要引起設(shè)計(jì)人員的重視。