社交APP界面的交互設(shè)計(jì)

王曉菲

【摘 要】微信已成為人們生活社交的重要工具和新媒體傳播的重要途徑。本文主要從微信UI界面設(shè)計(jì)風(fēng)格、布局原則來論述社交APP的界面設(shè)計(jì);從界面的點(diǎn)擊方式、界面的切換方式等來闡述社交APP界面的交互設(shè)計(jì)，旨在實(shí)現(xiàn)社交軟件界面交互與用戶使用需求的高度匹配，促進(jìn)UI設(shè)計(jì)領(lǐng)域中社交軟件界面交互的進(jìn)一步發(fā)展。

【關(guān)鍵詞】社交APP界面;手機(jī)微信UI;交互設(shè)計(jì);

中圖分類號(hào)：J524 文獻(xiàn)標(biāo)志碼：A? ? ? ? ? ? ? 文章編號(hào)：1007-0125（2019）35-0125-01

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

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

從心理學(xué)的角度看，人機(jī)互動(dòng)是視覺、聽覺和觸覺的感官體驗(yàn)。作為社交軟件，在人機(jī)交互的過程中，視覺是用戶最直接的體驗(yàn)，無論是按鈕的布置或界面的色彩搭配給用戶的體驗(yàn)就是第一印象。優(yōu)秀的社交APP界面交互設(shè)計(jì)和合理的功能布局，能與人的思維邏輯和認(rèn)知習(xí)慣一致，同時(shí)準(zhǔn)確地傳達(dá)視覺信息給用戶。為用戶帶來可靠的和愉悅的交互體驗(yàn)，讓用戶快速瀏覽辨別界面組件和視圖，并感受界面之間的相似之處，使用習(xí)慣的交互方式進(jìn)行操作。

在社交軟件界面中，界面的視覺元素通常由各種圖標(biāo)，文本，導(dǎo)航欄，色彩和造型組成。合理地設(shè)計(jì)這些基礎(chǔ)組件，能有效降低軟件用戶的記憶負(fù)擔(dān)，最大限度地減少用戶誤操作，使操作簡單有效，帶給用戶愉悅的感官體驗(yàn)。

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

以用戶的體驗(yàn)為核心競爭力的騰訊公司，設(shè)計(jì)客戶端的過程中，微信始終把用戶體驗(yàn)擺在第一位，在功能開發(fā)和交互界面設(shè)計(jì)上都著眼于用戶的社會(huì)需求和心理特點(diǎn)，并且不斷收集用戶反饋?？梢愿爬ǔ鲆韵聨c(diǎn)：第一，UI設(shè)計(jì)是否貼合用戶對(duì)象的思維;第二，用戶對(duì)象是否能夠自由控制自己的瀏覽動(dòng)作;第三，用戶對(duì)象能否以簡單的操作來解決該問題。

因此，將交互行為和界面設(shè)計(jì)二者更好地結(jié)合，能夠獲得更多用戶的認(rèn)可，這對(duì)微信的發(fā)展具有十分重要的現(xiàn)實(shí)意義。

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

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

視覺品質(zhì)和視覺魅力是設(shè)計(jì)師視覺風(fēng)格的體現(xiàn)。根據(jù)適用對(duì)象和手機(jī)界面多種多樣的類型。通過視覺語言，如布局結(jié)構(gòu)的界面、顏色、導(dǎo)航圖標(biāo)等，顯示出其個(gè)性化設(shè)計(jì)。界面的風(fēng)格可以選擇性體現(xiàn)在目前許多手機(jī)聊天軟件上，它為用戶帶來全新的視覺體驗(yàn)。

微信可選的界面風(fēng)格，主要體現(xiàn)在視覺形式的可定制性。在視覺和聽覺方面，用戶可選擇不同的界面主題風(fēng)格下載。作為設(shè)計(jì)的個(gè)性化界面導(dǎo)航部分，應(yīng)給予充分重視，各種元素的設(shè)計(jì)風(fēng)格有機(jī)結(jié)合，動(dòng)態(tài)和靜態(tài)的界面導(dǎo)航系統(tǒng)給予用戶更豐富的使用感受。

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

