微信小程序開(kāi)閘后果然立即成為這個(gè)霧霾格外嚴(yán)重的冬天中的一抹亮色，關(guān)于小程序?qū)⑷绾谓o互聯(lián)網(wǎng)應(yīng)用生態(tài)帶來(lái)沖擊的討論迅速在朋友圈刷了屏，小至小程序和WebAPP體驗(yàn)的對(duì)比、低頻APP的危機(jī)，大至微信在庫(kù)克眼皮底下的暗度陳倉(cāng)、引流與分流的博弈，太多的可能性值得我們拭目以待。

此時(shí)作為一枚安靜的設(shè)計(jì)汪，注意力還是回到微信傳統(tǒng)的聊天、朋友圈、公眾號(hào)這三大模塊的交互設(shè)計(jì)本身吧。原本以為伴隨著微信小程序的發(fā)布，會(huì)有一次比較大的版本更新，但9號(hào)醒來(lái)后發(fā)現(xiàn)iOS端的版本號(hào)依然是2017年1月3日更新的6.5.3（說(shuō)「開(kāi)閘」結(jié)果真的是開(kāi)閘而已啊……）。三大模塊中，一些可用性方面的交互細(xì)節(jié)問(wèn)題依然存在。

需要強(qiáng)調(diào)的是，這里雖然暫且稱之為「問(wèn)題」，但僅僅是純粹從用戶角度出發(fā)、在使用過(guò)程中在交互方面可能感到的一些不便之處?？紤]到微信面對(duì)的億級(jí)用戶群體，任何一個(gè)功能的新增和改動(dòng)的決策風(fēng)險(xiǎn)也都不是團(tuán)隊(duì)外的人可以妄加評(píng)論的。設(shè)計(jì)方案的優(yōu)劣本就沒(méi)有非黑即白的定論，我也有理由相信微信作為國(guó)內(nèi)最成功的IM（以后會(huì)不會(huì)是OS？）團(tuán)隊(duì)，關(guān)于這些問(wèn)題都是經(jīng)過(guò)推敲和取舍的，甚至有的在用戶看來(lái)是「問(wèn)題」的地方是產(chǎn)品方出于業(yè)務(wù)目標(biāo)考慮有意為之的。

因此，本篇將僅從一個(gè)微信普通用戶的角度，結(jié)合個(gè)人的使用體驗(yàn)、朋友閑聊中的反饋、知乎上「微信設(shè)計(jì)的渣細(xì)節(jié)有哪些？」這一帖子下的一千余條回答中，選擇其中10個(gè)比較有代表性的問(wèn)題進(jìn)行探討，并對(duì)可能的優(yōu)化方案進(jìn)行重設(shè)計(jì)——并非大刀闊斧地肆意改動(dòng)，而是基于現(xiàn)行版本在交互細(xì)節(jié)上進(jìn)行一定的微調(diào)。寫(xiě)本文的初衷也并非討論這10個(gè)重設(shè)計(jì)方案是否合理，而是更期待在討論中推測(cè)和了解，作為經(jīng)過(guò)千錘百煉的現(xiàn)行版本為什么在知道會(huì)導(dǎo)致這些小問(wèn)題的情況下，依然選擇這樣做，或者有沒(méi)有比這10個(gè)重設(shè)計(jì)更完美的解決方案？甚至，如果有幸被知情人士看到這篇文章，并有機(jī)會(huì)一起聊聊的話，就再好不過(guò)了：）

本篇重設(shè)計(jì)和討論將基于iOS端6.5.3版本進(jìn)行，因?yàn)樾〕绦騼H處于發(fā)布初期，可以說(shuō)仍然是測(cè)試和逐步完善的階段，因此討論范圍將暫時(shí)不涉及小程序。

 

目錄

1. 公眾號(hào)閱讀與聊天的切換
2. 連續(xù)添加多個(gè)公眾號(hào)
3. 訂閱號(hào)的分組查看
4. 群聊消息的完全屏蔽
5. 刪除會(huì)話時(shí)的危險(xiǎn)操作警告
6. 收藏表情的排序整理
7. 將非表情圖片添加為表情
8. 朋友圈的返回頂部操作
9. 朋友圈消息通知的兩個(gè)優(yōu)化
10. 意見(jiàn)反饋通道的簡(jiǎn)化

以上10個(gè)可用性細(xì)節(jié)中，第1~3點(diǎn)針對(duì)公眾號(hào)模塊，第4~7點(diǎn)針對(duì)聊天會(huì)話模塊，第8~9點(diǎn)針對(duì)朋友圈模塊，第10點(diǎn)則是關(guān)于輔助流程中的意見(jiàn)反饋功能。

 

1. 公眾號(hào)閱讀與聊天間的切換

