作為一個(gè)對(duì)產(chǎn)品細(xì)節(jié)比較敏感 的人，微信里有個(gè)設(shè)計(jì)我忍很久了，但一直沒看到微信團(tuán)隊(duì)對(duì)此做優(yōu)化。

保守估計(jì)，每天至少有大幾千萬(wàn)人在用這個(gè)功能。

什么功能呢？

轉(zhuǎn)賬。

我先給你們看兩張截圖，然后你們根據(jù)自己的第一直觀反應(yīng)來(lái)區(qū)分它們有什么不同。

乍一看是不是一樣的？

但仔細(xì)看你會(huì)發(fā)現(xiàn)，每一條轉(zhuǎn)賬消息金額數(shù)字下方的文案都是不同的。左邊是接收轉(zhuǎn)賬的文案，右邊是退回轉(zhuǎn)賬的文案。

我之所以說(shuō)這是個(gè)很坑人的設(shè)計(jì)，就是因?yàn)檫@兩種不同狀態(tài)在視覺上區(qū)分非常弱，弱到很容易讓人忽略。

接下來(lái)，說(shuō)一個(gè)我的真實(shí)場(chǎng)景經(jīng)歷。

有一次跟我合作的廣告主要轉(zhuǎn)一筆錢給我，他直接通過(guò)微信轉(zhuǎn)賬功能發(fā)過(guò)來(lái)了，但我告訴他走對(duì)公賬戶，他也同意了。

于是，接下來(lái)我就把這筆轉(zhuǎn)賬退還給他了，退還后的消息狀態(tài)就類似下面這樣。

沒過(guò)多久，我就在對(duì)公賬戶里收到了他的付款?？伤衷谖⑿派细艺f(shuō)，讓我把這筆轉(zhuǎn)賬退給他。

一時(shí)間我有點(diǎn)懵，轉(zhuǎn)過(guò)來(lái)又讓我退回去，是怎么個(gè)事？

他說(shuō)，已經(jīng)通過(guò)對(duì)公賬戶轉(zhuǎn)了，微信上之前的轉(zhuǎn)賬退回去就好了。

這下我才明白，他以為我已經(jīng)在微信上接收了那筆轉(zhuǎn)賬，實(shí)際上我做的是退還操作，他沒有看到轉(zhuǎn)賬消息里「已退還」的文案。

結(jié)果就是哈哈一笑，搞得兩邊都很尷尬。

從那以后，每次我操作轉(zhuǎn)賬退還時(shí)都會(huì)多加一句話，避免對(duì)方產(chǎn)生誤解，就比如昨天有位同學(xué)報(bào)名深圳線下聚會(huì)就是同類場(chǎng)景。

如果我不加最后一句話，單從產(chǎn)品的視覺設(shè)計(jì)反饋來(lái)看，對(duì)方有一定概率會(huì)以為我接收了轉(zhuǎn)賬。

細(xì)心的讀者可能會(huì)說(shuō)，接收轉(zhuǎn)賬和退還轉(zhuǎn)賬除了文案不同，消息左邊的圖標(biāo)也不一樣，一個(gè)是打鉤，一個(gè)是返回箭頭。

如果你發(fā)現(xiàn)了這個(gè)細(xì)節(jié)，我只能說(shuō)你很細(xì)心。

但我也想說(shuō)，一定有絕大多數(shù)的讀者是沒有發(fā)現(xiàn)的，放大到整個(gè)微信用戶樣本里，關(guān)注這個(gè)細(xì)節(jié)的人那就更加少了。

因此，這不是一個(gè)好設(shè)計(jì)，在我看來(lái)甚至可以說(shuō)是一個(gè)糟糕的設(shè)計(jì)。

那問題來(lái)了，怎么改？

我們可以先看下轉(zhuǎn)賬消息發(fā)出后且未處理狀態(tài)下的視覺樣式，一種比較亮的橙黃色。

看到這個(gè)視覺提示，大多數(shù)人本能就知道這是一筆新的轉(zhuǎn)賬，這是多年以來(lái)形成的認(rèn)知習(xí)慣。