作為主要用于社交活動(dòng)的軟件，微軟的主要功能是手機(jī)用戶的即時(shí)通信功能。但是現(xiàn)在用戶的要求不再局限于交友和聊天，人們對(duì)功能和使用感覺的要求更高。微信的多種功能和應(yīng)用，將成為微信以后發(fā)展的重要方向。從傳統(tǒng)的單一布局到貼合用戶對(duì)象的UI界面，設(shè)計(jì)師需要設(shè)計(jì)出更加實(shí)用和符合用戶未來需求趨勢的設(shè)計(jì)。

深化符合用戶需求的設(shè)計(jì)，將使軟件的交互模式產(chǎn)生質(zhì)的變化。微信以以人為本的目標(biāo)發(fā)展人機(jī)互動(dòng)，帶給用戶更加靈活和個(gè)性化的體驗(yàn)，給用戶提供更好的使用環(huán)境。

界面布局設(shè)計(jì)的三個(gè)要求：貼合用戶控制的人性化界面;界面之間保持統(tǒng)一性;減輕用戶記憶負(fù)擔(dān)。

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

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

通常我們利用界面操作來完成我們的行為，一般界面上的點(diǎn)擊方式主要有點(diǎn)擊、雙擊、滑動(dòng)、搖晃、拖動(dòng)、長按、放大、縮小、橫掃、旋轉(zhuǎn)等。

（二）界面的切換方式

由于屏幕尺寸不同的手機(jī)的交互模式和PC端之間的差別。為了給用戶帶來了良好的交互體驗(yàn)，在用戶進(jìn)行界面切換操作時(shí)，通常使用平滑過渡，指導(dǎo)用戶完成界面切換。這種方法主要有：并行滑動(dòng)開關(guān)、旋轉(zhuǎn)開關(guān)、放大開關(guān)、變形開關(guān)、黑色背景開關(guān)、同時(shí)使用各種方法等。

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

社交應(yīng)用和常用的應(yīng)用程序之間的區(qū)別是，常見的應(yīng)用主要是用戶和應(yīng)用程序本身之間的交互，社交應(yīng)用的交互是在用戶之間和應(yīng)用程序本身，特別是用戶之間的互動(dòng)。因此，社交應(yīng)用應(yīng)該考慮的不僅僅是應(yīng)用的可用性，同時(shí)也為用戶進(jìn)行交流提供了一個(gè)平臺(tái)，讓用戶可以輕松地在這個(gè)平臺(tái)上與其他用戶共享信息。

用戶界面設(shè)計(jì)的相互作用行為，主要表現(xiàn)在用戶和界面之間的交互過程，并且是用于用戶對(duì)界面的功能要求。微信的導(dǎo)航不僅有圖標(biāo)還有文字信息，準(zhǔn)確說明了四個(gè)部分的分類是微信（消息）、通訊、發(fā)現(xiàn)和我。其中微信的朋友圈功能是位于發(fā)現(xiàn)模塊的第一層，這樣可以在用戶尋找朋友圈時(shí)，將其他功能展示在用戶面前，讓用戶通曉全局?？梢詫⒂脩繇樌嘏c界面進(jìn)行交互，并有效地完成任務(wù)，給用戶帶來了良好的操作體驗(yàn)。

四、總結(jié)

本文闡述了社交APP界面如何通過UI設(shè)計(jì)交互行為優(yōu)化用戶體驗(yàn)與提升用戶黏度，以微信為例。隨著人工智能時(shí)代的到來，社交需求廣泛存在于生活的各個(gè)方面，而社交軟件產(chǎn)品的競爭歸根結(jié)底是對(duì)用戶黏度的競爭。綜上所述，UI交互設(shè)計(jì)對(duì)于社交軟件體驗(yàn)滿意度的提升，具有重要的意義和價(jià)值。

參考文獻(xiàn)：

[1]蘇青山.移動(dòng)時(shí)代 UI 設(shè)計(jì)中用戶體驗(yàn)淺談[J].理論探討，2010.3.132.

[2]陳芳，索佳佳.手機(jī)軟件界面設(shè)計(jì)的原則及發(fā)展趨勢[J] .大眾文藝.2012.（23）.67-68.