?前言?
小按鈕大學(xué)問！
今天帶大家解析“返回”與“關(guān)閉”按鈕的合理運(yùn)用，留心的朋友會發(fā)現(xiàn)微信的最新版本6.6.7有了很大的改變，其中跳轉(zhuǎn)網(wǎng)頁的“返回”與“關(guān)閉”按鈕也做了更貼切的使用調(diào)整，這也是寫這篇文章的原由，下面就分享幾個案例，讓你充分了解這兩個按鈕的使用奧妙！
?
案例分析?
反例
在我的設(shè)計生涯中遇到過幾次類似這樣的產(chǎn)品，當(dāng)我需要建立一個任務(wù)時，點(diǎn)擊創(chuàng)建任務(wù)，左上角是個返回按鈕，點(diǎn)擊下一步，左上角依舊是返回按鈕，最后一步時因?yàn)闆]帶身份證無法提高身份證照片，所以需要退出，這時候左上角還是返回按鈕，后來我點(diǎn)了三次“返回”按鈕才退出了此次任務(wù)！
暫且不說填寫資料的體驗(yàn)上如何，就這個返回按鈕用的真的真的很差勁！完全不符合產(chǎn)品邏輯！
下面就結(jié)合案例分析這個產(chǎn)品問題出在哪里，并找到合理解決方案，讓你充分了解“返回”與“關(guān)閉”兩個按鈕的使用場景，保證讓你豁然開朗、醍醐灌頂、茅塞頓開、恍然大悟等等！（詞窮了?。?/p>
蘋果iOS系統(tǒng)“信息”頁面
iOS系統(tǒng)“信息”頁面架構(gòu)的“返回”與“關(guān)閉”按鈕，當(dāng)用戶點(diǎn)擊查看條目信息，左上角是“返回”按鈕。
創(chuàng)建信息則沒有“返回”按鈕，而是右上角的“取消”按鈕?。ㄗⅲ喝∠?、關(guān)閉、X圖標(biāo)都是一個性質(zhì)）
iOS“信息”頁面這樣設(shè)計的原因：
瀏覽信息，是一種隨機(jī)瀏覽狀態(tài)，查看后返回是種很自然的操作狀態(tài)，屬于非模態(tài)頁面！
創(chuàng)建信息，是一種任務(wù)狀態(tài)，需要創(chuàng)建或編輯，屬于模態(tài)頁面，“取消”更符合場景！
注：模態(tài)頁面不一定都適用“取消”按鈕，非模態(tài)也不一定都適用“返回”按鈕，主要還是看產(chǎn)品架構(gòu)。
知識拓展，為什么“取消”按鈕不在頁面的左上角而是右上角？
原因是操作慣性，創(chuàng)建信息圖標(biāo)按鈕在右上角，取消也在右上角，這樣不僅實(shí)現(xiàn)了慣性操作，而且也更容易記憶創(chuàng)建任務(wù)操作流程，同時也很好的區(qū)別了返回按鈕。
通過上面案例的思考給出的優(yōu)化方案！
微信6.6.7“返回”“關(guān)閉”的優(yōu)化
舊版微信，當(dāng)打開公眾號一篇文章時，左上角是“返回”按鈕。
新版則換成了“關(guān)閉”圖標(biāo)！
微信這次改版更貼近了產(chǎn)品的使用場景，因?yàn)辄c(diǎn)開一篇公眾號文章時，其實(shí)已經(jīng)跳出了微信的原生頁面，換成了html頁面。換一種說法就是已經(jīng)進(jìn)入了另一個模塊中！所以關(guān)閉更適合！
這樣的設(shè)計還解決了用戶以往查看手機(jī)網(wǎng)頁的一個痛點(diǎn)！
若在文章中點(diǎn)擊鏈接跳轉(zhuǎn)了頁面，舊版就會出現(xiàn)兩個按鈕！新版6.6.7則做出了一個合理的優(yōu)化！
用戶再也不用因?yàn)檫@兩個按鈕在一起，常常點(diǎn)錯或點(diǎn)擊前有思考猶豫了。
接下來在微信強(qiáng)大產(chǎn)品勢能的帶動下，可能會有更多的產(chǎn)品優(yōu)化這方面交互！?
微信6.6.7亮點(diǎn)功能
微信6.6.7版本的改版最大的亮點(diǎn)還是閱讀文章與聊天場景交互的優(yōu)化！
微信新版6.6.7功能
在舊版中同樣的位置是“在聊天中置頂”，回到聊天頁面會在頂上出現(xiàn)，若要關(guān)閉必須回到文章“取消置頂”，用起來有些許繁瑣！
這次的優(yōu)化是一次非常好的創(chuàng)新！
?
總結(jié)?
“返回”按鈕適用于一個模塊中的頁面跳轉(zhuǎn)或隨機(jī)瀏覽頁面中運(yùn)用！
“關(guān)閉”按鈕適用于創(chuàng)建任務(wù)的模態(tài)頁面，或者跳轉(zhuǎn)到另一種形態(tài)或模塊中！
其實(shí)在產(chǎn)品設(shè)計過程中只要多結(jié)合產(chǎn)品構(gòu)架思考用戶使用場景，就會很有效的避免很多問題！
最后希望這篇文章給你帶來幫助，期待下一次與你分享更多的設(shè)計知識！
文章來源個人公眾號“互聯(lián)網(wǎng)設(shè)計幫”歡迎關(guān)注
