用微信時(shí)，你是否遇到這樣的情況。你正刷著朋友圈，享受著各種雞湯，這時(shí)候，你收到一條微信，一看是女王大人，不得不回。你誠懇的回了一條，等了二十秒不見有什么回應(yīng)，于是就退了出來，進(jìn)入朋友圈找到那篇沒看完的文章，沒看兩行字，那邊就回復(fù)你了，于是你又乖乖地回過去，來來回回，很麻煩！那，為什么聊天和朋友圈間不能有一種更快捷的切換方式呢？

實(shí)際上不只是“朋友圈”和“聊天”頁面間的切換，看訂閱號(hào)的文章、逛商城、使用微信里面的O2O服務(wù)時(shí)都存在這樣的問題。簡(jiǎn)潔是微信的設(shè)計(jì)原則，微信的整個(gè)架構(gòu)十分清晰，四個(gè)Tab欄選項(xiàng)，加上“搜索”和“+”構(gòu)成微信的第一層級(jí)。

微信的架構(gòu)是一種典型的樹狀結(jié)構(gòu)，簡(jiǎn)潔有條理的分布，除了“搜索”和“+”被至于特殊位置外，其功能按相似性歸類。這種架構(gòu)是最常見的形式，成為主流當(dāng)然也是因?yàn)榇_實(shí)有很多優(yōu)點(diǎn)。

事物都有兩面性，對(duì)于微信的架構(gòu)也不列外，特殊功能可以很方便的進(jìn)入，而普通的功能只能按照架構(gòu)的流程來，所以，會(huì)有很多“點(diǎn)進(jìn)”和“返回”操作，比如下圖這種情況。

當(dāng)然，對(duì)于上圖這種不常用的功能，沒必要建立快捷導(dǎo)航或入口。而常用功能間就有必要了，特別是微信聊天這種有即時(shí)和間歇特點(diǎn)的功能。

微信所有的常用功能可以分為兩種：聊天和其它。聊天是微信最重要的單一實(shí)用功能。除聊天外的大多數(shù)功能，在一個(gè)時(shí)間段里只能做一件事，但聊天不同，可以和其它功能穿插著進(jìn)行，你不能邊刷朋友圈邊逛商城，但你可以邊刷朋友圈邊聊天，也可以邊逛商城邊聊天。所以接下來問題變成了微信聊天與跳轉(zhuǎn)前的其它功能頁面間特殊導(dǎo)航方式的探索。

定義問題

設(shè)計(jì)一種微信聊天與跳轉(zhuǎn)前其它功能頁面的特殊導(dǎo)航方式；具體來講，實(shí)現(xiàn)聊天頁面與跳轉(zhuǎn)之前的頁面間快速、便捷的切換。

分析問題

聊天頁和其它頁間的相互切換的關(guān)系可以建立包含A、B、X三個(gè)因素的簡(jiǎn)單模型模型，如圖：

其中A代表微信聊天頁，B代表微信其它功能頁，X代表實(shí)現(xiàn)A和B快速、便捷切換的操作或交互方式。

A（聊天頁）

因?yàn)榱奶斓募磿r(shí)性，我們很多時(shí)候需要從其它狀態(tài)進(jìn)入到聊天頁。聊天頁總的來說有三種：兩人聊天頁（好友、陌生人、漂流瓶）、群聊頁、公眾號(hào)對(duì)話頁。

B（其它功能頁面）

指在跳轉(zhuǎn)到聊天頁之前，正在使用已經(jīng)刷新好的微信頁面。這里的功能頁需要有長時(shí)間停留，并持續(xù)操作的特點(diǎn)，如刷朋友圈、閱讀文章、購物等（從這里可以看出來，實(shí)現(xiàn)聊天頁和其它頁面之間快速切換，不僅僅是體驗(yàn)的問題，同樣可以帶來商業(yè)利益，說不準(zhǔn)多在京東多逛一下就買了表呢）。

X（操作|交互方式）

實(shí)現(xiàn)A和B快速、便捷轉(zhuǎn)變的途徑，是本文要探討的重點(diǎn)。這種方式要考慮到時(shí)間、步驟、執(zhí)行成本、學(xué)習(xí)成本等因素對(duì)最終體驗(yàn)的影響。（因?yàn)槭且粋€(gè)簡(jiǎn)單小的操作，用戶自然是無差別的正常人咯）

接下來先研究一下現(xiàn)有的切換模式

B到A的切換模式分析

