微信8.0改版!聊聊那些潤(rùn)物細(xì)無(wú)聲的細(xì)節(jié)體驗(yàn)設(shè)計(jì)
這幾天朋友圈被微信的 8.0 徹底霸屏了。
我也趕緊更新了微信,看看到底有哪些驚喜的功能,一開(kāi)始是沖著炸彈、煙花去看的,但是由于這種形式之前微信里就已經(jīng)有這個(gè)雛形了:發(fā)送“生日快樂(lè)”會(huì)有蛋糕飄下,而且現(xiàn)在游戲、直播App 中這種形式也已經(jīng)非常常見(jiàn),只不過(guò)多了一個(gè)震動(dòng)的體驗(yàn),所以并沒(méi)有讓我特別的驚喜…
但是!趁著休息日,我又認(rèn)真的體驗(yàn)了新版本,真的讓我驚艷到了!所有的感受聚集在一起就是:潤(rùn)物細(xì)無(wú)聲!
根據(jù)改版中的變化,我總結(jié)了幾個(gè)重要特點(diǎn):
- 設(shè)計(jì)越來(lái)越溫暖人心
- 細(xì)節(jié)互動(dòng)體驗(yàn)越來(lái)越精細(xì)
- 簡(jiǎn)化用戶思考,引導(dǎo)明確目標(biāo)
- 瀏覽信息更加友好
設(shè)計(jì)越來(lái)越溫暖人心
1. 引導(dǎo)頁(yè)
首先來(lái)說(shuō)說(shuō)引導(dǎo)頁(yè),微信作為全民應(yīng)用,一直有自己的調(diào)調(diào),看似簡(jiǎn)單卻引人深思,比如微信 6.3.5 的引導(dǎo)頁(yè):
微信 8.0:
而這次除了整體保持以往的調(diào)調(diào)之外,還增加了「隨機(jī)」動(dòng)態(tài)效果。在這里我特意標(biāo)注了「隨機(jī)」倆字,因?yàn)槌藙傁螺d后打開(kāi)可以看到這幾頁(yè)之外,微信在「設(shè)置-關(guān)于微信-歡迎頁(yè)」中仍保留了查看的入口。而我無(wú)意中點(diǎn)了兩次居然發(fā)現(xiàn)了其中的驚喜:每一次點(diǎn)進(jìn)去顏色居然都不一樣,因?yàn)檫@個(gè)我還特意嘗試了十幾次,前幾次的顏色跟我看到的環(huán)境的顏色都非常接近,我當(dāng)時(shí)腦海中就閃現(xiàn)出一個(gè)想法:我看見(jiàn) 你看見(jiàn)的!難道是根據(jù)用戶看到的環(huán)境色而變換顏色的么?不過(guò)最后幾次并沒(méi)有驗(yàn)證我這個(gè)想法,雖然有點(diǎn)小失望,但是隨機(jī)變化顏色,已經(jīng)說(shuō)明團(tuán)隊(duì)非常用心了,大家也可以去嘗試玩一下,真的是把顏色運(yùn)用到了極致。
有沒(méi)有被美到呢!我們?cè)賮?lái)看下文案:
- 我看見(jiàn)你
- 我看見(jiàn)笑臉
- 我看見(jiàn)煙花
- 我看見(jiàn)一首歌
- 我看見(jiàn)你所看見(jiàn)的
滿滿的都是生活中的細(xì)節(jié)感受,尤其是在生活節(jié)奏越來(lái)越快的今天,這種文案更能觸動(dòng)人心,引起心中的溫暖向往,而通過(guò)最后一句我們可以看出微信今后的戰(zhàn)略方向——視頻號(hào),也算是為視頻號(hào)的大力發(fā)展做了一個(gè)鋪墊。
2. 個(gè)人狀態(tài)功能
個(gè)人頁(yè)面增加了「狀態(tài)」的功能,越來(lái)越貼近現(xiàn)實(shí)生活的場(chǎng)景,而右上角的拍攝小視頻則被收在了「狀態(tài)」里邊。
其中有兩個(gè)細(xì)節(jié)驚喜:
狀態(tài)的顏色是隨機(jī)的,設(shè)計(jì)的理念跟引導(dǎo)頁(yè)一樣,點(diǎn)擊「狀態(tài)」按鈕進(jìn)去后,顏色都不一樣,不同的漸變顏色總會(huì)給到不一樣的驚喜感覺(jué),讓用戶眼前一亮
另一個(gè)細(xì)節(jié)不知道大家有沒(méi)有注意到,那就是「狀態(tài)」按鈕的顏色,一開(kāi)始我點(diǎn)擊了幾次,發(fā)現(xiàn)按鈕顏色不一樣,但是非常微妙,不仔細(xì)去看很難發(fā)現(xiàn),后來(lái)才找到了規(guī)律,原來(lái),按鈕的顏色是跟里邊頁(yè)面顏色是一致的,如果點(diǎn)擊之前按鈕是藍(lán)紅漸變,點(diǎn)進(jìn)去就會(huì)是藍(lán)色跟紅色的漸變色!從這個(gè)細(xì)節(jié)可以看出,微信研發(fā)人員的感情是多么的細(xì)膩呀,佩服!
不過(guò)在這里我想提幾個(gè)優(yōu)化意見(jiàn):
編輯狀態(tài)中必須要寫(xiě)完文字才可以發(fā)布,這樣就增加了用戶發(fā)布狀態(tài)的負(fù)擔(dān),一開(kāi)始我點(diǎn)擊「美滋滋」,以為就會(huì)直接發(fā)布這個(gè)狀態(tài),但是沒(méi)想到還得寫(xiě)文字,就產(chǎn)生了一點(diǎn)抵觸心理;如果還是想要讓用戶填寫(xiě)文字,那么是否可以在「話題」下方給到一些文案提示呢,比如“我很開(kāi)心、美滋滋”等一些有代表性的文案,這樣也減輕了用戶思考的負(fù)擔(dān),而「話題」這個(gè)也比較雞肋,還不如直接在下方羅列出熱門話題,這樣給用戶直接的選擇更好。
加入動(dòng)態(tài)效果會(huì)更好:比如我選擇了「美滋滋」后,朋友到我主頁(yè)去看時(shí),這個(gè)笑臉會(huì)動(dòng)態(tài)的笑一下,是不是會(huì)更加形象有趣呢。
狀態(tài)可見(jiàn)功能中,只有「公開(kāi)」或者「不給誰(shuí)看」,我覺(jué)得是否可以增加一個(gè)「給誰(shuí)看」,當(dāng)然這是我個(gè)人的需求,因?yàn)楝F(xiàn)在微信好友其實(shí)并不是真正的好友了,有些所謂的「好友」都不知道名字,像是文字狀態(tài)無(wú)所謂,但是拍的生活視頻,就會(huì)只想給最親的人看到,那么「不給誰(shuí)看」的人數(shù)實(shí)在太多了,還得一個(gè)個(gè)去選擇,有點(diǎn)麻煩。
狀態(tài)發(fā)布成功后是否可以有編輯狀態(tài)的功能;使用場(chǎng)景:我拍了視頻發(fā)布成功后,想起剛剛忘記加模糊效果了,想著編輯一下,但是一點(diǎn)擊狀態(tài)出現(xiàn)的彈窗中只有「設(shè)個(gè)新?tīng)顟B(tài)」和「結(jié)束狀態(tài)」,所以只好重新又拍了一個(gè),增加了使用負(fù)擔(dān)。
細(xì)節(jié)交互體驗(yàn)越來(lái)越精細(xì)
1. 在豐富視覺(jué)效果的同時(shí),加入了觸覺(jué)振動(dòng)反饋
視覺(jué)上
比如刷爆微信群的炸彈、煙花、慶祝等的視覺(jué)效果,而且其他自帶表情在優(yōu)化了樣式的同時(shí)也都添加了動(dòng)效效果,視覺(jué)上更加震撼,也迎合了現(xiàn)在人們溝通的表現(xiàn)方式;另外還有我上面講的狀態(tài)頁(yè)面的視覺(jué)設(shè)計(jì),表現(xiàn)形式越來(lái)越細(xì)膩,在這里我就不復(fù)述了。
觸覺(jué)反饋
其實(shí)隨著在 iOS 13 Haptic touch 的出現(xiàn),個(gè)別 APP 也加上了一些觸覺(jué)反饋效果,比如網(wǎng)易新聞的底部標(biāo)簽欄圖標(biāo)與點(diǎn)贊——點(diǎn)擊圖標(biāo)會(huì)有觸覺(jué)振動(dòng)反饋,另外還有騰訊新聞的底部標(biāo)簽欄等等。
在我們五官感受中,跟互聯(lián)網(wǎng)產(chǎn)品連接最緊密的就是視覺(jué)、聽(tīng)覺(jué)、觸覺(jué),而觸覺(jué)能夠傳遞的信息是最受限的,通常只有視覺(jué)信息的 1 %。但是,觸覺(jué)對(duì)人類的情感體驗(yàn)來(lái)說(shuō)又是不可或缺的,更貼近生活中最真實(shí)的互動(dòng)。所以豐富視、聽(tīng)效果之外、觸感的體驗(yàn)也越來(lái)越重要。這次微信的觸覺(jué)反饋的添加,也引導(dǎo)了產(chǎn)品體驗(yàn)今后發(fā)展的方向;
下面我們看看微信觸覺(jué)反饋的具體應(yīng)用:
表情互動(dòng)中的炸彈,發(fā)送一個(gè),隨著爆炸效果手機(jī)就會(huì)產(chǎn)生振動(dòng),互動(dòng)感知更強(qiáng)。不過(guò)我好奇的是為什么只有發(fā)一個(gè)會(huì)有爆炸效果,而發(fā)多個(gè)數(shù)量就沒(méi)有呢,來(lái)個(gè)一連串的轟炸體驗(yàn)豈不是更好?不知道大家有沒(méi)有常發(fā)這個(gè)表情,像我一般就會(huì)發(fā)連續(xù)好幾個(gè)或者連續(xù)好幾個(gè)菜刀,感覺(jué)這樣更能表達(dá)我當(dāng)時(shí)的心情。
常規(guī)頁(yè)面的運(yùn)用:首頁(yè)下拉刷新頁(yè)面、掃完二維碼會(huì)有觸覺(jué)感知、浮窗頁(yè)面拉出同時(shí)會(huì)有震動(dòng)的觸覺(jué)、點(diǎn)贊朋友的狀態(tài)也有感知
2. 同狀態(tài)朋友之間的互動(dòng)加強(qiáng)
例如我的狀態(tài)是「美滋滋」,朋友中相同狀態(tài)的就會(huì)顯示在笑臉的右側(cè),點(diǎn)擊就會(huì)進(jìn)入「美滋滋」的列表頁(yè)面,可以點(diǎn)贊朋友的動(dòng)態(tài),強(qiáng)化了朋友間的互動(dòng)關(guān)系,而且這種同狀態(tài)下的互動(dòng),會(huì)更加感同身受,更具有意義。
3. 聚焦重要信息
不知道大家有沒(méi)有注意到狀態(tài)發(fā)布成功后,個(gè)人信息與狀態(tài)之間有一條淺淺的分割線,從這個(gè)分割線也可以看出微信團(tuán)隊(duì)的細(xì)節(jié)體驗(yàn)非常到位,分割線以上點(diǎn)擊任何地方可以編輯信息、分割線以下點(diǎn)擊任何地方則可以編輯狀態(tài),通過(guò)交互來(lái)減少不必要的元素,不但保持頁(yè)面美觀的同時(shí),也讓用戶更聚焦在重要元素,而并不是在頁(yè)面羅列出一個(gè)常規(guī)的「編輯狀態(tài)」按鈕。
簡(jiǎn)化用戶的思考,幫用戶明確目標(biāo)
「看一看」中熱點(diǎn)廣場(chǎng)去掉了要聞,而是以大卡片方式增加了「今日必看」
這讓我想起了之前看過(guò)的《史玉柱自述》中史玉柱所講的“用戶需求的八字方針”中的“目標(biāo)”需求:
對(duì)玩家來(lái)說(shuō),在任何一個(gè)時(shí)間節(jié)點(diǎn)上,都應(yīng)該有目標(biāo);在任何一個(gè)時(shí)間節(jié)點(diǎn)上,都應(yīng)該短中長(zhǎng)期目標(biāo)三者同時(shí)存在。玩家一旦失去目標(biāo),那就是非常危險(xiǎn)的?!妒酚裰允觥?/p>
雖然這句話并不是完全適用所有產(chǎn)品,但是,我覺(jué)得“目標(biāo)”這個(gè)需求在現(xiàn)在社會(huì)還是有很強(qiáng)的引導(dǎo)作用的,而「今日必看」的目標(biāo)性就非常明確,會(huì)強(qiáng)化用戶有事可做的心理,無(wú)形中增加了「看一看」這個(gè)功能在用戶心中的分量感。
對(duì)獲取信息的用戶更加友好
1. 浮窗沒(méi)有數(shù)量限制了
首先跟大家說(shuō)下我之前使用微信的習(xí)慣,微信對(duì)我來(lái)說(shuō)其實(shí)已經(jīng)不僅僅是一個(gè)保持聯(lián)系的工具,它更像是一個(gè)知識(shí)收集平臺(tái);在微信上除了公眾號(hào)獲取信息之外,全網(wǎng)看到的優(yōu)秀內(nèi)容我都會(huì)把鏈接轉(zhuǎn)發(fā)到微信,沒(méi)有看完的會(huì)收到浮窗中,看完后覺(jué)得挺不錯(cuò)就會(huì)收藏。一開(kāi)始用浮窗的頻率還挺高,但是后來(lái)使用就很少了,主要是因?yàn)橛? 5 個(gè)的數(shù)量限制,每次我拖一個(gè)進(jìn)來(lái)之前先關(guān)掉一個(gè),但是我都沒(méi)看完,怎么辦呢,先弄到收藏再看,所以后面我干脆就不用浮窗,直接收藏,免得麻煩。但是收藏就有一個(gè)弱點(diǎn):就是隱藏太深,每次要點(diǎn)擊好幾層才能點(diǎn)開(kāi)文章閱讀。
所以,浮窗取消數(shù)量限制對(duì)于我來(lái)說(shuō)真的解決了一個(gè)大痛點(diǎn),對(duì)于像我這樣的用戶簡(jiǎn)直太友好了。
2. 下拉刷新浮窗內(nèi)容升級(jí)
下拉刷新浮窗新增加了未看完的視頻和文章,這一點(diǎn)看出對(duì)獲取信息的用戶更加友好、便利,不過(guò)我個(gè)人覺(jué)得是不是跟右側(cè)的浮窗功能有些重合了,所以對(duì)我來(lái)說(shuō)可能使用頻率不會(huì)很高。
好啦,以上便是我體驗(yàn) 8.0 的一些感受,歡迎大家繼續(xù)補(bǔ)充哈