很多時(shí)候，APP成敗在于APP交互設(shè)計(jì)方面，如果細(xì)節(jié)做的好，用戶用起來(lái)爽了，你的APP口碑也不會(huì)太差。

今天25學(xué)堂跟大家分享一個(gè)小小的微信APP交互設(shè)計(jì)細(xì)節(jié)案例。其他更多的APP交互設(shè)計(jì)案例可以移步《微信10個(gè)交互設(shè)計(jì)細(xì)節(jié)問(wèn)題的探討》來(lái)閱讀。

今天25學(xué)堂站在初學(xué)者的角度跟大家分析一些APP的應(yīng)用場(chǎng)景，交互設(shè)計(jì)師如果去體驗(yàn)和重設(shè)計(jì)。

第一部分：APP交互設(shè)計(jì)命題：

在閱讀公眾號(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ì)抓狂吧。

第二部分：分析現(xiàn)狀

先看圖吧~

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

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

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

擴(kuò)展閱讀：其實(shí)這里提到了我們APP交互設(shè)計(jì)師最常見(jiàn)的一個(gè)問(wèn)題：

必須考慮逆向路徑，避免無(wú)效的“返回”

按照微信的邏輯，每一次點(diǎn)擊“返回”的結(jié)果，必然是回到上一次加載的頁(yè)面。這使得一些在正向操作時(shí)感覺(jué)高效簡(jiǎn)潔的設(shè)計(jì)方案在逆向操作時(shí)讓人疼到無(wú)比。

所以，在技術(shù)上無(wú)法解決該問(wèn)題的前提下，并不十分建議使用那些容易引發(fā)“不需要進(jìn)行跳轉(zhuǎn)”的錯(cuò)覺(jué)的導(dǎo)航樣式。

第三部分：重設(shè)計(jì)

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

其實(shí)，類似小程序中在Action Sheet中提供「顯示在聊天頂部」選項(xiàng)，還有聽歌的時(shí)候，允許用戶手動(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ì)方案。

以上就是一個(gè)小小的微信APP交互設(shè)計(jì)細(xì)節(jié)案例：公眾號(hào)閱讀與聊天間的切換。 教給大家的是一種學(xué)習(xí)的方式。

重點(diǎn)閱讀下里面的小字部分的文案。

以上內(nèi)容來(lái)自公眾號(hào)：西市饅頭鋪?zhàn)?