作為一個對產品細節比較敏感 的人,微信里有個設計我忍很久了,但一直沒看到微信團隊對此做優化。
保守估計,每天至少有大幾千萬人在用這個功能。
什么功能呢?
轉賬。
我先給你們看兩張截圖,然后你們根據自己的第一直觀反應來區分它們有什么不同。
![]()
乍一看是不是一樣的?
但仔細看你會發現,每一條轉賬消息金額數字下方的文案都是不同的。左邊是接收轉賬的文案,右邊是退回轉賬的文案。
我之所以說這是個很坑人的設計,就是因為這兩種不同狀態在視覺上區分非常弱,弱到很容易讓人忽略。
接下來,說一個我的真實場景經歷。
有一次跟我合作的廣告主要轉一筆錢給我,他直接通過微信轉賬功能發過來了,但我告訴他走對公賬戶,他也同意了。
于是,接下來我就把這筆轉賬退還給他了,退還后的消息狀態就類似下面這樣。
![]()
沒過多久,我就在對公賬戶里收到了他的付款。可他又在微信上跟我說,讓我把這筆轉賬退給他。
一時間我有點懵,轉過來又讓我退回去,是怎么個事?
他說,已經通過對公賬戶轉了,微信上之前的轉賬退回去就好了。
這下我才明白,他以為我已經在微信上接收了那筆轉賬,實際上我做的是退還操作,他沒有看到轉賬消息里「已退還」的文案。
結果就是哈哈一笑,搞得兩邊都很尷尬。
從那以后,每次我操作轉賬退還時都會多加一句話,避免對方產生誤解,就比如昨天有位同學報名深圳線下聚會就是同類場景。
![]()
如果我不加最后一句話,單從產品的視覺設計反饋來看,對方有一定概率會以為我接收了轉賬。
細心的讀者可能會說,接收轉賬和退還轉賬除了文案不同,消息左邊的圖標也不一樣,一個是打鉤,一個是返回箭頭。
如果你發現了這個細節,我只能說你很細心。
但我也想說,一定有絕大多數的讀者是沒有發現的,放大到整個微信用戶樣本里,關注這個細節的人那就更加少了。
因此,這不是一個好設計,在我看來甚至可以說是一個糟糕的設計。
那問題來了,怎么改?
我們可以先看下轉賬消息發出后且未處理狀態下的視覺樣式,一種比較亮的橙黃色。
![]()
看到這個視覺提示,大多數人本能就知道這是一筆新的轉賬,這是多年以來形成的認知習慣。
按照過去的認知習慣,點擊轉賬接收后,轉賬消息的背景就會被設置為淺灰色。
![]()
從橙黃色到灰色,代表轉賬已經接收,這是長久以來形成的用戶認知。
如果回顧一下微信轉賬功能發展就知道,有很長一段時間都是超時退回且有對應獨立消息提示,當時并沒有單獨的「退還」功能。
后來有了獨立的退還功能,即便是未超時的轉賬也可以被接收方主動拒絕,所以會出現這個狀態。
![]()
說白了,已接收和已退還長得太像了,結合用戶長久以來形成的習慣認知,第一視覺提示壓根很難區分開。
就像我前面說的尷尬場景,相信我不是唯一一個遇到的。
既然如此,怎么優化也就有了方向,做「視覺區分」。
舉個例子。
微信的紅包和藍包就是一種視覺區分,紅包用來發錢,藍包用來送禮。
按照這個思路,已接收的轉賬和已退還的轉賬就應該做視覺隔離,已接收狀態下還是維持原樣,但已退還要用一個新樣式,比如去掉橙色底色的全灰色。
當然,我覺得微信團隊一定有更好的方案。
這么一來,用戶一看就知道是怎 么回事,不需要調用系統 2 去思考,只需要系統 1 的即時反應。
![]()
關于用戶洞察和產品設計,這是我在產品訓練營中有重點講過的內容,也分享過很多案例。
換句話說,其實就是產品經理在設計方案時能否具備同理心去感受用戶的感受,而不只是單純從邏輯狀態出發考慮。
如果只考慮邏輯狀態區分,微信現在的方案沒毛病。但加上同理心感受,現在這個方案就有點坑人。
年紀大一點的用戶,眼神不那么好的用戶,比較粗枝大葉的用戶,都會被這個設計影響。
要是微信團隊的同學看到了,是不是可以考慮優化一下?
當然,我所說的也可能是錯的。
················· 唐韌出品 ·················
安可時刻
這次深圳線下聚會報名十分火爆,今天已經破百人了,看來我得找個更大的場地。
從上周北京場的經驗來看,我至少得分享 3 小時,講透如何成為只工作不上班的互聯網個體戶。
![]()
深圳最后一場產品訓練營還有 4 個座位,真的是最后一場了,之后不再舉辦。
要和我學做產品的盡快聯系我,錯過就沒有,不了解訓練營的可以點擊文章末尾的圖片看介紹。
如果你還不知道怎么聯系我,入口在這里。
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.