孫軍 袁梓焜 王佳 陳晴 馬寶龍 劉蕊

(北京化工大學(xué)，北京 100029)

0 引言

如今，微信已成為新媒體傳播的關(guān)鍵陣地和人們生活社交的重要工具，其作為目前國(guó)內(nèi)社交用戶群體最多的軟件，日活躍用戶已逾9億。隨著用戶量的提升和使用頻率的提高，窗口數(shù)量增多，軟件界面趨于復(fù)雜使得用戶操作流程煩瑣，難以管理，導(dǎo)致用戶使用體驗(yàn)滿意度下降。因此，基于UI設(shè)計(jì)的社交軟件界面優(yōu)化有著巨大的市場(chǎng)挖掘價(jià)值。本文旨在實(shí)現(xiàn)社交軟件界面與用戶使用需求的高度匹配，促進(jìn)UI設(shè)計(jì)領(lǐng)域中社交軟件界面的進(jìn)一步發(fā)展。

1 項(xiàng)目背景

隨著個(gè)人朋友圈的擴(kuò)展，好友、群聊數(shù)目增多，管理日趨不便，且微信與外部應(yīng)用(如瀏覽器)之間的跳轉(zhuǎn)愈加頻繁，微信好友和群聊的管理方式以及缺乏內(nèi)置搜索引擎的狀況已經(jīng)不能滿足日漸頻繁的通信需求。調(diào)查顯示，74.32%的用戶認(rèn)為群聊數(shù)目眾多急需界面優(yōu)化，其中77.6%的中學(xué)生、大學(xué)生認(rèn)為同學(xué)群過于混亂，80.1%的上班族認(rèn)為工作群太過繁多；60.81%的用戶認(rèn)為來回切換瀏覽器等外部應(yīng)用非常煩瑣。由圖1可知，界面優(yōu)化逐漸成為大部分群體的剛需。

圖1 《人民日?qǐng)?bào)》微信平臺(tái)刊文截圖

微信之所以成為被絕大多數(shù)用戶接受的即時(shí)通信軟件，是因?yàn)樵诳旖萃ㄐ诺耐瑫r(shí)，運(yùn)營(yíng)團(tuán)隊(duì)根據(jù)用戶的不同需求開發(fā)了許多內(nèi)置的非強(qiáng)制性應(yīng)用功能，便于有意愿的群體去使用。

本文所闡述的優(yōu)化符合產(chǎn)品大方向定位：各取所需，互不影響。此次全新理念及專利技術(shù)的革新，特別是其中的發(fā)展方向之內(nèi)置搜索引擎，將會(huì)探索出微信內(nèi)置外部產(chǎn)品盈利的新思路與可能性。

微博與UC瀏覽器簽署長(zhǎng)期合作，微信與騰訊瀏覽器深度合作……諸如此類“社交軟件+瀏覽器”的窗口共屏搭載顯示，對(duì)于社交軟件端口鎖定用戶訪問流量，毋庸置疑是一次雙贏。

2 UI設(shè)計(jì)理論與黏度模型融合的探究

2.1 UI設(shè)計(jì)理論闡述

2.1.1 UI設(shè)計(jì)概念

UI即User Interface(用戶界面)的簡(jiǎn)稱，與傳統(tǒng)界面相比，UI設(shè)計(jì)的界面精簡(jiǎn)、統(tǒng)一，并在保持原有界面使用習(xí)慣的前提下實(shí)現(xiàn)人機(jī)交互的創(chuàng)新。

2.1.2 實(shí)用性原則

目前，以用戶體驗(yàn)為核心競(jìng)爭(zhēng)力的騰訊公司，其微信客戶端所有的考慮都會(huì)基于一個(gè)前提——用戶價(jià)值第一，微信的功能開發(fā)和交互界面設(shè)計(jì)全部圍繞用戶的社交需求、心理特點(diǎn)展開，而且不斷收集用戶反饋。換個(gè)角度說，就是能否解決以下幾個(gè)問題：一是UI設(shè)計(jì)是否與目標(biāo)用戶的思維一致；二是目標(biāo)用戶能否方便自由地操控自己的瀏覽行為；三是目標(biāo)用戶能否輕松解決想要解決的問題。