在閱讀公眾號(hào)文章的過(guò)程中，小手機(jī)忽然虎軀一震——你知道收到了新消息，你擔(dān)心是來(lái)自女朋友或是上司的「指示」，生怕回得不及時(shí)，便忙不迭地返回了會(huì)話列表，但當(dāng)你查看并處理完這條新消息后，想要繼續(xù)閱讀公眾號(hào)，又要重新從「會(huì)話列表」→「訂閱號(hào)」→「你想讀的公眾號(hào)」→「公眾號(hào)會(huì)話頁(yè)」→「剛才在讀的文章」這一路徑重新回到文章頁(yè)面。這一路徑雖然并不算非常冗長(zhǎng)，但當(dāng)你好不容易繼續(xù)閱讀后，如果小手機(jī)又虎軀一震呢……想必如此往返幾次，再耐心的人也會(huì)抓狂吧。

其實(shí)現(xiàn)在微信已經(jīng)很人性化地幫助用戶在第二次進(jìn)入文章頁(yè)面時(shí)，自動(dòng)跳轉(zhuǎn)到上次閱讀到的位置，至少重新回到文章頁(yè)面后不用滾動(dòng)半天找到剛才的進(jìn)度了。但仍然缺少一個(gè)可以在新收到的消息和正在閱讀的文章之間直接往返的路徑。

這種不支持多任務(wù)的做法很符合「用后即走」（在這里或許說(shuō)「看完再走」更合適）的理念，通過(guò)提高往返成本，讓用戶盡量看完后再離開(kāi)文章頁(yè)面。在文章長(zhǎng)度一般、收到新消息的頻率和緊迫性都不高的情況下，用戶可以盡量做到讀完再走。但當(dāng)文章較長(zhǎng)、收到新消息的頻率比較高、消息也比較重要的情況下，沒(méi)法一鍵返回繼續(xù)閱讀就真的會(huì)導(dǎo)致體驗(yàn)受損了。

我個(gè)人的習(xí)慣是打開(kāi)一篇文章，先看一下是不是很快能讀完的，如果是長(zhǎng)文就直接點(diǎn)擊「…」→「在Safari中打開(kāi)」，不過(guò)對(duì)于竭盡所能把用戶留在微信中的產(chǎn)品方，也是一萬(wàn)個(gè)不希望大家都用這種方法去解決多任務(wù)問(wèn)題吧。

對(duì)此，重設(shè)計(jì)中在文章頁(yè)提供了一個(gè)提示新消息的控件，有別于原有「返回」操作，通過(guò)這一控件返回會(huì)話列表查看并處理新消息時(shí)，可以在聊天頂部看到一個(gè)返回繼續(xù)閱讀文章的入口，從而方便地一鍵返回文章頁(yè)面、繼續(xù)瀏覽。

其實(shí)，類(lèi)似小程序中在Action Sheet中提供「顯示在聊天頂部」選項(xiàng)，允許用戶手動(dòng)將文章保留在聊天頂部的設(shè)計(jì)方式也是一種可行的方案。但考慮到公眾號(hào)文章頁(yè)點(diǎn)擊「…」后調(diào)出的菜單已經(jīng)較為復(fù)雜，而且用戶在沒(méi)有收到新消息的情況下，主動(dòng)中斷閱讀前往其他頁(yè)面的場(chǎng)景可能并不多見(jiàn)，因此最后還是選擇了上面這種重設(shè)計(jì)方案。

 

2. 連續(xù)添加多個(gè)公眾號(hào)

當(dāng)你通過(guò)非精確的關(guān)鍵詞搜索，查找關(guān)于某一領(lǐng)域的公眾號(hào)時(shí)，你可能對(duì)搜索結(jié)果中的多個(gè)公眾號(hào)都有興趣。而當(dāng)你進(jìn)入其中一個(gè)公眾號(hào)的「公眾號(hào)信息頁(yè)」并點(diǎn)擊關(guān)注后，關(guān)注成功后的狀態(tài)會(huì)一閃而過(guò)，然后進(jìn)入「公眾號(hào)會(huì)話頁(yè)」并收到公眾號(hào)的歡迎語(yǔ)。此時(shí)點(diǎn)擊導(dǎo)航欄的返回按鈕將直接返回「微信」頁(yè)的會(huì)話列表。想關(guān)注剛才搜索結(jié)果中的其他公眾號(hào)的話，你只能重新再搜索一次。

個(gè)人覺(jué)得任何一個(gè)頁(yè)面的「一閃而過(guò)」對(duì)用戶而言都是不太好的體驗(yàn)，不但沒(méi)有太大必要（閃一秒反正也看不清），也容易讓用戶對(duì)自己的操作產(chǎn)生不可控的沮喪感。因此，關(guān)注成功后，要么直接（不顯示關(guān)注成功后的狀態(tài)）進(jìn)入「公眾號(hào)會(huì)話頁(yè)」，要么停留在已成功關(guān)注狀態(tài)的「公眾號(hào)信息頁(yè)」，都是更好的做法。

