? ? 用微信時勤众，你是否遇到這樣的情況。你正刷著朋友圈鲤脏，享受著各種雞湯们颜，這時候，你收到一條微信猎醇，一看是女王大人窥突，不得不回。你誠懇的回了一條硫嘶，等了二十秒不見有什么回應(yīng)阻问，于是就退了出來，進(jìn)入朋友圈找到那篇沒看完的文章沦疾，沒看兩行字称近，那邊就回復(fù)你了贡蓖，于是你又乖乖地回過去，來來回回煌茬，很麻煩！那彻桃，為什么聊天和朋友圈間不能有一種更快捷的切換方式呢坛善？
前言
?? 實際上不只是“朋友圈”和“聊天”頁面間的切換，看訂閱號的文章邻眷、逛商城眠屎、使用微信里面的O2O服務(wù)時都存在這樣的問題。簡潔是微信的設(shè)計原則肆饶，微信的整個架構(gòu)十分清晰改衩，四個Tab欄選項，加上“搜索”和“+”構(gòu)成微信的第一層級驯镊。
? ? 微信的架構(gòu)是一種典型的樹狀結(jié)構(gòu)葫督，簡潔有條理的分布，除了“搜索”和“+”被至于特殊位置外板惑，其功能按相似性歸類橄镜。這種架構(gòu)是最常見的形式，成為主流當(dāng)然也是因為確實有很多優(yōu)點冯乘。
? ? 事物都有兩面性洽胶，對于微信的架構(gòu)也不列外，特殊功能可以很方便的進(jìn)入裆馒，而普通的功能只能按照架構(gòu)的流程來姊氓，所以，會有很多“點進(jìn)”和“返回”操作喷好，比如下圖這種情況翔横。
? ? 當(dāng)然，對于上圖這種不常用的功能绒窑，沒必要建立快捷導(dǎo)航或入口棕孙。而常用功能間就有必要了，特別是微信聊天這種有即時和間歇特點的功能些膨。微信所有的常用功能可以分為兩種：聊天和其它蟀俊。聊天是微信最重要的單一實用功能。除聊天外的大多數(shù)功能订雾，在一個時間段里只能做一件事肢预，但聊天不同，可以和其它功能穿插著進(jìn)行洼哎，你不能邊刷朋友圈邊逛商城烫映，但你可以邊刷朋友圈邊聊天沼本，也可以邊逛商城邊聊天。所以接下來問題變成了微信聊天與跳轉(zhuǎn)前的其它功能頁面間特殊導(dǎo)航方式的探索锭沟。
定義問題
設(shè)計一種微信聊天與跳轉(zhuǎn)前其它功能頁面的特殊導(dǎo)航方式抽兆；具體來講，實現(xiàn)聊天頁面與跳轉(zhuǎn)之前的頁面間快速族淮、便捷的切換辫红。
分析問題
| 聊天頁和其它頁間的相互切換的關(guān)系可以建立包含A、B祝辣、X三個因素的簡單模型模型贴妻。
? ??其中A代表微信聊天頁，B代表微信其它功能頁蝙斜，X代表實現(xiàn)A和B快速名惩、便捷切換的操作或交互方式。
A（聊天頁）：?因為聊天的即時性孕荠，我們很多時候需要從其它狀態(tài)進(jìn)入到聊天頁娩鹉。聊天頁總的來說有三種：兩人聊天頁（好友、陌生人稚伍、漂流瓶）底循、群聊頁、公眾號對話頁槐瑞。
B（其它功能頁面）：指在跳轉(zhuǎn)到聊天頁之前熙涤，正在使用已經(jīng)刷新好的微信頁面。這里的功能頁需要有長時間停留困檩，并持續(xù)操作的特點祠挫，如刷朋友圈、閱讀文章悼沿、購物等（從這里可以看出來等舔，實現(xiàn)聊天頁和其它頁面之間快速切換，不僅僅是體驗的問題糟趾，同樣可以帶來商業(yè)利益慌植，說不準(zhǔn)多在京東多逛一下就買了表呢）。
X（操作|交互方式）：實現(xiàn)A和B快速义郑、便捷轉(zhuǎn)變的途徑蝶柿，是本文要探討的重點。這種方式要考慮到時間非驮、步驟交汤、執(zhí)行成本、學(xué)習(xí)成本等因素對最終體驗的影響劫笙。（因為是一個簡單小的操作芙扎，用戶自然是無差別的正常人咯）
| 接下來先研究一下現(xiàn)有的切換模式
B到A的切換模式分析
? ? 現(xiàn)有方式做的很棒了星岗，只需要2步。微信會作為手機(jī)系統(tǒng)媒體信息出現(xiàn)在手機(jī)通知欄戒洼，你只需要下拉通知欄俏橘，然后點進(jìn)去就可以。特殊情況就是多條信息的回復(fù)圈浇，這個也很簡單敷矫，點擊一個回復(fù)后，點返回再點另一個未回復(fù)的聊天就可以了汉额，也只要2個步驟。
A到B的切換模式分析
? ? 這個過程相對復(fù)雜榨汤，因B的不同蠕搜，就會有不同的路徑，總的來講都是先退出聊天頁收壕，再根據(jù)架構(gòu)的流程逐步點擊到剛才的那個頁面妓灌。但微信就是微信，即使需要這樣逐步點蜜宪，微信還是能夠把它控制在3-5步左右虫埂，除了微信的架構(gòu)比較淺外，微信還做了一些針對性的設(shè)計圃验。（說明微信對這個問題早有考慮）
? ? 第一個是掉伏，對于朋友圈，還有訂閱號里面的文章澳窑，用戶第二次進(jìn)入會直接跳轉(zhuǎn)到上一次的瀏覽的位置斧散。（這一做法讓朋友圈刷新變得麻煩一點，不過這種設(shè)計還是比較正確的摊聋，畢竟作為私人空間的朋友圈更新內(nèi)容沒那么多鸡捐，頻率也沒有那么快。）
? ? 另一種麻裁，把訂閱號的文章箍镜、外界入口、網(wǎng)頁鏈接等頁面的左上角設(shè)計為“關(guān)閉”而不是“返回”煎源，這讓微信的淺架構(gòu)得以保留色迂，頁面間的切換步驟就不會太多。（這里也有一個不足之處就是：這種外界入口的網(wǎng)頁不能像朋友圈那樣再次點進(jìn)就回到之前的位置手销。）
? ? 微信做的很好脚草，卻還有進(jìn)步的空間。從朋友圈到聊天頁只要2步原献，從微信聊天頁到朋友圈要3-4步馏慨，到訂閱號的文章則要3-6步埂淮，而從微信聊天頁切換到其它正在用的app頁只要2-3步。2步和4步在體驗上還是有一些區(qū)別的写隶。所以倔撞，接下來我們要重點研究一下怎么從微信聊天頁快速切換到跳轉(zhuǎn)之前的微信頁面。
|?我們不妨先來分析一下聊天頁面的功能分布和操作特點慕趴。以安卓的微信群聊為例（不要為為什么）痪蝇，其它類似，一共可以分為三類冕房，共14種操作躏啰，與手指間的交互動作共有5種。
對手機(jī)操作：1.按電源鍵耙册，鎖屏给僵；2.長安電源鍵，關(guān)閉或重啟详拙；3.按home鍵進(jìn)入手機(jī)主頁帝际；4.長按或雙擊home鍵，打開正在運行的應(yīng)用列表饶辙，可跳轉(zhuǎn)到其它APP也可停留在當(dāng)前頁蹲诀。5.下拉手機(jī)下拉欄，進(jìn)行相關(guān)操作弃揽，可設(shè)置脯爪、可跳轉(zhuǎn)、可停留矿微。
跳轉(zhuǎn)：6.點擊返回鍵披粟，返回到微信首頁；7.點擊多人或單人的圖標(biāo)冷冗，進(jìn)入聊天信息頁守屉。8.點擊聊天人頭像，進(jìn)入聊天人的詳細(xì)資料
當(dāng)前操作：9.長按信息蒿辙，可編輯聊天信息拇泛；10.語音輸入；11.手機(jī)鍵盤文字輸入思灌；12.添加表情俺叭。13.點擊加號，進(jìn)行更多操作泰偿，如發(fā)圖片熄守、轉(zhuǎn)賬、名片、視頻等裕照。14.長按聊天人頭像攒发，在文字輸入框里@該好友。
解決方案
|定義好問題晋南、了解好現(xiàn)狀后紫皇，我做了改善的嘗試雳窟，下面將有可行度的一些方案與大家交流一下躏救。
提案一：搖一搖
推薦指數(shù)：☆☆
? ? 好吧颖杏！這個沒有什么好講的，瑤一搖幾乎就是微信的代名詞了政溃。這種方式不好之處就在于執(zhí)行成本太高趾访，搖一搖在多人互動中很好用，對于切換一個頁面董虱，顯得似乎有點太小題大作扼鞋。
提案二：從右到左滑動
推薦指數(shù)：☆☆☆
? ? 左右滑的功能一時能想到的就是tab和導(dǎo)航的切換，網(wǎng)頁前進(jìn)后退空扎，打開側(cè)邊欄，圖片切換润讥，音樂電影快進(jìn)后退转锈，一些常用的設(shè)置等。感覺滑動的操作手感比點擊來的舒服楚殿，不知道為什么微信幾乎不用到撮慨，也就IOS可以用來退后。這種方式學(xué)習(xí)成本比較高脆粥，但是一旦用戶知道這個操作后砌溺，用起來還是比較簡便快捷的。
提案三：具有“返回網(wǎng)頁”功能的懸浮按鈕
推薦指數(shù)：☆☆
? ? 簡單粗暴的放置一個“返回網(wǎng)頁”的按鈕变隔，在識別到用戶是跳轉(zhuǎn)到聊天頁時才出現(xiàn)规伐。用戶跳轉(zhuǎn)后，之前刷新的網(wǎng)頁需要緩存匣缘，在聊天頁中點擊“返回網(wǎng)頁”即可跳轉(zhuǎn)猖闪，在快速跳轉(zhuǎn)的同時，還能節(jié)約流量肌厨。在有鍵盤時緊挨著鍵盤（方便操作）培慌，沒鍵盤時在右側(cè)中間（防誤觸）。優(yōu)點是學(xué)習(xí)成本低柑爸，操作簡單吵护；缺點是似乎和微信簡潔的路線不搭，破壞了微信頁面的協(xié)調(diào)性。
提案四：更多功能表里加“返回網(wǎng)頁”功能
推薦指數(shù)：☆☆☆☆
? ? 這是提案三的優(yōu)化馅而，將“返回頁面”放在“+”里邊祥诽，作為一個下屬功能∮米Γ“發(fā)圖片”和“返回網(wǎng)頁”的功能優(yōu)先級誰更高高未嘗可知原押，雖然會有兩步操作，但覺得它放到這里面更加合適偎血。
提案五：彈窗式聊天頁
推薦指數(shù)：☆☆
? ? ?從另外一個角度去思考問題诸衔，我們從朋友圈跳轉(zhuǎn)到聊天頁的目的是為了回復(fù)信息，如果可以直接在這個頁面恢復(fù)那就沒有跳轉(zhuǎn)的必要了颇玷。
? ? ?當(dāng)你正在使用微信時（聊天狀態(tài)和第一層級的頁面除外）笨农，信息從底部彈出并輪播，持續(xù)三秒后消失（不在使用微信時帖渠，信息出現(xiàn)在手機(jī)系統(tǒng)通知欄里面）谒亦；點擊“信息條”進(jìn)入“彈窗聊天模式”；長按“信息條”進(jìn)入常規(guī)的“聊天頁”空郊；點擊“不再顯示”后“信息條”消失且這個好友或群聊的信息不再出現(xiàn)（避免騷擾）份招。“在彈窗”聊天頁時狞甚，點擊“關(guān)閉”回到當(dāng)前頁锁摔；按住往上滑動進(jìn)入常規(guī)“聊天頁”。常規(guī)“聊天頁”和“當(dāng)前網(wǎng)頁”間的切換采用提案四的方式哼审。
? ? ?這種方式的優(yōu)點是瀏覽網(wǎng)頁時谐腰，聊天變成一種插曲，不需要跳轉(zhuǎn)頁面涩盾；缺點是很大程度的改變了操作方式十气，風(fēng)險比較大，同一時刻收到多條信息時還是要進(jìn)入常規(guī)“聊天頁”春霍。
提案六：多窗口運行
推薦指數(shù)：☆
? ? 這個方案比較偏概念砸西，在前面分析中知道，微信聊天頁到其它正在運行的APP之間切換只要兩步址儒，那為什么不可以借鑒一下這種方式呢籍胯。將手機(jī)系統(tǒng)的當(dāng)前運行APP設(shè)計為多個窗口，不僅可以包含當(dāng)前運行窗口离福，還有其它窗口杖狼，如最近網(wǎng)頁，常用網(wǎng)頁妖爷，手機(jī)系統(tǒng)給第三方開發(fā)公司自行設(shè)定窗口功能的權(quán)利就可以了蝶涩。好吧理朋，這種方式只能想想而已，可實現(xiàn)性太低绿聘。
小結(jié)
? ? 在微信中嗽上，跳轉(zhuǎn)后的聊天頁和跳轉(zhuǎn)前網(wǎng)頁間的快速切換具有一定設(shè)計價值和意義，我的推薦方案是：在聊天面板的“+”中加入一個“返回網(wǎng)頁”的快捷功能熄攘。這個方案在對微信改變最小的前提下兽愤，實現(xiàn)了一個常用步驟的快速切換，相信能給用戶帶來體驗上的提升挪圾。
