基于UI設計的社交軟件界面優化項目研究*

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

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

0 引言

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

1 項目背景

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

圖1 《人民日報》微信平臺刊文截圖

微信之所以成為被絕大多數用戶接受的即時通信軟件，是因為在快捷通信的同時，運營團隊根據用戶的不同需求開發了許多內置的非強制性應用功能，便于有意愿的群體去使用。

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

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

2 UI設計理論與黏度模型融合的探究

2.1 UI設計理論闡述

2.1.1 UI設計概念

UI即User Interface(用戶界面)的簡稱，與傳統界面相比，UI設計的界面精簡、統一，并在保持原有界面使用習慣的前提下實現人機交互的創新。

2.1.2 實用性原則

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

2.1.3 明確信息的層級關系與重要程度

UI設計的關鍵作用之一就是將信息傳達可視化，因此在設計之前必須首先明確信息內部的邏輯、層級關系，區分出重點信息、次要信息、補充信息，從而確定信息的呈現方式。

2.1.4 清晰完善的提示系統

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

2.2 黏度組織結構與實現方法

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

圖2 組織結構

3 UI設計項目闡述

3.1 技術實現

應用Android Studio 2.3程序開發，從右往左滑出一個界面(配置相應參數)，并內嵌一個瀏覽器，用FragmentTransaction類、SlidingMenu類在主界面“右滑”出一個Fragment，新定義的黏度flag數組表示用戶和好友或群的互動頻率，再從數據庫中獲取數據(如微信用的數據庫sqllite，從本地數據庫文件EnMicroMsg.db獲取數據)計算flag，根據flag的數值給好友或群列表排序。“滑動”相關代碼如下：

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 項目建立

3.2.1 新穎的標簽管理與模型設計

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

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

3.2.2 內置搜索引擎與模型設計

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

圖3 標簽功能優化設計(好友)

圖4 標簽功能優化設計(群聊)

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

圖5 內嵌瀏覽器優化設計

3.2.3 群聊置底與模型設計

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

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

圖6 群聊置底優化設計

3.3 項目成果分析

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

4 結語

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

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

隨著Web 3.0時代的到來，社交需求廣泛存在于生活的各個方面，而社交軟件產品的競爭歸根結底是對用戶黏度的競爭。綜上所述，UI設計對于社交軟件體驗滿意度的提升具有重要的意義和價值。