產(chǎn)品流程設(shè)計(jì):頁(yè)面閉環(huán)跳轉(zhuǎn)
![](http://image.woshipm.com/wp-files/img/38.jpg)
在產(chǎn)品設(shè)計(jì)時(shí),遇到跳轉(zhuǎn)另一頁(yè)面時(shí),你的文檔是如何寫(xiě)的?直接打開(kāi)新頁(yè)面還是打開(kāi)之前的頁(yè)面。我們來(lái)看看這兩種文檔所帶來(lái)的用戶(hù)體驗(yàn)。
大家平時(shí)在設(shè)計(jì)產(chǎn)品時(shí),涉及到跳轉(zhuǎn)另一個(gè)頁(yè)面時(shí),一般都是直接在文檔中寫(xiě)明:打開(kāi)新頁(yè)面,很少考慮是否可以直接重用之前打開(kāi)過(guò)的頁(yè)面(不好意思拉上了大家,作為一個(gè)新入行不久的小司機(jī),我確實(shí)是這么干的( ̄▽?zhuān)?#8221;) 。)
但是最近逛知乎(ios端)的時(shí)候無(wú)意中發(fā)現(xiàn)了一個(gè)產(chǎn)品設(shè)計(jì)的細(xì)節(jié),知乎客戶(hù)端把答案列表頁(yè)和答案詳情頁(yè)設(shè)計(jì)成了一個(gè)閉環(huán),防止一些看答案太投入,或者閑著沒(méi)事的用戶(hù)一遍遍的重開(kāi)這兩個(gè)頁(yè)面,浪費(fèi)寶貴的內(nèi)存資源,造成卡頓。
知乎打開(kāi)答案詳情和答案列表的流程如下:
第一步,在知乎(ios)首頁(yè)點(diǎn)擊任意一個(gè)答案,進(jìn)入答案詳情:
第二步,在答案詳情頁(yè)點(diǎn)頂部的標(biāo)題,達(dá)到回答列表:
第三步,在回答列表任意選一個(gè)答案,點(diǎn)進(jìn)答案詳情:
第四步,在這個(gè)答案詳情頁(yè)再點(diǎn)擊頂部:
最后一次點(diǎn)擊,不是按我們想象的重新打開(kāi)一個(gè)頁(yè)面展示答案列表,而是直接關(guān)閉了當(dāng)前頁(yè),或者說(shuō)回到了前一個(gè)頁(yè)面,整個(gè)頁(yè)面流程如下,最后兩步之間形成了閉環(huán):
之所以說(shuō)他回到了前一個(gè)頁(yè)面的原因有二:
- 一是開(kāi)啟新頁(yè)面一般是從右向左進(jìn)入,之前的幾次點(diǎn)擊都是如此,但是這次點(diǎn)擊新頁(yè)面是從左向右進(jìn)入的。
- 二是無(wú)限循環(huán)的操作最后兩步,最終返回到首頁(yè)也只是關(guān)閉答案列表再關(guān)閉答案詳情。
這個(gè)設(shè)計(jì)其實(shí)只是產(chǎn)品設(shè)計(jì)中的一個(gè)小細(xì)節(jié),不讓用戶(hù)無(wú)限開(kāi)啟頁(yè)面,防止在開(kāi)啟頁(yè)面太多時(shí)出現(xiàn)卡頓。
很多一些我們常用的app都在一些地方有這種設(shè)計(jì),比如,微信(ios),你可以試試長(zhǎng)按底部識(shí)別二維碼,關(guān)注了公眾號(hào)之后是再怎么返回都是回不到之前閱讀的那篇文章里面的,但這也是我一直覺(jué)得微信體驗(yàn)不友好的地方,搜索之后想多關(guān)注幾個(gè)賬號(hào)都不行。
還有反例,比如微博(ios),在聊天的時(shí)候,點(diǎn)擊對(duì)方頭像,進(jìn)入他的主頁(yè),再點(diǎn)底部的聊天,是重新打開(kāi)了一個(gè)聊天頁(yè)面,其實(shí)這種情況下完全可以關(guān)閉當(dāng)前頁(yè),效果和重新打開(kāi)頁(yè)面是一樣的(流程如下圖,子子孫孫無(wú)窮盡也~)
同樣是聊天,qq(ios)在聊天時(shí)點(diǎn)擊對(duì)方頭像,然后在對(duì)方主頁(yè)點(diǎn)擊聊天的時(shí)候就是關(guān)閉當(dāng)前頁(yè),考慮的比微博就多一步,畢竟專(zhuān)業(yè)做這個(gè)的(ヽ(??ω?? )ゝ),如下圖所示,下面這個(gè)流程不管循環(huán)多少次,在聊天界面點(diǎn)返回都是直接返回到聊天列表
這種閉環(huán)跳轉(zhuǎn)原理簡(jiǎn)單,但是實(shí)際操作起來(lái)還是很麻煩的,得考慮到頁(yè)面中每一個(gè)會(huì)打開(kāi)新頁(yè)面的按鈕的點(diǎn)擊操作,還有可能會(huì)造成一些不是很影響用戶(hù)但是細(xì)想會(huì)覺(jué)得有些奇怪的地方。
比如之前說(shuō)的微信不能連續(xù)關(guān)注,關(guān)注后進(jìn)入公眾號(hào)返回是直接返回到首頁(yè)。qq也是這樣,即使在好友列表進(jìn)入對(duì)方主頁(yè),點(diǎn)聊天,返回時(shí)也是回到首頁(yè)(? ??_??)?。當(dāng)然也有可能是故意這樣設(shè)計(jì),畢竟比起連續(xù)關(guān)注公眾號(hào),以及在好友列表一個(gè)個(gè)找人聊天,用戶(hù)在聊天列表停留的時(shí)間才是最長(zhǎng)的嘛╮(╯▽╰)╭。
ps:這種設(shè)計(jì)我稱(chēng)之為頁(yè)面閉環(huán)跳轉(zhuǎn),因?yàn)閺牧鞒虂?lái)看,各個(gè)頁(yè)面形成了一個(gè)閉環(huán),其實(shí)我并不知道它真正叫啥,有知道的歡迎回復(fù)。
本文由 @lizone?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
閉環(huán)設(shè)計(jì)很重要。