微(wēi)信新版本更新，接踵而來的是各種針對微(wēi)信大改版的評議(yì)，在大緻體驗了(le)一(yī)下(xià)新版微(wēi)信之後，我從(cóng)視(shì)覺和(hé)核心場景的體驗角度說一(yī)說自(zì)己的見(jiàn)解。

文章(zhāng)目錄

1. 視(shì)覺
2. 功能(néng)（體驗）層面

視(shì)覺

1. 配色

先從(cóng)視(shì)覺角度說起，改版後第一(yī)映入眼簾的是我們每天都(dōu)要(yào)看(kàn) n 遍的 Logo ，品牌色做(zuò)了(le)略微(wēi)改動，從(cóng)純色底變成了(le)之前就開(kāi)始流行(xíng)的微(wēi)漸變，這(zhè)也是微(wēi)信追随潮流并向年(nián)輕化邁進吧，因為(wèi)00後大部分用 QQ 居多，咱們90後的「老(lǎo)人(rén)們」一(yī)直用微(wēi)信，不能(néng)代表年(nián)輕人(rén)都(dōu)用微(wēi)信了(le)。

我們更新之後進入 app，最明(míng)顯的感受應該就是，原本厚重感的配色消失不見(jiàn)了(le)，這(zhè)也是微(wēi)信進軍年(nián)輕化的一(yī)個标志，品牌色綠(lǜ)色、底色的藍(lán)灰色、分割線的顔色和(hé)标簽欄的圖标文字顔色都(dōu)進行(xíng)了(le)優化。

2. 留白

除了(le)顔色上(shàng)的耳目一(yī)新之外(wài)，最顯眼的應該就是留白了(le)，因此比之前閱讀起來更加流暢，頁邊距、底部标簽欄、分割線左邊的留白等，都(dōu)随着整體的改變進行(xíng)了(le)拓寬，使得頁面的呼吸感更加自(zì)然，閱讀信息更加順暢高效。

比如(rú)「我的」頁面，原本下(xià)面的空白區(qū)域那(nà)麽多，留着也是留着，一(yī)時(shí)也不會增加新業務，還不如(rú)往下(xià)擴張。

3. 圖标圖片

第三讓人(rén)印象深刻的就是萬年(nián)不變的圖标，終于變了(le)。

其實變化也不大，我們會發現頁面的功能(néng)圖标從(cóng)面性變成了(le)線性的，至于線性面性也各有各的特點，這(zhè)裏不評論好壞。但(dàn)是标簽欄圖标，原本選中的狀态顔色比較淡，更新後的圖标顔色做(zuò)了(le)加深和(hé)加粗，看(kàn)的更加清楚了(le)。

新版本還是比較講究識别度的，比如(rú)通(tōng)訊錄頁面好友(yǒu)頭像的大小，也做(zuò)了(le)适當的放大。

上(shàng)圖中通(tōng)訊錄的頭像尺寸放大了(le)，但(dàn)是我發現微(wēi)信消息列表頁面的好友(yǒu)頭像，尺寸并沒有變化，這(zhè)是為(wèi)什麽呢？

設計師(shī)懶了(le)？當然不是。

因為(wèi)用戶場景是這(zhè)樣的：通(tōng)常我們在消息列表頁面的時(shí)候，目的是回複消息，或者找到最近聯系人(rén)發送消息。

但(dàn)是我們真的要(yào)找一(yī)個好友(yǒu)的時(shí)候，尤其是最近沒有聯系的好友(yǒu)，消息主頁是不便尋找的。如(rú)果不用關鍵詞查找或者不記得關鍵字，一(yī)般都(dōu)會去通(tōng)訊錄找。

在通(tōng)訊錄翻閱尋找一(yī)個好友(yǒu)，我們除了(le)通(tōng)過看(kàn)名字，也有不少(shǎo)用戶群體是通(tōng)過頭像記憶去識别出自(zì)己要(yào)找的好友(yǒu)。這(zhè)時(shí)候，頭像的識别度就比消息主頁的識别度重要(yào)的多了(le)。

這(zhè)也是為(wèi)什麽微(wēi)信更新後消息主頁頭像尺寸不變，而通(tōng)訊錄頁面好友(yǒu)頭像尺寸變大了(le)的原因吧。

微(wēi)信針對用戶場景做(zuò)的細節體驗提升，真是到位。

4. 文字

繼前面的識别度優化之後，朋(péng)友(yǒu)圈內(nèi)容下(xià)方的時(shí)間(jiān)文字，還有對自(zì)己朋(péng)友(yǒu)圈的操作(zuò)文字也增大了(le)，一(yī)是識别度提升，二是更容易點擊，提升易用性。

更新之後的微(wēi)信一(yī)些二級頁面的導航欄，返回button 後面的文字都(dōu)做(zuò)了(le)省略，可(kě)能(néng)大家在體驗上(shàng)已經完全習慣了(le)這(zhè)裏就是返回，而大程度的減少(shǎo)不必要(yào)的內(nèi)容，減少(shǎo)信息幹擾，也保持頁面的清爽。