2.1.3 明確信息的層級(jí)關(guān)系與重要程度

UI設(shè)計(jì)的關(guān)鍵作用之一就是將信息傳達(dá)可視化，因此在設(shè)計(jì)之前必須首先明確信息內(nèi)部的邏輯、層級(jí)關(guān)系，區(qū)分出重點(diǎn)信息、次要信息、補(bǔ)充信息，從而確定信息的呈現(xiàn)方式。

2.1.4 清晰完善的提示系統(tǒng)

用戶面對(duì)的往往是超文本形式的復(fù)雜信息，在閱讀時(shí)需要快速瀏覽要點(diǎn)、經(jīng)常切換內(nèi)容的層級(jí)、返回或者前進(jìn)，或是需要快速定位到新的關(guān)鍵詞。此時(shí)，在UI設(shè)計(jì)中建立一套便捷的提示系統(tǒng)和常用功能的快捷接口就顯得極為重要，提示系統(tǒng)在界面中既不能干擾重點(diǎn)信息的呈現(xiàn)，又要方便用戶及時(shí)發(fā)現(xiàn)。

2.2 黏度組織結(jié)構(gòu)與實(shí)現(xiàn)方法

“黏度”指客戶形成“依附性”的偏好，進(jìn)而重復(fù)使用的一種趨向，對(duì)于整個(gè)公司的品牌形象起著關(guān)鍵性的作用。深度調(diào)研顯示，現(xiàn)行微信版本的UI設(shè)計(jì)有諸多弊端，而提升用戶黏度的關(guān)鍵在于如何把握用戶的使用情感與利益。方法有：充分利用用戶管理方面的技巧，合理調(diào)整界面布局，降低用戶使用關(guān)聯(lián)軟件的諸多煩瑣步驟，從用戶的心理需求出發(fā)等。如圖2所示，本文將從添加自定義標(biāo)簽、內(nèi)置瀏覽器、群聊置底3個(gè)路徑闡述組織結(jié)構(gòu)。

圖2 組織結(jié)構(gòu)

3 UI設(shè)計(jì)項(xiàng)目闡述

3.1 技術(shù)實(shí)現(xiàn)

應(yīng)用Android Studio 2.3程序開發(fā)，從右往左滑出一個(gè)界面(配置相應(yīng)參數(shù))，并內(nèi)嵌一個(gè)瀏覽器，用FragmentTransaction類、SlidingMenu類在主界面“右滑”出一個(gè)Fragment，新定義的黏度f(wàn)lag數(shù)組表示用戶和好友或群的互動(dòng)頻率，再?gòu)臄?shù)據(jù)庫(kù)中獲取數(shù)據(jù)(如微信用的數(shù)據(jù)庫(kù)sqllite，從本地?cái)?shù)據(jù)庫(kù)文件EnMicroMsg.db獲取數(shù)據(jù))計(jì)算flag，根據(jù)flag的數(shù)值給好友或群列表排序?！盎瑒?dòng)”相關(guān)代碼如下：

FragmentTransaction fragmentTransaction=

getFragmentManager().beginTransaction();

ZuohuaFragment zuohuaFragment=new Zuohua Fragment();

fragmentTransaction.replace(R.id.menu，zuohua Fragment);

fragmentTransaction.replace(R.id.chatbackground， new ContentFragment()，"");

fragmentTransaction.commit();

SlidingMenu sm=getSlidingMenu();

sm.setShadowWidth(50);

sm.setShadowDrawable(R.drawable.shadow);

sm.setBehindOffset(150);

sm.setFadeDegree(0.35f);

sm.setMode(SlidingMenu.RIGHT);

sm.setTouchModeAbove(SlidingMenu. TOUCH MODE_FULLSCREEN);

getSupportActionBar().setDisplayHomeAsUp Enabled(true)

3.2 項(xiàng)目建立

3.2.1 新穎的標(biāo)簽管理與模型設(shè)計(jì)