現(xiàn)有方式做的很棒了，只需要2步。微信會(huì)作為手機(jī)系統(tǒng)媒體信息出現(xiàn)在手機(jī)通知欄，你只需要下拉通知欄，然后點(diǎn)進(jìn)去就可以。特殊情況就是多條信息的回復(fù)，這個(gè)也很簡(jiǎn)單，點(diǎn)擊一個(gè)回復(fù)后，點(diǎn)返回再點(diǎn)另一個(gè)未回復(fù)的聊天就可以了，也只要2個(gè)步驟。

A到B的切換模式分析

這個(gè)過程相對(duì)復(fù)雜，因B的不同，就會(huì)有不同的路徑，總的來講都是先退出聊天頁，再根據(jù)架構(gòu)的流程逐步點(diǎn)擊到剛才的那個(gè)頁面。但微信就是微信，即使需要這樣逐步點(diǎn)，微信還是能夠把它控制在3-5步左右，除了微信的架構(gòu)比較淺外，微信還做了一些針對(duì)性的設(shè)計(jì)。（說明微信對(duì)這個(gè)問題早有考慮）

第一個(gè)是，對(duì)于朋友圈，還有訂閱號(hào)里面的文章，用戶第二次進(jìn)入會(huì)直接跳轉(zhuǎn)到上一次的瀏覽的位置。（這一做法讓朋友圈刷新變得麻煩一點(diǎn)，不過這種設(shè)計(jì)還是比較正確的，畢竟作為私人空間的朋友圈更新內(nèi)容沒那么多，頻率也沒有那么快。）

另一種，把訂閱號(hào)的文章、外界入口、網(wǎng)頁鏈接等頁面的左上角設(shè)計(jì)為“關(guān)閉”而不是“返回”，這讓微信的淺架構(gòu)得以保留，頁面間的切換步驟就不會(huì)太多。（這里也有一個(gè)不足之處就是：這種外界入口的網(wǎng)頁不能像朋友圈那樣再次點(diǎn)進(jìn)就回到之前的位置。）

微信做的很好，卻還有進(jìn)步的空間。從朋友圈到聊天頁只要2步，從微信聊天頁到朋友圈要3-4步，到訂閱號(hào)的文章則要3-6步，而從微信聊天頁切換到其它正在用的app頁只要2-3步。2步和4步在體驗(yàn)上還是有一些區(qū)別的。所以，接下來我們要重點(diǎn)研究一下怎么從微信聊天頁快速切換到跳轉(zhuǎn)之前的微信頁面。

我們不妨先來分析一下聊天頁面的功能分布和操作特點(diǎn)。以安卓的微信群聊為例（不要為為什么），其它類似，一共可以分為三類，共14種操作，與手指間的交互動(dòng)作共有5種。

對(duì)手機(jī)操作：

• 按電源鍵，鎖屏；
• 長按電源鍵，關(guān)閉或重啟；
• 按home鍵進(jìn)入手機(jī)主頁；
• 長按或雙擊home鍵，打開正在運(yùn)行的應(yīng)用列表，可跳轉(zhuǎn)到其它APP也可停留在當(dāng)前頁。
• 下拉手機(jī)下拉欄，進(jìn)行相關(guān)操作，可設(shè)置、可跳轉(zhuǎn)、可停留。

跳轉(zhuǎn)：

• 點(diǎn)擊返回鍵，返回到微信首頁；
• 點(diǎn)擊多人或單人的圖標(biāo)，進(jìn)入聊天信息頁。
• 點(diǎn)擊聊天人頭像，進(jìn)入聊天人的詳細(xì)資料

當(dāng)前操作：

• 長按信息，可編輯聊天信息；
• 語音輸入；
• 手機(jī)鍵盤文字輸入；
• 添加表情。
• 點(diǎn)擊加號(hào)，進(jìn)行更多操作，如發(fā)圖片、轉(zhuǎn)賬、名片、視頻等。
• 長按聊天人頭像，在文字輸入框里@該好友。

解決方案

定義好問題、了解好現(xiàn)狀后，我做了改善的嘗試，下面將有可行度的一些方案與大家交流一下。

提案一：搖一搖

推薦指數(shù)：☆☆

好吧！這個(gè)沒有什么好講的，瑤一搖幾乎就是微信的代名詞了。這種方式不好之處就在于執(zhí)行成本太高，搖一搖在多人互動(dòng)中很好用，對(duì)于切換一個(gè)頁面，顯得似乎有點(diǎn)太小題大作。

提案二：從右到左滑動(dòng)

推薦指數(shù)：☆☆☆

左右滑的功能一時(shí)能想到的就是tab和導(dǎo)航的切換，網(wǎng)頁前進(jìn)后退，打開側(cè)邊欄，圖片切換，音樂電影快進(jìn)后退，一些常用的設(shè)置等。感覺滑動(dòng)的操作手感比點(diǎn)擊來的舒服，不知道為什么微信幾乎不用到，也就IOS可以用來退后。這種方式學(xué)習(xí)成本比較高，但是一旦用戶知道這個(gè)操作后，用起來還是比較簡(jiǎn)便快捷的。