舊(jiù)版本中群聊的清空聊天記錄是普通(tōng)選項的樣式，而在新版微(wēi)信中，「清空聊天記錄」和(hé)「删除并退出」是同樣的樣式并且是紅(hóng)色的字體，因為(wèi)兩者都(dōu)屬于「高危選項」，做(zuò)成紅(hóng)色字體提示更能(néng)區(qū)分開(kāi)并且警告，提升了(le)産品的防錯性。

功能(néng)（體驗）層面

1. 強提醒

在跟好友(yǒu)的對話頁面，點擊右上(shàng)角的更多，就可(kě)以跳(tiào)到這(zhè)裏，這(zhè)裏很(hěn)明(míng)顯的增加了(le)一(yī)個強提醒功能(néng)。

勾選之後，三小時(shí)內(nèi)，該好友(yǒu)發來的消息，手機會收到全屏的提示，并且伴随着手機震動。如(rú)果在鎖屏頁面，還會出現不一(yī)樣的鈴聲并伴随長(cháng)時(shí)間(jiān)震動。

這(zhè)個新功能(néng)我認為(wèi)還是不錯的。

有的同學剛更新，可(kě)能(néng)對這(zhè)個功能(néng)感到茫然，不知道(dào)什麽時(shí)候用這(zhè)個功能(néng)。我個人(rén)認為(wèi)這(zhè)個功能(néng)的用戶場景，雖然不是常用，但(dàn)卻可(kě)以有效的解決問(wèn)題。

舉個例子：你是否經常會有個重要(yào)的事情要(yào)等回複，比如(rú)有個大客戶要(yào)來公司談業務，但(dàn)你在忙其他(tā)的事情，或者微(wēi)信正有很(hěn)多消息要(yào)回複（尤其是微(wēi)商用戶）。

在這(zhè)個時(shí)候，你是否需要(yào)反複的查看(kàn)客戶A 是否給你回消息了(le)，或者擔心忽略了(le)客戶B 跟你說已經到樓下(xià)了(le)；我們是否需要(yào)反複從(cóng)其它事情中跳(tiào)出狀态，來看(kàn)對方是否回複了(le)你，或者會忘了(le)随時(shí)可(kě)能(néng)發生的事情。

這(zhè)種場景下(xià)，我們需要(yào)一(yī)個特别的提示，這(zhè)個提示需要(yào)足夠強大足夠明(míng)顯，同時(shí)不會被其他(tā)普通(tōng)消息給混淆、同化。

在這(zhè)樣的場景當中，全屏的提示有足夠的幹擾性。

我們在回複一(yī)些不重要(yào)的消息時(shí)，不用跳(tiào)回到消息列表，就可(kě)以知道(dào)我等待的重要(yào)消息來了(le)。

如(rú)果手機不在手上(shàng)看(kàn)着，在忙别的事，強提醒來了(le)會有長(cháng)時(shí)間(jiān)的震動和(hé)不一(yī)樣的鈴聲提醒，就像來電話了(le)一(yī)般的強大打斷性，并使我們不用看(kàn)手機，就能(néng)分辨來的消息是不是自(zì)己一(yī)直等待的重要(yào)消息。

2. 視(shì)頻(pín)靜音

視(shì)頻(pín)靜音當然不是說朋(péng)友(yǒu)圈的靜音播放。

更新之後的微(wēi)信，好友(yǒu)如(rú)果用了(le)新功能(néng)「小視(shì)頻(pín)拍攝」，那(nà)麽在好友(yǒu)資料頁面中，頂部背景封面是小視(shì)頻(pín)的部分封面，我們下(xià)拉的時(shí)候可(kě)以直接觀看(kàn)好友(yǒu)最近拍的小視(shì)頻(pín)；但(dàn)是在下(xià)滑的時(shí)候，左下(xià)角會出現靜音播放，把手指拖到這(zhè)裏松開(kāi)，播放好友(yǒu)視(shì)頻(pín)的時(shí)候，就會進入靜音模式。遺傳了(le)之前朋(péng)友(yǒu)圈的靜音播放功能(néng)。

3. 音視(shì)頻(pín)通(tōng)話

打字真累，還是發語音通(tōng)話吧。

咦，語音通(tōng)話呢？怎麽隻有視(shì)頻(pín)通(tōng)話？音頻(pín)呢？

這(zhè)應該是過去的一(yī)些用戶碰到過的問(wèn)題：音頻(pín)通(tōng)話的提示隐藏在點擊視(shì)頻(pín)通(tōng)過之後。更新之後的這(zhè)個頁面，把視(shì)頻(pín)通(tōng)話的 button 改成了(le)音視(shì)頻(pín)通(tōng)話，也就是對「音頻(pín)通(tōng)話」功能(néng)的提示做(zuò)了(le)透出，很(hěn)直接的提升了(le)可(kě)用性。

4. 錢(qián)包支付頁