在添加好友或者加入新的群聊時(shí)，用戶可以根據(jù)個(gè)人偏好在標(biāo)簽一欄為它們?cè)O(shè)置標(biāo)簽，實(shí)現(xiàn)分組。當(dāng)點(diǎn)開一個(gè)好友或群聊的聊天界面，向左輕輕滑動(dòng)屏幕，共屏右側(cè)則出現(xiàn)一欄同類(具有相同標(biāo)簽分類)的好友或者群聊，且根據(jù)互動(dòng)關(guān)聯(lián)程度智能排序，從而實(shí)現(xiàn)快速查找，解決了頻繁切換通信對(duì)象的不便。這一變化會(huì)打破傳統(tǒng)的“搜尋”模式，用戶會(huì)更合理地進(jìn)行分類，利用標(biāo)簽尋找目標(biāo)好友或群。同時(shí)，這也符合用戶的個(gè)性化需求。

在滑出來的Fragment下面部分構(gòu)造的兩個(gè)list中，第一個(gè)為水平方向，根據(jù)新定義黏度對(duì)好友(群聊)所在的標(biāo)簽進(jìn)行排序，起初顯示3個(gè)，也可以點(diǎn)擊“更多”顯示全部；第二個(gè)為垂直方向，根據(jù)新定義的黏度對(duì)每個(gè)標(biāo)簽下的好友(群聊)進(jìn)行排序。標(biāo)簽優(yōu)化克服了好友(群聊)管理的缺失、錯(cuò)誤、冗余，參見圖3、圖4。

3.2.2 內(nèi)置搜索引擎與模型設(shè)計(jì)

瀏覽器是用戶的裝機(jī)必備，用戶在使用微信與好友聊天時(shí)，常常會(huì)涉及一些需要瀏覽器查找的陌生概念。傳統(tǒng)的查找方式為退出聊天窗口，找到并打開某個(gè)瀏覽器，輸入關(guān)鍵性詞匯進(jìn)行查找，這種煩瑣的非黏性切換方式不利于用戶便捷地使用聊天窗口。為解決這一問題，在聊天窗口中嵌套瀏覽器等外部應(yīng)用功能勢(shì)在必行。當(dāng)出現(xiàn)“陌生概念”時(shí)，用戶只需要在聊天窗口界面上向左滑動(dòng)，便可以出現(xiàn)符合相關(guān)UI設(shè)計(jì)的搜索界面，輸入關(guān)鍵詞便可以實(shí)現(xiàn)快速查找；或是在聊天窗口上長(zhǎng)按“陌生概念”，便可以出現(xiàn)搜索字樣，直接跳轉(zhuǎn)內(nèi)置的瀏覽器。查詢完畢之后可以滑動(dòng)回到聊天窗口，從而豐富了搜索引擎功能，使得移動(dòng)運(yùn)營(yíng)商的流量鎖定在應(yīng)用閉環(huán)內(nèi)。

圖3 標(biāo)簽功能優(yōu)化設(shè)計(jì)(好友)

圖4 標(biāo)簽功能優(yōu)化設(shè)計(jì)(群聊)

在滑出來的Fragment上面部分用一個(gè)Web View控件內(nèi)嵌一個(gè)瀏覽器，可以直接搜索想要的內(nèi)容，不用再打開瀏覽器；或者長(zhǎng)按聊天關(guān)鍵詞快捷搜索。嵌入式內(nèi)置的搜索引擎作為基礎(chǔ)性的工具，其具體應(yīng)用能夠增強(qiáng)微信用戶與外部未知信息的交互，憑借靈活性內(nèi)置的特點(diǎn)，使整個(gè)社交聊天窗口的功能更人性化、智能化，模型如圖5所示。

圖5 內(nèi)嵌瀏覽器優(yōu)化設(shè)計(jì)

3.2.3 群聊置底與模型設(shè)計(jì)