按照過(guò)去的認(rèn)知習(xí)慣，點(diǎn)擊轉(zhuǎn)賬接收后，轉(zhuǎn)賬消息的背景就會(huì)被設(shè)置為淺灰色。

從橙黃色到灰色，代表轉(zhuǎn)賬已經(jīng)接收，這是長(zhǎng)久以來(lái)形成的用戶認(rèn)知。

如果回顧一下微信轉(zhuǎn)賬功能發(fā)展就知道，有很長(zhǎng)一段時(shí)間都是超時(shí)退回且有對(duì)應(yīng)獨(dú)立消息提示，當(dāng)時(shí)并沒有單獨(dú)的「退還」功能。

后來(lái)有了獨(dú)立的退還功能，即便是未超時(shí)的轉(zhuǎn)賬也可以被接收方主動(dòng)拒絕，所以會(huì)出現(xiàn)這個(gè)狀態(tài)。

說(shuō)白了，已接收和已退還長(zhǎng)得太像了，結(jié)合用戶長(zhǎng)久以來(lái)形成的習(xí)慣認(rèn)知，第一視覺提示壓根很難區(qū)分開。

就像我前面說(shuō)的尷尬場(chǎng)景，相信我不是唯一一個(gè)遇到的。

既然如此，怎么優(yōu)化也就有了方向，做「視覺區(qū)分」。

舉個(gè)例子。

微信的紅包和藍(lán)包就是一種視覺區(qū)分，紅包用來(lái)發(fā)錢，藍(lán)包用來(lái)送禮。

按照這個(gè)思路，已接收的轉(zhuǎn)賬和已退還的轉(zhuǎn)賬就應(yīng)該做視覺隔離，已接收狀態(tài)下還是維持原樣，但已退還要用一個(gè)新樣式，比如去掉橙色底色的全灰色。

當(dāng)然，我覺得微信團(tuán)隊(duì)一定有更好的方案。

這么一來(lái)，用戶一看就知道是怎 么回事，不需要調(diào)用系統(tǒng) 2 去思考，只需要系統(tǒng) 1 的即時(shí)反應(yīng)。

關(guān)于用戶洞察和產(chǎn)品設(shè)計(jì)，這是我在產(chǎn)品訓(xùn)練營(yíng)中有重點(diǎn)講過(guò)的內(nèi)容，也分享過(guò)很多案例。

換句話說(shuō)，其實(shí)就是產(chǎn)品經(jīng)理在設(shè)計(jì)方案時(shí)能否具備同理心去感受用戶的感受，而不只是單純從邏輯狀態(tài)出發(fā)考慮。

如果只考慮邏輯狀態(tài)區(qū)分，微信現(xiàn)在的方案沒毛病。但加上同理心感受，現(xiàn)在這個(gè)方案就有點(diǎn)坑人。

年紀(jì)大一點(diǎn)的用戶，眼神不那么好的用戶，比較粗枝大葉的用戶，都會(huì)被這個(gè)設(shè)計(jì)影響。

要是微信團(tuán)隊(duì)的同學(xué)看到了，是不是可以考慮優(yōu)化一下？

當(dāng)然，我所說(shuō)的也可能是錯(cuò)的。

················· 唐韌出品 ·················

安可時(shí)刻

這次深圳線下聚會(huì)報(bào)名十分火爆，今天已經(jīng)破百人了，看來(lái)我得找個(gè)更大的場(chǎng)地。

從上周北京場(chǎng)的經(jīng)驗(yàn)來(lái)看，我至少得分享 3 小時(shí)，講透如何成為只工作不上班的互聯(lián)網(wǎng)個(gè)體戶。

深圳最后一場(chǎng)產(chǎn)品訓(xùn)練營(yíng)還有 4 個(gè)座位，真的是最后一場(chǎng)了，之后不再舉辦。

要和我學(xué)做產(chǎn)品的盡快聯(lián)系我，錯(cuò)過(guò)就沒有，不了解訓(xùn)練營(yíng)的可以點(diǎn)擊文章末尾的圖片看介紹。

如果你還不知道怎么聯(lián)系我，入口在這里。