微(wēi)信支付已經從(cóng)支付寶手裏搶到了(le)一(yī)大塊市場，我們對微(wēi)信支付這(zhè)個圖标潛移默化的形成了(le)記憶，微(wēi)信估計也針對支付這(zhè)一(yī)功能(néng)做(zuò)出了(le)明(míng)确定位，大部分用戶在這(zhè)裏主要(yào)用的是支付功能(néng)，所以對這(zhè)裏的命名和(hé)圖标做(zuò)了(le)改變。

經常用微(wēi)信支付的朋(péng)友(yǒu)應該也清楚，我們進入這(zhè)個頁面，通(tōng)常查看(kàn)和(hé)使用頻(pín)率最高的還是收付款和(hé)零錢(qián)，而銀(yín)行(xíng)卡其實是一(yī)個使用頻(pín)率特别低(dī)的功能(néng)，估計是這(zhè)樣的原因，微(wēi)信就把「銀(yín)行(xíng)卡」從(cóng)最重要(yào)的頁面頂部轉移到了(le)更深的層級中，也就是點擊錢(qián)包後進入的頁面。把零錢(qián)改成了(le)錢(qián)包，而零錢(qián)和(hé)銀(yín)行(xíng)卡都(dōu)屬于錢(qián)包裏面的，更新後的命名也确實更到位了(le)。

5. 看(kàn)一(yī)看(kàn)

發現頁面的「看(kàn)一(yī)看(kàn)」也做(zuò)了(le)內(nèi)容改版，現在會把一(yī)些優質的朋(péng)友(yǒu)圈內(nèi)容轉移到這(zhè)裏，以免錯過精彩內(nèi)容，可(kě)能(néng)是在無聊內(nèi)容泛濫的朋(péng)友(yǒu)圈區(qū)域，提高朋(péng)友(yǒu)圈優質內(nèi)容的互動率。

具體是通(tōng)過什麽算法才能(néng)展現到這(zhè)裏，目前沒有去做(zuò)研究。

6. 時(shí)刻視(shì)頻(pín)

點擊我的頁面右上(shàng)角的 button，或者直接下(xià)拉頁面，就可(kě)以進入時(shí)刻視(shì)頻(pín)的拍攝頁面。

這(zhè)個功能(néng)應該更傾向于喜歡記錄生活和(hé)發布朋(péng)友(yǒu)圈的用戶，這(zhè)裏進去之後拍攝的視(shì)頻(pín)，可(kě)以替換音樂(yuè)，添加圖紙(zhǐ)和(hé)文字等都(dōu)很(hěn)方便。

但(dàn)是有個小細節個人(rén)覺得需要(yào)優化：當我第一(yī)次下(xià)拉「我」頁面，提示可(kě)拍攝視(shì)頻(pín)的時(shí)候，我并不明(míng)确的知道(dào)我該如(rú)何返回，返回按鈕那(nà)裏沒有顯示，至少(shǎo)我們是看(kàn)不見(jiàn)的，我們可(kě)以點那(nà)裏返回或者上(shàng)滑也可(kě)以回去，但(dàn)這(zhè)些都(dōu)沒有明(míng)确的「路标」。在看(kàn)自(zì)己拍攝的視(shì)頻(pín)的時(shí)候，也沒有明(míng)确的返回。

而且我拍攝的視(shì)頻(pín)想删除，隻能(néng)通(tōng)過長(cháng)按視(shì)頻(pín)的方式，這(zhè)種操作(zuò)也隐藏的比較深，一(yī)般不容易被發現，用戶需要(yào)思考猜測才能(néng)發現，不過微(wēi)信的想法應該是想讓視(shì)頻(pín)更加有沉浸式的體驗吧。

結尾

當然還有一(yī)些細節和(hé)功能(néng)我沒有寫出來，比如(rú)一(yī)些 button 樣式的變化、表情包部分自(zì)拍單獨移出處理，拍攝了(le)時(shí)刻視(shì)頻(pín)的好友(yǒu)會出現圓圈提示、群聊顯示群好友(yǒu)視(shì)頻(pín)的圓圈 icon 标記等。

我主要(yào)總結的是一(yī)些能(néng)體現微(wēi)信用心優化的功能(néng)和(hé)一(yī)些較好的創新，但(dàn)其實我們基本已經可(kě)以從(cóng)中體會到微(wēi)信對于體驗設計方面的用心良苦和(hé)大膽嘗試。

張小龍在朋(péng)友(yǒu)圈發的內(nèi)容，是不是在诠釋新版的開(kāi)屏界面呢，不過開(kāi)屏的這(zhè)朵花叫波斯菊，波斯菊還有一(yī)個名字：「張大人(rén)花」，寓意是張大人(rén)的微(wēi)信嗎？

最後想說的是：有人(rén)吐槽有人(rén)誇贊，當初 iOS 12 更新也是吐槽不斷，不過世間(jiān)萬物(wù)總會變化，我們也應該抛棄習慣了(le)的審美和(hé)部分習慣，去迎接每個新事物(wù)。