微信8.0改版！聊聊那些潤物細(xì)無聲的細(xì)節(jié)體驗(yàn)設(shè)計(jì)

這幾天朋友圈被微信的 8.0 徹底霸屏了。

我也趕緊更新了微信，看看到底有哪些驚喜的功能，一開始是沖著炸彈、煙花去看的，但是由于這種形式之前微信里就已經(jīng)有這個(gè)雛形了：發(fā)送“生日快樂”會有蛋糕飄下，而且現(xiàn)在游戲、直播App 中這種形式也已經(jīng)非常常見，只不過多了一個(gè)震動(dòng)的體驗(yàn)，所以并沒有讓我特別的驚喜…

但是！趁著休息日，我又認(rèn)真的體驗(yàn)了新版本，真的讓我驚艷到了！所有的感受聚集在一起就是：潤物細(xì)無聲！

根據(jù)改版中的變化，我總結(jié)了幾個(gè)重要特點(diǎn)：

• 設(shè)計(jì)越來越溫暖人心
• 細(xì)節(jié)互動(dòng)體驗(yàn)越來越精細(xì)
• 簡化用戶思考，引導(dǎo)明確目標(biāo)
• 瀏覽信息更加友好

設(shè)計(jì)越來越溫暖人心

1. 引導(dǎo)頁

首先來說說引導(dǎo)頁，微信作為全民應(yīng)用，一直有自己的調(diào)調(diào)，看似簡單卻引人深思，比如微信 6.3.5 的引導(dǎo)頁：

微信 8.0：

而這次除了整體保持以往的調(diào)調(diào)之外，還增加了「隨機(jī)」動(dòng)態(tài)效果。在這里我特意標(biāo)注了「隨機(jī)」倆字，因?yàn)槌藙傁螺d后打開可以看到這幾頁之外，微信在「設(shè)置-關(guān)于微信-歡迎頁」中仍保留了查看的入口。而我無意中點(diǎn)了兩次居然發(fā)現(xiàn)了其中的驚喜：每一次點(diǎn)進(jìn)去顏色居然都不一樣，因?yàn)檫@個(gè)我還特意嘗試了十幾次，前幾次的顏色跟我看到的環(huán)境的顏色都非常接近，我當(dāng)時(shí)腦海中就閃現(xiàn)出一個(gè)想法：我看見 你看見的！難道是根據(jù)用戶看到的環(huán)境色而變換顏色的么？不過最后幾次并沒有驗(yàn)證我這個(gè)想法，雖然有點(diǎn)小失望，但是隨機(jī)變化顏色，已經(jīng)說明團(tuán)隊(duì)非常用心了，大家也可以去嘗試玩一下，真的是把顏色運(yùn)用到了極致。

有沒有被美到呢！我們再來看下文案：

我看見你

我看見笑臉

我看見煙花

我看見一首歌

我看見你所看見的

滿滿的都是生活中的細(xì)節(jié)感受，尤其是在生活節(jié)奏越來越快的今天，這種文案更能觸動(dòng)人心，引起心中的溫暖向往，而通過最后一句我們可以看出微信今后的戰(zhàn)略方向——視頻號，也算是為視頻號的大力發(fā)展做了一個(gè)鋪墊。

2. 個(gè)人狀態(tài)功能

個(gè)人頁面增加了「狀態(tài)」的功能，越來越貼近現(xiàn)實(shí)生活的場景，而右上角的拍攝小視頻則被收在了「狀態(tài)」里邊。

其中有兩個(gè)細(xì)節(jié)驚喜：

狀態(tài)的顏色是隨機(jī)的，設(shè)計(jì)的理念跟引導(dǎo)頁一樣，點(diǎn)擊「狀態(tài)」按鈕進(jìn)去后，顏色都不一樣，不同的漸變顏色總會給到不一樣的驚喜感覺，讓用戶眼前一亮

另一個(gè)細(xì)節(jié)不知道大家有沒有注意到，那就是「狀態(tài)」按鈕的顏色，一開始我點(diǎn)擊了幾次，發(fā)現(xiàn)按鈕顏色不一樣，但是非常微妙，不仔細(xì)去看很難發(fā)現(xiàn)，后來才找到了規(guī)律，原來，按鈕的顏色是跟里邊頁面顏色是一致的，如果點(diǎn)擊之前按鈕是藍(lán)紅漸變，點(diǎn)進(jìn)去就會是藍(lán)色跟紅色的漸變色！從這個(gè)細(xì)節(jié)可以看出，微信研發(fā)人員的感情是多么的細(xì)膩呀，佩服！