提案三：具有“返回網(wǎng)頁”功能的懸浮按鈕

推薦指數(shù)：☆☆

簡(jiǎn)單粗暴的放置一個(gè)“返回網(wǎng)頁”的按鈕，在識(shí)別到用戶是跳轉(zhuǎn)到聊天頁時(shí)才出現(xiàn)。用戶跳轉(zhuǎn)后，之前刷新的網(wǎng)頁需要緩存，在聊天頁中點(diǎn)擊“返回網(wǎng)頁”即可跳轉(zhuǎn)，在快速跳轉(zhuǎn)的同時(shí)，還能節(jié)約流量。在有鍵盤時(shí)緊挨著鍵盤（方便操作），沒鍵盤時(shí)在右側(cè)中間（防誤觸）。優(yōu)點(diǎn)是學(xué)習(xí)成本低，操作簡(jiǎn)單；缺點(diǎn)是似乎和微信簡(jiǎn)潔的路線不搭，破壞了微信頁面的協(xié)調(diào)性。

提案四：更多功能表里加“返回網(wǎng)頁”功能

推薦指數(shù)：☆☆☆☆

這是提案三的優(yōu)化，將“返回頁面”放在“+”里邊，作為一個(gè)下屬功能?！鞍l(fā)圖片”和“返回網(wǎng)頁”的功能優(yōu)先級(jí)誰更高高未嘗可知，雖然會(huì)有兩步操作，但覺得它放到這里面更加合適。

提案五：彈窗式聊天頁

推薦指數(shù)：☆☆

從另外一個(gè)角度去思考問題，我們從朋友圈跳轉(zhuǎn)到聊天頁的目的是為了回復(fù)信息，如果可以直接在這個(gè)頁面恢復(fù)那就沒有跳轉(zhuǎn)的必要了。

當(dāng)你正在使用微信時(shí)（聊天狀態(tài)和第一層級(jí)的頁面除外），信息從底部彈出并輪播，持續(xù)三秒后消失（不在使用微信時(shí)，信息出現(xiàn)在手機(jī)系統(tǒng)通知欄里面）；點(diǎn)擊“信息條”進(jìn)入“彈窗聊天模式”；長按“信息條”進(jìn)入常規(guī)的“聊天頁”；點(diǎn)擊“不再顯示”后“信息條”消失且這個(gè)好友或群聊的信息不再出現(xiàn)（避免騷擾）?！霸趶棿啊绷奶祉摃r(shí)，點(diǎn)擊“關(guān)閉”回到當(dāng)前頁；按住往上滑動(dòng)進(jìn)入常規(guī)“聊天頁”。常規(guī)“聊天頁”和“當(dāng)前網(wǎng)頁”間的切換采用提案四的方式。

這種方式的優(yōu)點(diǎn)是瀏覽網(wǎng)頁時(shí)，聊天變成一種插曲，不需要跳轉(zhuǎn)頁面；缺點(diǎn)是很大程度的改變了操作方式，風(fēng)險(xiǎn)比較大，同一時(shí)刻收到多條信息時(shí)還是要進(jìn)入常規(guī)“聊天頁”。

提案六：多窗口運(yùn)行

推薦指數(shù)：☆

這個(gè)方案比較偏概念，在前面分析中知道，微信聊天頁到其它正在運(yùn)行的APP之間切換只要兩步，那為什么不可以借鑒一下這種方式呢。將手機(jī)系統(tǒng)的當(dāng)前運(yùn)行APP設(shè)計(jì)為多個(gè)窗口，不僅可以包含當(dāng)前運(yùn)行窗口，還有其它窗口，如最近網(wǎng)頁，常用網(wǎng)頁，手機(jī)系統(tǒng)給第三方開發(fā)公司自行設(shè)定窗口功能的權(quán)利就可以了。好吧，這種方式只能想想而已，可實(shí)現(xiàn)性太低。

小結(jié)

在微信中，跳轉(zhuǎn)后的聊天頁和之前網(wǎng)頁間的快速切換有一定設(shè)計(jì)價(jià)值，我的推薦方案是：在聊天框的“+”中加入一個(gè)“返回網(wǎng)頁”的快捷功能。這個(gè)方案在對(duì)微信改變最小的前提下，實(shí)現(xiàn)了一個(gè)常用步驟的快速切換，相信能給用戶帶來體驗(yàn)上的提升。

本文由 @RANGO 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載。