而回到剛才的場(chǎng)景，如果要為用戶提供一個(gè)連續(xù)添加多個(gè)公眾號(hào)的入口，那么后者，也就是關(guān)注后停留在已成功關(guān)注狀態(tài)的「公眾號(hào)信息頁(yè)」更為合適。用戶此時(shí)可以自由選擇，想添加其他搜索結(jié)果時(shí)，可以通過(guò)「返回」回到搜索列表；無(wú)意添加其他搜索結(jié)果、只想開(kāi)始瀏覽當(dāng)前公眾號(hào)時(shí)，可以通過(guò)「進(jìn)入公眾號(hào)」進(jìn)入「公眾號(hào)會(huì)話頁(yè)」；想直接退出當(dāng)前流程，回到會(huì)話列表時(shí)，可以通過(guò)新設(shè)的「關(guān)閉」直接退出添加公眾號(hào)的流程，回到「微信」頁(yè)。

 

3. 訂閱號(hào)的分組查看

這個(gè)問(wèn)題對(duì)關(guān)注訂閱號(hào)的數(shù)目不是很多的用戶來(lái)說(shuō)并不明顯，但對(duì)于身邊一些關(guān)注了數(shù)十個(gè)公眾號(hào)的「訂閱號(hào)控」們來(lái)說(shuō)，無(wú)論是從「微信-訂閱號(hào)」這一入口按消息更新順序翻找，還是從「通訊錄-公眾號(hào)」這一入口，在訂閱號(hào)和服務(wù)號(hào)等全部公眾號(hào)中按字母表翻找，都是一件痛苦的事情。

兩種入口中，經(jīng)過(guò)詢問(wèn)多個(gè)朋友的使用習(xí)慣，包括自己的個(gè)人習(xí)慣，都是更習(xí)慣使用「微信-訂閱號(hào)」這一入口，實(shí)在找不到時(shí)才會(huì)嘗試從「通訊錄-公眾號(hào)」按字母表查找，因此本節(jié)討論暫針對(duì)前者進(jìn)行。

如果用戶想找的是一個(gè)訂閱號(hào)時(shí)，可以在「通訊錄-公眾號(hào)」中按字母表查找，或者使用「置頂公眾號(hào)」功能暫且解決。

而如果不是一個(gè)，而是一類(lèi)呢？例如，用戶想重點(diǎn)關(guān)注幾個(gè)質(zhì)量特別高的公眾號(hào)，或者此時(shí)只看某一類(lèi)別的公眾號(hào)時(shí)，就變得有點(diǎn)棘手了。

對(duì)此，重設(shè)計(jì)中利用「訂閱號(hào)」頁(yè)面的導(dǎo)航欄右端，提供了一個(gè)篩選控件，默認(rèn)顯示「全部」，點(diǎn)擊后可以篩選并選擇只顯示特定分組的訂閱號(hào)，從而提高用戶閱讀特定一類(lèi)公眾號(hào)的效率。而訂閱號(hào)的分組可以在「公眾號(hào)信息頁(yè)」中進(jìn)行設(shè)置和管理。

4. 群聊消息的完全屏蔽

群聊無(wú)法徹底屏蔽應(yīng)該是一個(gè)很多人吐槽已久的問(wèn)題了，尤其是鵝廠自家的QQ明明在消息接收模式上很好地滿足了用戶多樣化需求的情況下，微信中群聊只支持免擾、不支持屏蔽的特點(diǎn)，在對(duì)比下就成了一條廣為詬病的設(shè)計(jì)，微信拖討論組不需要對(duì)方同意更是把這一問(wèn)題進(jìn)一步放大。各種想加入的、不想加入的群，無(wú)時(shí)無(wú)刻不在接收著巨量的消息（其中還包含漫天飛舞的表情包），無(wú)論對(duì)存儲(chǔ)空間還是流量的消耗上都讓很多用戶怨聲載道。

重設(shè)計(jì)中，在「消息免打擾」功能下方設(shè)置了「消息屏蔽」的選項(xiàng)，打開(kāi)后即可停止接收消息和圖片文件。不過(guò)，我猜測(cè)微信遲遲不引入這一簡(jiǎn)單的功能，應(yīng)該不是沒(méi)意識(shí)到、也不是無(wú)法解決的技術(shù)問(wèn)題，而是出于某種業(yè)務(wù)層面的考慮，并不希望用戶有機(jī)會(huì)徹底屏蔽群聊吧。