不過在這里我想提幾個(gè)優(yōu)化意見：

編輯狀態(tài)中必須要寫完文字才可以發(fā)布，這樣就增加了用戶發(fā)布狀態(tài)的負(fù)擔(dān)，一開始我點(diǎn)擊「美滋滋」，以為就會直接發(fā)布這個(gè)狀態(tài)，但是沒想到還得寫文字，就產(chǎn)生了一點(diǎn)抵觸心理；如果還是想要讓用戶填寫文字，那么是否可以在「話題」下方給到一些文案提示呢，比如“我很開心、美滋滋”等一些有代表性的文案，這樣也減輕了用戶思考的負(fù)擔(dān)，而「話題」這個(gè)也比較雞肋，還不如直接在下方羅列出熱門話題，這樣給用戶直接的選擇更好。

加入動(dòng)態(tài)效果會更好：比如我選擇了「美滋滋」后，朋友到我主頁去看時(shí)，這個(gè)笑臉會動(dòng)態(tài)的笑一下，是不是會更加形象有趣呢。

狀態(tài)可見功能中，只有「公開」或者「不給誰看」，我覺得是否可以增加一個(gè)「給誰看」，當(dāng)然這是我個(gè)人的需求，因?yàn)楝F(xiàn)在微信好友其實(shí)并不是真正的好友了，有些所謂的「好友」都不知道名字，像是文字狀態(tài)無所謂，但是拍的生活視頻，就會只想給最親的人看到，那么「不給誰看」的人數(shù)實(shí)在太多了，還得一個(gè)個(gè)去選擇，有點(diǎn)麻煩。

狀態(tài)發(fā)布成功后是否可以有編輯狀態(tài)的功能；使用場景：我拍了視頻發(fā)布成功后，想起剛剛忘記加模糊效果了，想著編輯一下，但是一點(diǎn)擊狀態(tài)出現(xiàn)的彈窗中只有「設(shè)個(gè)新狀態(tài)」和「結(jié)束狀態(tài)」，所以只好重新又拍了一個(gè)，增加了使用負(fù)擔(dān)。

細(xì)節(jié)交互體驗(yàn)越來越精細(xì)

1. 在豐富視覺效果的同時(shí)，加入了觸覺振動(dòng)反饋

視覺上

比如刷爆微信群的炸彈、煙花、慶祝等的視覺效果，而且其他自帶表情在優(yōu)化了樣式的同時(shí)也都添加了動(dòng)效效果，視覺上更加震撼，也迎合了現(xiàn)在人們溝通的表現(xiàn)方式；另外還有我上面講的狀態(tài)頁面的視覺設(shè)計(jì)，表現(xiàn)形式越來越細(xì)膩，在這里我就不復(fù)述了。

觸覺反饋

其實(shí)隨著在 iOS 13 Haptic touch 的出現(xiàn)，個(gè)別 APP 也加上了一些觸覺反饋效果，比如網(wǎng)易新聞的底部標(biāo)簽欄圖標(biāo)與點(diǎn)贊——點(diǎn)擊圖標(biāo)會有觸覺振動(dòng)反饋，另外還有騰訊新聞的底部標(biāo)簽欄等等。

在我們五官感受中，跟互聯(lián)網(wǎng)產(chǎn)品連接最緊密的就是視覺、聽覺、觸覺，而觸覺能夠傳遞的信息是最受限的，通常只有視覺信息的 1 %。但是，觸覺對人類的情感體驗(yàn)來說又是不可或缺的，更貼近生活中最真實(shí)的互動(dòng)。所以豐富視、聽效果之外、觸感的體驗(yàn)也越來越重要。這次微信的觸覺反饋的添加，也引導(dǎo)了產(chǎn)品體驗(yàn)今后發(fā)展的方向；

下面我們看看微信觸覺反饋的具體應(yīng)用：

表情互動(dòng)中的炸彈，發(fā)送一個(gè)，隨著爆炸效果手機(jī)就會產(chǎn)生振動(dòng)，互動(dòng)感知更強(qiáng)。不過我好奇的是為什么只有發(fā)一個(gè)會有爆炸效果，而發(fā)多個(gè)數(shù)量就沒有呢，來個(gè)一連串的轟炸體驗(yàn)豈不是更好？不知道大家有沒有常發(fā)這個(gè)表情，像我一般就會發(fā)連續(xù)好幾個(gè)或者連續(xù)好幾個(gè)菜刀，感覺這樣更能表達(dá)我當(dāng)時(shí)的心情。

