本文發(fā)表時使用的微信APP版本為：Version 6.3.22。使用的手機為Android系統(tǒng)。
目的：本次分析的目的在于了解微信這款產(chǎn)品，因此，在分析過程中，不涉及比較，不涉及褒貶，試圖以客觀的立場了解微信設(shè)計的每一個細節(jié)。
方法：從戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層五個部分分別還原設(shè)計的出發(fā)點，力圖還原整個的設(shè)計軌跡。
戰(zhàn)略層
企業(yè)目標
? ? ?理解微信必須充分理解“連接”這個詞匯，微信致力于做移動時代的連接使者。連接人與人，人與信息，人與組織，人與場景。當然，這一目標的實現(xiàn)離不開用戶，因為用戶是所有連接的中心。換句話說，沒有用戶就沒有連接。事實上，嚴格來說并不是微信在連接一切而是人在連接一切。微信只不過是幫助用戶更方便的連接人與人、人與信息、人與組織等等。因而，微信首先需要吸引大量的用戶使用該產(chǎn)品。在具備充足的流量之后，連接幾乎是自然而然的事，因為自有人類社群歷史以來，人群中便存在著連接的需求。那么，為什么是微信而不是其他應用程序。原因或許在于使用的頻度，以及平臺所承載的內(nèi)容賦予平臺的隱性屬性。你不可能指望用戶會在不同的使用場景中想到使用一款音樂APP來完成場景中的任務。信息溝通是人的社會生活片刻不可離開的高頻次事情，而且與年齡、性別等無關(guān)，或許是因為這一原因，使得微信具備中性化的色彩。微信以信息溝通為主使得微信本身就具備了更具包容性的平臺屬性，也正是這一點賦予了微信連接一切的可能。
? ? ? 因此，為了加強平臺對于用戶的吸引，以及強化用戶的活躍度就需要圍繞信息溝通（也只能是信息溝通），來進行不同形式的開發(fā)。
用戶需求
? ? ?用戶需要的是一個簡單純粹的交流平臺，尤其是在大量信息充斥于社交平臺(譬如微博)，一個用戶可以對流經(jīng)的信息進行掌控的平臺。
范圍層
? ? ?很明顯，微信利用其本身搭建的以幫助用戶信息交流為中心的平臺來吸引用戶，使得平臺成為一個大流量的入口。此基礎(chǔ)上，通過提供給用戶游戲、支付、購物等功能實現(xiàn)流量變現(xiàn)，最為核心的變現(xiàn)手段其實是廣告。
功能規(guī)格
? ? ? 信息作為整個微信平臺維持用戶活躍度的關(guān)鍵，應該作為核心功能進行設(shè)計。信息功能包括：朋友圈、短信交流、交流群、公眾號、搖一搖、附近的人、通訊錄等。
朋友圈：朋友圈的功能在于分享日程生活的點滴，那么什么樣的形勢會最大程度的激發(fā)用戶的參與度呢？文字？圖片？視頻？很明顯，相較于 ? ? ? ? ? ? ?文字的麻煩、高要求、枯燥，圖片一方面可以彌補用戶表達能力不強，另一方面方便快捷，且可以更加快速的展現(xiàn)當前場景的六要 ? ? ? ? ? ? ? ?素（時間、地點、人物、起因、經(jīng)過、結(jié)果）。換句話說，相較于文字，圖片使得用戶可以更加平等的分享生活內(nèi)容（注意平等兩 ? ? ? ? ? ? ? ?個字）。鑒于此，微信朋友圈的發(fā)表按鍵是一個相機的icon，且刻意隱藏了單純發(fā)表文字的操作（發(fā)表文字需要長按相機icon）。
通訊錄：對聯(lián)系人的分類管理。需要保證用戶可以快速搜索到聯(lián)系人。公眾號應該作為一個單獨的聯(lián)系人存在而不應該與聯(lián)系人并列展現(xiàn)，原 ? ? ? ? ? ? ?因在于避免用戶被過多的公眾號信息干擾。通過將公眾號收納到一個單元內(nèi)隱藏，有利于幫助用戶管理信息。這樣做，也使得用戶 ? ? ? ? ? ? ? ?作為信息的接收方可以掌握對于信息閱讀的主動權(quán)。
公眾號：公眾號是企業(yè)、團體、專業(yè)用戶與用戶群之間連接的窗口。隨著用戶微信公眾號關(guān)注量的增加，頂置功能有利于用戶快速找到自己更 ? ? ? ? ? ? ?加感興趣的內(nèi)容。
即時消息：每一個用戶在某一個階段某一個時間段都有可能進行相較于其他交流更加頻繁的交流。譬如處于戀愛中的男女，譬如正在實習的實 ? ? ? ? ? ? ? ? 習生對于公司群的通知，譬如某患者主治醫(yī)生在治療期間，等等這些階段時刻可能需要快速的在大量的即時消息中發(fā)現(xiàn)這些更加關(guān) ? ? ? ? ? ? ? ? 心的消息，因此頂置這些消息是必須的。
微信表情包：表情包在這里也將其歸為信息溝通分類中。我們知道，在中國互聯(lián)網(wǎng)語境下，表情包有著一個獨特的生態(tài)。用戶交流對于表情包 ? ? ? ? ? ? ? ? ? ?有著較為普遍的需求，且存在一定的變現(xiàn)價值。雖然微信要連接一切，但是目前來看核心還是信息交流，表情包可以看做是微信 ? ? ? ? ? ? ? ? ? ?信息交流生態(tài)土壤中的一種有機肥料。
? ? ?當平臺依靠信息交流獲取了大量的用戶之后，微信平臺就成為了一個入口。一個連接一切的入口。但這并不意味著可以隨意的在微信中添加內(nèi)容，需要考慮在最為廣泛的用戶的潛在需求與接入內(nèi)容的變現(xiàn)能力（這里的變現(xiàn)能力可以理解為盈利與進一步提高平臺活躍度）。很明顯這就需要考慮使用場景的問題，移動應用與pc端最大的不同在于用戶可能會在不同的場景下使用微信，因此入口內(nèi)容的接入需要考慮是否有相應的使用場景,合適的場景加之對應的功能不但可以實現(xiàn)流量變現(xiàn)還可以使得平臺深入到用戶生活的方方面面。
入口一：游戲。
? ? ? ? ? ? 每個人，每一個使用移動設(shè)備的用戶都會在日常生活中至少玩一兩款游戲打發(fā)時間。因而將游戲分發(fā)作為一個入口極容易為平臺留 ? ? ? ? ? ? ? ?住大批用戶。這可以說是微信連接一切中的連接人與娛樂。
入口二：支付。
? ? ? ? ? ? 當代社會金融秩序正在發(fā)生一個巨變，而伴隨著移動互聯(lián)網(wǎng)的普及，電子金融幾乎是不可避免的趨勢。現(xiàn)代社會人們信息溝通與消 ? ? ? ? ? ? ? ?費是跨域年齡種族地域的需求，因此誰為用戶解決了不同場景中的消費支付問題，誰便贏得了用戶。這可以說是微信連接一切中的 ? ? ? ? ? ? ? ?連接人與消費。
入口三：購物。
? ? ? ? ? ? 這是一個消費的時代。這可以說是微信連接一切中的連接人與物品。
產(chǎn)品優(yōu)先級
結(jié)構(gòu)層
信息架構(gòu)圖
交互
從整體操作看交互:
1 微信允許用戶左右滑動實現(xiàn)各模塊之間的快速轉(zhuǎn)換。雖然微信容然是以信息交換為主，但是隨著微信在不同場景下的使 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 用，需要保證用戶可以在各種功能能夠之間快速實現(xiàn)轉(zhuǎn)換，這時滑動切換的優(yōu)勢就得到了體現(xiàn)。
2 注意導航欄的兩個按鍵，搜索與更多功能隱藏鍵。這體現(xiàn)了微信對兩大功能（信息流通與支付）的重視，搜索是為了幫 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 助用戶快速找到信息。更多功能按鍵下的功能：發(fā)起群聊、添加朋友、掃一掃、收付款。發(fā)起群聊、添加朋友還是為了 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 快速實現(xiàn)信息交流，收付款是針對線下支付場景中的各種場景下的快速操作。
3 功能模塊化，在設(shè)置中用戶可以對一些自己不常用的功能進行設(shè)置。這使得平臺滿足了不同用戶的需求，且不至于過于 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 臃腫。
4 長按內(nèi)容可以調(diào)出隱藏的操作，避免了界面的繁雜。
5 將低頻操作隱藏于深層結(jié)構(gòu)中，界面更加簡潔，核心操作清晰明確。
從信息流通看交互：
? ? ?作為一款以信息流通為主的應用，其對于怎樣對待用戶與用戶在信息互動時的方式是很值得注意的?？傮w而言，微信在交互細節(jié)中的處理趨向于謹慎。以確保用戶擁有信息互動的主動性，不使用戶因為系統(tǒng)的設(shè)置陷入于被動為首要原則。相關(guān)設(shè)置如下圖：
1 在即時消息這一頁面需要理解一點即----用戶對于讀取信息的主導權(quán)。置頂聊天便是幫助用戶設(shè)置獲取信息的先后順序，對信息進行標記 ? ? 這是讓用戶決定信息閱讀時間（事實上標為已讀即是幫助用戶忽略某些干擾信息），刪除聊天則是幫助用戶整理即時聊天頁面的信息。公 ? ? ? 眾號全部收藏于訂閱號體現(xiàn)了微信對于用戶獲取信息的克制，倘若訂閱號與即時消息排列在一起很明顯會對用戶形成干擾，因為用戶關(guān)注 ? ? ? 某一公眾號，并不一定會希望實時接收該訂閱號的所有信息。
2 在通訊錄這一頁面需要理解的一點即----合理的組織邏輯。用戶在通訊錄的活動被分成了三類：對單個聯(lián)系人進行操作，與對多個聯(lián)系人 ? ? 進行操作，添加聯(lián)系人。公眾號依然被收納到了一個單元里。對每一個聯(lián)系人長按即可進行相應的操作。
3 在朋友圈這一頁面需要理解的一點即----照片。相較于其他內(nèi)容的分享，照片分享是最為傻瓜式的方式。這種分享方式天生具備平民化的 ? ? 特性。相片不像文字，文字會因為文筆的差異使得分享自動的帶有區(qū)分用戶說準的特質(zhì)。圖片不想文字需要敲擊，且一張圖片可以告訴用 ? ? ? 戶一個完整的故事。這也解釋了icon為什么是一個相機的圖標。換句話說朋友圈是圖片社交。也因為圖片分享的簡便快捷，使得用戶在使 ? ? ? 用文字場景下不會分享的內(nèi)容，用戶也樂于用圖片形式分享。對于照片的贊與評論只有互為朋友才可以看見保護了用戶的隱私，發(fā)朋友圈 ? ? ? 可以設(shè)置可看對象。
框架層
界面設(shè)計
微信即時消息頁面主要作用在于幫助用戶快速讀取對于用戶有價值的信息。界面設(shè)計在于如何通過適當?shù)脑O(shè)計手段手段，在交互設(shè)計的配合下凸顯對于用戶來說有價值的信息。
對于用戶界面設(shè)計而言，合適的信息分類，符合用戶操作習慣的排列邏輯的重要程度遠大于視覺設(shè)計。
紅色的圓點可以幫助用戶快速鎖定未讀消息。公眾號采用淡藍色的字體既幫助用戶對信息進行分類，又可以降低公眾號信息對用戶的干擾。被置頂?shù)氖菍τ脩魜碚f最為重要的信息，以灰色作為底色在視覺上凸顯。
通訊錄是為了幫助用戶管理聯(lián)系人，因此需要進行必要的分類以幫助用戶快速找到聯(lián)系人。界面通過聯(lián)系人首字母將聯(lián)系人分成了26組，淺灰與白色的間隔很好的區(qū)分了每一個組。將不常用的分類方式歸置于上側(cè)，以不同的顏色進行區(qū)分。
發(fā)現(xiàn)欄目以內(nèi)容的不同分作四組。以icon的不同顏色進行區(qū)分。
以不同的展現(xiàn)內(nèi)容分為四類。以灰白間隔進行區(qū)分。不同的類輔以不同的icon使得分類明確。
信息設(shè)計
所謂的信息設(shè)計是為了幫助用戶快速的發(fā)現(xiàn)所在頁面的有用信息，為了實現(xiàn)這一目的，可能需要對信息進行必要的分類，需要某一些信息突出， 需要將某一些信息隱藏，需要根據(jù)展示信息的不同采用不同的展示形式。那么從這這角度來分析一下微信頁面：
微信界面分為四大部分：即時消息、通訊錄、發(fā)現(xiàn)、我。前兩項是針對信息流通中的信息與人的分組，以便于用戶及時查看信息以及對好友公眾號的管理。對于一個以信息流通為主的平臺來說這種分類是合情合理的。發(fā)現(xiàn)組可以理解為用戶通過微信對于朋友生活、陌生人、周圍生活的人、商品、娛樂等等外在世界的一種探索，這種探索是微信幫助用戶連接一切的嘗試。在發(fā)現(xiàn)的欄目下或許會出現(xiàn)更多的版塊兒。我欄目下是純私人化的操作，無論是錢包下面的各種支付場景還是收藏相冊無不是私人化的功能。當然，有一些欄目其實并沒有嚴格的界限，這就需要權(quán)衡其重要程度，以及各模塊所包含的項目的均衡。
另一個需要關(guān)注的是每一個操作界面隱藏在深層結(jié)構(gòu)中的操作。這種將不常用的操作隱藏于深層結(jié)構(gòu)中的設(shè)計，一方面使得界面趨于簡潔干凈避免了用戶迷失于繁復的信息中，另一方面保證了用戶在各個界面中的核心操作流程不被干擾。使得相應功能在在用戶最需要其出現(xiàn)的地方出現(xiàn)。
表現(xiàn)層
無論是哪一個層次的設(shè)計，圍繞的核心點都應該是用戶在這個界面上的核心流程。
在即時通訊（微信）頁面，視覺設(shè)計的目標在于幫助用戶在各類即時消息中快速找到目標信息。也就是說，視覺設(shè)計應該配合信息設(shè)計將繁雜的信息進行視覺上的歸類（不同的類別的信息歸為一組）、凸顯（譬如剛剛發(fā)來的最新消息）、強化（譬如女朋友的信息、老板的信息）。當然，這些目標的實現(xiàn)主要還是應該依靠交互設(shè)計、信息設(shè)計等來實現(xiàn)，但是視覺的完善是不可忽視的。譬如，即時通訊（微信）頁面中群聊的圖標的邊框用了兩像素的描邊而其他類別的圖標則沒有。再譬如，即時通訊（微信）頁面中所有群聊以大字號深顏色凸顯對話框名稱，而已小字號淺顏色來表現(xiàn)最新一條消息。而獨一淡藍色凸顯服務號名稱。通過這些視覺的手段幫助用戶快速的在各類信息對話框中找到目標消息。
事實上，微信作為一個綜合信息的大平臺，其視覺元素應該是盡可能隱匿的，原因在于視覺元素越強烈平臺性格傾向越明顯，作為一個綜合性的平臺這是應該避免的。較之視覺，信息的歸類整理顯得更為重要。如果我們仔細觀察微信的視覺設(shè)計，實際上也是在為信息的歸類整理服務。
寫在最后
在整理微信設(shè)計邏輯的過程中，我覺得理解微信應該從三個點出發(fā)。
1 聚焦化。所謂聚焦化其實即在于通過對系統(tǒng)功能的嚴格限制，以恰當?shù)男问诫[匿部分功能，明確每一部分的核心操作，使得用戶在每一個 ? ? ? ? ? ? ? ? 單元模塊都可以快速完成目標任務，不會被各種附加操作干擾。
2 可控化。每一個用戶都是一個信息交換的中心，微信通過對信息的各種設(shè)計，使得用戶對于流入流出的信息，始終可以根據(jù)自己的需要進 ? ? ? ? ? ? ? ? 行控制而不會使得系統(tǒng)被雜亂信息污染，用戶不會因為不同信息流的流通而迷失在信息流之中。
3 體系化。所有的功能都建立在一個明確的目標之上，即打造以信息通訊為基礎(chǔ)的連接一切的平臺。從這一點出發(fā)去看平臺的每一個功能點 ? ? ? ? ? ? ? ? 的設(shè)計，我們會發(fā)現(xiàn)所有的功能點都有著其存在的合理訴求。
參考文獻
1《微信朋友圈背后的設(shè)計》作者：ATorange橙 ? ? http://www.geekpark.net/topics/166374
2《朋友圈誕生記:四周年,所有人問朋友圈》 作者：微信派 ? ?http://mt.sohu.com/20160420/n445171323.shtml
3 張小龍相關(guān)內(nèi)容
