小程序模板網(wǎng)

微信10個(gè)交互設(shè)計(jì)細(xì)節(jié)問題的探討

發(fā)布時(shí)間:2018-04-16 10:35 所屬欄目:小程序開發(fā)教程
天下雪:越了解微信內(nèi)的設(shè)計(jì)原則,就越方便小程序的設(shè)計(jì);

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

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

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

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

本篇重設(shè)計(jì)和討論將基于iOS端6.5.3版本進(jìn)行,因?yàn)樾〕绦騼H處于發(fā)布初期,可以說仍然是測(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)化

以上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)于輔助流程中的意見反饋功能。

 

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

在閱讀公眾號(hào)文章的過程中,小手機(jī)忽然虎軀一震——你知道收到了新消息,你擔(dān)心是來自女朋友或是上司的「指示」,生怕回得不及時(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ù)的做法很符合「用后即走」(在這里或許說「看完再走」更合適)的理念,通過提高往返成本,讓用戶盡量看完后再離開文章頁(yè)面。在文章長(zhǎng)度一般、收到新消息的頻率和緊迫性都不高的情況下,用戶可以盡量做到讀完再走。但當(dāng)文章較長(zhǎng)、收到新消息的頻率比較高、消息也比較重要的情況下,沒法一鍵返回繼續(xù)閱讀就真的會(huì)導(dǎo)致體驗(yàn)受損了。

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

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

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

 

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

當(dāng)你通過非精確的關(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ì)一閃而過,然后進(jìn)入「公眾號(hào)會(huì)話頁(yè)」并收到公眾號(hào)的歡迎語(yǔ)。此時(shí)點(diǎn)擊導(dǎo)航欄的返回按鈕將直接返回「微信」頁(yè)的會(huì)話列表。想關(guān)注剛才搜索結(jié)果中的其他公眾號(hào)的話,你只能重新再搜索一次。

個(gè)人覺得任何一個(gè)頁(yè)面的「一閃而過」對(duì)用戶而言都是不太好的體驗(yàn),不但沒有太大必要(閃一秒反正也看不清),也容易讓用戶對(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í),可以通過「返回」回到搜索列表;無(wú)意添加其他搜索結(jié)果、只想開始瀏覽當(dāng)前公眾號(hào)時(shí),可以通過「進(jìn)入公眾號(hào)」進(jìn)入「公眾號(hào)會(huì)話頁(yè)」;想直接退出當(dāng)前流程,回到會(huì)話列表時(shí),可以通過新設(shè)的「關(guān)閉」直接退出添加公眾號(hào)的流程,回到「微信」頁(yè)。

 

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

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

兩種入口中,經(jīng)過詢問多個(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è),而是一類呢?例如,用戶想重點(diǎn)關(guān)注幾個(gè)質(zhì)量特別高的公眾號(hào),或者此時(shí)只看某一類別的公眾號(hào)時(shí),就變得有點(diǎn)棘手了。

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

4. 群聊消息的完全屏蔽

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

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



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉(cāng)庫(kù):starfork
本文地址:http://www.u-renovate.com/wxmini/doc/course/23436.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢
AI智能客服 ×