常規(guī)頁面的運(yùn)用：首頁下拉刷新頁面、掃完二維碼會有觸覺感知、浮窗頁面拉出同時(shí)會有震動(dòng)的觸覺、點(diǎn)贊朋友的狀態(tài)也有感知

2. 同狀態(tài)朋友之間的互動(dòng)加強(qiáng)

例如我的狀態(tài)是「美滋滋」，朋友中相同狀態(tài)的就會顯示在笑臉的右側(cè)，點(diǎn)擊就會進(jìn)入「美滋滋」的列表頁面，可以點(diǎn)贊朋友的動(dòng)態(tài)，強(qiáng)化了朋友間的互動(dòng)關(guān)系，而且這種同狀態(tài)下的互動(dòng)，會更加感同身受，更具有意義。

3. 聚焦重要信息

不知道大家有沒有注意到狀態(tài)發(fā)布成功后，個(gè)人信息與狀態(tài)之間有一條淺淺的分割線，從這個(gè)分割線也可以看出微信團(tuán)隊(duì)的細(xì)節(jié)體驗(yàn)非常到位，分割線以上點(diǎn)擊任何地方可以編輯信息、分割線以下點(diǎn)擊任何地方則可以編輯狀態(tài)，通過交互來減少不必要的元素，不但保持頁面美觀的同時(shí)，也讓用戶更聚焦在重要元素，而并不是在頁面羅列出一個(gè)常規(guī)的「編輯狀態(tài)」按鈕。

簡化用戶的思考，幫用戶明確目標(biāo)

「看一看」中熱點(diǎn)廣場去掉了要聞，而是以大卡片方式增加了「今日必看」

這讓我想起了之前看過的《史玉柱自述》中史玉柱所講的“用戶需求的八字方針”中的“目標(biāo)”需求：

對玩家來說，在任何一個(gè)時(shí)間節(jié)點(diǎn)上，都應(yīng)該有目標(biāo)；在任何一個(gè)時(shí)間節(jié)點(diǎn)上，都應(yīng)該短中長期目標(biāo)三者同時(shí)存在。玩家一旦失去目標(biāo)，那就是非常危險(xiǎn)的。《史玉柱自述》

雖然這句話并不是完全適用所有產(chǎn)品，但是，我覺得“目標(biāo)”這個(gè)需求在現(xiàn)在社會還是有很強(qiáng)的引導(dǎo)作用的，而「今日必看」的目標(biāo)性就非常明確，會強(qiáng)化用戶有事可做的心理，無形中增加了「看一看」這個(gè)功能在用戶心中的分量感。

對獲取信息的用戶更加友好

1. 浮窗沒有數(shù)量限制了

首先跟大家說下我之前使用微信的習(xí)慣，微信對我來說其實(shí)已經(jīng)不僅僅是一個(gè)保持聯(lián)系的工具，它更像是一個(gè)知識收集平臺；在微信上除了公眾號獲取信息之外，全網(wǎng)看到的優(yōu)秀內(nèi)容我都會把鏈接轉(zhuǎn)發(fā)到微信，沒有看完的會收到浮窗中，看完后覺得挺不錯(cuò)就會收藏。一開始用浮窗的頻率還挺高，但是后來使用就很少了，主要是因?yàn)橛?5 個(gè)的數(shù)量限制，每次我拖一個(gè)進(jìn)來之前先關(guān)掉一個(gè)，但是我都沒看完，怎么辦呢，先弄到收藏再看，所以后面我干脆就不用浮窗，直接收藏，免得麻煩。但是收藏就有一個(gè)弱點(diǎn)：就是隱藏太深，每次要點(diǎn)擊好幾層才能點(diǎn)開文章閱讀。

所以，浮窗取消數(shù)量限制對于我來說真的解決了一個(gè)大痛點(diǎn)，對于像我這樣的用戶簡直太友好了。

2. 下拉刷新浮窗內(nèi)容升級

下拉刷新浮窗新增加了未看完的視頻和文章，這一點(diǎn)看出對獲取信息的用戶更加友好、便利，不過我個(gè)人覺得是不是跟右側(cè)的浮窗功能有些重合了，所以對我來說可能使用頻率不會很高。

好啦，以上便是我體驗(yàn) 8.0 的一些感受，歡迎大家繼續(xù)補(bǔ)充哈

本文首發(fā)于微信公眾號：胖小魚設(shè)計(jì)小棧，歡迎關(guān)注