?前言?
小按鈕大學(xué)問(wèn)践盼！
今天帶大家解析“返回”與“關(guān)閉”按鈕的合理運(yùn)用鸦采，留心的朋友會(huì)發(fā)現(xiàn)微信的最新版本6.6.7有了很大的改變，其中跳轉(zhuǎn)網(wǎng)頁(yè)的“返回”與“關(guān)閉”按鈕也做了更貼切的使用調(diào)整咕幻，這也是寫(xiě)這篇文章的原由渔伯，下面就分享幾個(gè)案例，讓你充分了解這兩個(gè)按鈕的使用奧妙肄程！
?
案例分析?
反例
在我的設(shè)計(jì)生涯中遇到過(guò)幾次類似這樣的產(chǎn)品锣吼，當(dāng)我需要建立一個(gè)任務(wù)時(shí)，點(diǎn)擊創(chuàng)建任務(wù)蓝厌，左上角是個(gè)返回按鈕玄叠，點(diǎn)擊下一步，左上角依舊是返回按鈕拓提，最后一步時(shí)因?yàn)闆](méi)帶身份證無(wú)法提高身份證照片读恃，所以需要退出，這時(shí)候左上角還是返回按鈕代态，后來(lái)我點(diǎn)了三次“返回”按鈕才退出了此次任務(wù)寺惫！
暫且不說(shuō)填寫(xiě)資料的體驗(yàn)上如何，就這個(gè)返回按鈕用的真的真的很差勁蹦疑！完全不符合產(chǎn)品邏輯西雀！
下面就結(jié)合案例分析這個(gè)產(chǎn)品問(wèn)題出在哪里，并找到合理解決方案必尼，讓你充分了解“返回”與“關(guān)閉”兩個(gè)按鈕的使用場(chǎng)景蒋搜，保證讓你豁然開(kāi)朗、醍醐灌頂判莉、茅塞頓開(kāi)豆挽、恍然大悟等等！（詞窮了Ｈ选）
蘋(píng)果iOS系統(tǒng)“信息”頁(yè)面
iOS系統(tǒng)“信息”頁(yè)面架構(gòu)的“返回”與“關(guān)閉”按鈕帮哈，當(dāng)用戶點(diǎn)擊查看條目信息，左上角是“返回”按鈕锰镀。
創(chuàng)建信息則沒(méi)有“返回”按鈕娘侍，而是右上角的“取消”按鈕？小（注：取消、關(guān)閉憾筏、X圖標(biāo)都是一個(gè)性質(zhì)）
iOS“信息”頁(yè)面這樣設(shè)計(jì)的原因：
瀏覽信息嚎杨，是一種隨機(jī)瀏覽狀態(tài)，查看后返回是種很自然的操作狀態(tài)氧腰，屬于非模態(tài)頁(yè)面枫浙！
創(chuàng)建信息，是一種任務(wù)狀態(tài)古拴，需要?jiǎng)?chuàng)建或編輯箩帚，屬于模態(tài)頁(yè)面，“取消”更符合場(chǎng)景黄痪！
注：模態(tài)頁(yè)面不一定都適用“取消”按鈕紧帕，非模態(tài)也不一定都適用“返回”按鈕，主要還是看產(chǎn)品架構(gòu)桅打。
知識(shí)拓展是嗜，為什么“取消”按鈕不在頁(yè)面的左上角而是右上角？
原因是操作慣性油额，創(chuàng)建信息圖標(biāo)按鈕在右上角叠纷，取消也在右上角，這樣不僅實(shí)現(xiàn)了慣性操作潦嘶，而且也更容易記憶創(chuàng)建任務(wù)操作流程，同時(shí)也很好的區(qū)別了返回按鈕崇众。
通過(guò)上面案例的思考給出的優(yōu)化方案掂僵！
微信6.6.7“返回”“關(guān)閉”的優(yōu)化
舊版微信，當(dāng)打開(kāi)公眾號(hào)一篇文章時(shí)顷歌，左上角是“返回”按鈕锰蓬。
新版則換成了“關(guān)閉”圖標(biāo)！
微信這次改版更貼近了產(chǎn)品的使用場(chǎng)景眯漩，因?yàn)辄c(diǎn)開(kāi)一篇公眾號(hào)文章時(shí)芹扭，其實(shí)已經(jīng)跳出了微信的原生頁(yè)面，換成了html頁(yè)面赦抖。換一種說(shuō)法就是已經(jīng)進(jìn)入了另一個(gè)模塊中舱卡！所以關(guān)閉更適合！
這樣的設(shè)計(jì)還解決了用戶以往查看手機(jī)網(wǎng)頁(yè)的一個(gè)痛點(diǎn)队萤！
若在文章中點(diǎn)擊鏈接跳轉(zhuǎn)了頁(yè)面，舊版就會(huì)出現(xiàn)兩個(gè)按鈕要尔！新版6.6.7則做出了一個(gè)合理的優(yōu)化舍杜！
用戶再也不用因?yàn)檫@兩個(gè)按鈕在一起新娜，常常點(diǎn)錯(cuò)或點(diǎn)擊前有思考猶豫了。
接下來(lái)在微信強(qiáng)大產(chǎn)品勢(shì)能的帶動(dòng)下既绩，可能會(huì)有更多的產(chǎn)品優(yōu)化這方面交互概龄！?
微信6.6.7亮點(diǎn)功能
微信6.6.7版本的改版最大的亮點(diǎn)還是閱讀文章與聊天場(chǎng)景交互的優(yōu)化！
微信新版6.6.7功能
在舊版中同樣的位置是“在聊天中置頂”饲握，回到聊天頁(yè)面會(huì)在頂上出現(xiàn)旁钧，若要關(guān)閉必須回到文章“取消置頂”，用起來(lái)有些許繁瑣互拾！
這次的優(yōu)化是一次非常好的創(chuàng)新歪今！
?
總結(jié)?
“返回”按鈕適用于一個(gè)模塊中的頁(yè)面跳轉(zhuǎn)或隨機(jī)瀏覽頁(yè)面中運(yùn)用！
“關(guān)閉”按鈕適用于創(chuàng)建任務(wù)的模態(tài)頁(yè)面颜矿，或者跳轉(zhuǎn)到另一種形態(tài)或模塊中寄猩！
其實(shí)在產(chǎn)品設(shè)計(jì)過(guò)程中只要多結(jié)合產(chǎn)品構(gòu)架思考用戶使用場(chǎng)景，就會(huì)很有效的避免很多問(wèn)題骑疆！
最后希望這篇文章給你帶來(lái)幫助田篇，期待下一次與你分享更多的設(shè)計(jì)知識(shí)！
文章來(lái)源個(gè)人公眾號(hào)“互聯(lián)網(wǎng)設(shè)計(jì)幫”歡迎關(guān)注
