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

吳 迪

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

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

一、概述社交類APP

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

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

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

（二）社交APP的分類特征

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

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

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

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

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

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

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

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

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

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

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

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

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

突出社交APP交互設(shè)計的簡潔性，因為社交APP涉及交互設(shè)計工作，因此需要合理減少設(shè)計步驟，幫助用戶獲得需要的信息，保障設(shè)計的簡潔性，從而在應(yīng)用開發(fā)過程中優(yōu)化用戶體驗感。

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

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

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

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

（二）社交APP界面設(shè)計的視覺體驗

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

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

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

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

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

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

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

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

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

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

（二）社交APP微信用戶體驗

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

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

（一）UI界面設(shè)計的視覺風格

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

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

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

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

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

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

（一）界面點擊方式

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

（二）界面切換方式

因為屏幕尺寸的差異性，因此增加了手機交互模式和PC端的差異性，為了優(yōu)化用戶交互體驗，用戶在切換操作界面的時候主要是利用平滑過渡，因此順利切換界面。利用這種方法的過程中，可以利用并行滑動開關(guān)和旋轉(zhuǎn)開關(guān)以及放大開關(guān)等方式。

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

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

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

結(jié)語

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