一些功能的去相關(guān)化能夠有效提高用戶黏度。例如，微信群聊的“消息免打擾”功能并不完善，若實(shí)現(xiàn)群聊置底，用戶可更加簡(jiǎn)潔明了地瀏覽信息，而不會(huì)被信息優(yōu)先級(jí)較低的群聊蒙蔽，從而錯(cuò)過關(guān)鍵性信息。又或者有一些群聊，用戶并非自愿加入，但迫于各種因素不得不加入，置底這一功能便可以實(shí)現(xiàn)它的價(jià)值。調(diào)查分析顯示：微信用戶的群聊中僅有31.15%的群聊屬于自愿加入，其余大部分是迫于諸多不可抗拒因素?；诖?，屏蔽群聊是一種反向理念，降低“用戶負(fù)重”，更加有利于優(yōu)化用戶體驗(yàn)，以提高用戶黏性。

可以把一個(gè)好友或群的黏度設(shè)置成負(fù)數(shù)，將這個(gè)好友或群排在最后，相當(dāng)于屏蔽該群，而不是退群。用戶在接收消息時(shí)，倘若發(fā)送者已被接收者屏蔽，消息便會(huì)被保存在消息界面的底部。圖6為置頂與置底效果圖對(duì)比。

圖6 群聊置底優(yōu)化設(shè)計(jì)

3.3 項(xiàng)目成果分析

3種路徑為用戶提供了新穎的界面管理手段：規(guī)范標(biāo)簽管理模式，改善混亂不堪的原有界面設(shè)置；新增內(nèi)置搜索引擎；提出黏性模型,使用戶在使用聊天界面的過程中建立起來的情感、行為交流變得更為親密。本項(xiàng)目UI設(shè)計(jì)減輕了用戶的認(rèn)知與記憶負(fù)擔(dān)，保證了用戶的視覺感受。對(duì)用戶來說，瀏覽信息要比記憶更容易。因此，在設(shè)計(jì)界面時(shí)，黏度模型將計(jì)算人類大腦處理信息的能力，保持界面的簡(jiǎn)明，并新增相應(yīng)的功能模塊，提高產(chǎn)品適用性，使用戶更加專注于使用產(chǎn)品本身。

4 結(jié)語(yǔ)

面對(duì)紛繁復(fù)雜的消息，UI設(shè)計(jì)可以解決三大問題：其一，信息接收者在特定情況下更有效地檢索出自己所需的信息；其二，信息提供者使發(fā)送的信息能夠準(zhǔn)確有效地傳遞，最終得到所需要的回饋并使信息產(chǎn)生價(jià)值；其三，將與信息收發(fā)關(guān)聯(lián)的軟件嵌入社交軟件，減少用戶點(diǎn)擊次數(shù)。

由此可見，將用戶流量“封鎖”在閉環(huán)之內(nèi)是大勢(shì)所趨，例如阿里系的淘寶使用支付寶進(jìn)行支付，騰訊陣營(yíng)的沃爾瑪只支持微信支付。分析用戶使用的心理，再根據(jù)大數(shù)據(jù)進(jìn)行分析，很容易判斷一個(gè)軟件適合提升哪一方面的黏度。在大數(shù)據(jù)時(shí)代，把握用戶心理、優(yōu)化提升用戶對(duì)產(chǎn)品的依賴、產(chǎn)業(yè)化式地嵌套搜索引擎等相關(guān)應(yīng)用，是一個(gè)產(chǎn)品運(yùn)營(yíng)商當(dāng)下最應(yīng)該考慮的問題。本文闡述了如何通過UI設(shè)計(jì)優(yōu)化用戶聊天窗口中的“痛點(diǎn)”與提升用戶黏度，即減少HTTP請(qǐng)求數(shù)，改善感官體驗(yàn)、交互體驗(yàn)，使目標(biāo)信息醒目親近且保持更新狀態(tài)；提出了“用戶界面黏度原理”的理論觀點(diǎn)，以及以微信為例的優(yōu)化實(shí)操，供廣大產(chǎn)品運(yùn)營(yíng)商參考與借鑒。

隨著Web 3.0時(shí)代的到來，社交需求廣泛存在于生活的各個(gè)方面，而社交軟件產(chǎn)品的競(jìng)爭(zhēng)歸根結(jié)底是對(duì)用戶黏度的競(jìng)爭(zhēng)。綜上所述，UI設(shè)計(jì)對(duì)于社交軟件體驗(yàn)滿意度的提升具有重要的意義和價(jià)值。