微信這設(shè)計(jì)，龍哥知道不？

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

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

什么功能呢？

轉(zhuǎn)賬。

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

乍一看是不是一樣的？

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

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

接下來，說一個(gè)我的真實(shí)場景經(jīng)歷。

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

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

沒過多久，我就在對公賬戶里收到了他的付款。可他又在微信上跟我說，讓我把這筆轉(zhuǎn)賬退給他。

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

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

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

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

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

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

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

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

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

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

那問題來了，怎么改？

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

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

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

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

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

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

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

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

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

舉個(gè)例子。

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

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

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

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

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

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

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

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

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

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

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

安可時(shí)刻

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

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

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

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

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