產(chǎn)品流程設(shè)計(jì):頁面閉環(huán)跳轉(zhuǎn)

1 評(píng)論 19961 瀏覽 77 收藏 6 分鐘

在產(chǎn)品設(shè)計(jì)時(shí),遇到跳轉(zhuǎn)另一頁面時(shí),你的文檔是如何寫的?直接打開新頁面還是打開之前的頁面。我們來看看這兩種文檔所帶來的用戶體驗(yàn)。

大家平時(shí)在設(shè)計(jì)產(chǎn)品時(shí),涉及到跳轉(zhuǎn)另一個(gè)頁面時(shí),一般都是直接在文檔中寫明:打開新頁面,很少考慮是否可以直接重用之前打開過的頁面(不好意思拉上了大家,作為一個(gè)新入行不久的小司機(jī),我確實(shí)是這么干的( ̄▽ ̄”) 。)

但是最近逛知乎(ios端)的時(shí)候無意中發(fā)現(xiàn)了一個(gè)產(chǎn)品設(shè)計(jì)的細(xì)節(jié),知乎客戶端把答案列表頁和答案詳情頁設(shè)計(jì)成了一個(gè)閉環(huán),防止一些看答案太投入,或者閑著沒事的用戶一遍遍的重開這兩個(gè)頁面,浪費(fèi)寶貴的內(nèi)存資源,造成卡頓。

知乎打開答案詳情和答案列表的流程如下:

第一步,在知乎(ios)首頁點(diǎn)擊任意一個(gè)答案,進(jìn)入答案詳情:

QQ截圖20161124170918

第二步,在答案詳情頁點(diǎn)頂部的標(biāo)題,達(dá)到回答列表:

QQ截圖20161124170944

第三步,在回答列表任意選一個(gè)答案,點(diǎn)進(jìn)答案詳情:

QQ截圖20161124171035

第四步,在這個(gè)答案詳情頁再點(diǎn)擊頂部:

QQ截圖20161124171311

最后一次點(diǎn)擊,不是按我們想象的重新打開一個(gè)頁面展示答案列表,而是直接關(guān)閉了當(dāng)前頁,或者說回到了前一個(gè)頁面,整個(gè)頁面流程如下,最后兩步之間形成了閉環(huán):

QQ截圖20161125100650

之所以說他回到了前一個(gè)頁面的原因有二:

  • 一是開啟新頁面一般是從右向左進(jìn)入,之前的幾次點(diǎn)擊都是如此,但是這次點(diǎn)擊新頁面是從左向右進(jìn)入的。
  • 二是無限循環(huán)的操作最后兩步,最終返回到首頁也只是關(guān)閉答案列表再關(guān)閉答案詳情。

這個(gè)設(shè)計(jì)其實(shí)只是產(chǎn)品設(shè)計(jì)中的一個(gè)小細(xì)節(jié),不讓用戶無限開啟頁面,防止在開啟頁面太多時(shí)出現(xiàn)卡頓。

很多一些我們常用的app都在一些地方有這種設(shè)計(jì),比如,微信(ios),你可以試試長(zhǎng)按底部識(shí)別二維碼,關(guān)注了公眾號(hào)之后是再怎么返回都是回不到之前閱讀的那篇文章里面的,但這也是我一直覺得微信體驗(yàn)不友好的地方,搜索之后想多關(guān)注幾個(gè)賬號(hào)都不行。

QQ截圖20161125092859

還有反例,比如微博(ios),在聊天的時(shí)候,點(diǎn)擊對(duì)方頭像,進(jìn)入他的主頁,再點(diǎn)底部的聊天,是重新打開了一個(gè)聊天頁面,其實(shí)這種情況下完全可以關(guān)閉當(dāng)前頁,效果和重新打開頁面是一樣的(流程如下圖,子子孫孫無窮盡也~)

QQ截圖20161125090506

同樣是聊天,qq(ios)在聊天時(shí)點(diǎn)擊對(duì)方頭像,然后在對(duì)方主頁點(diǎn)擊聊天的時(shí)候就是關(guān)閉當(dāng)前頁,考慮的比微博就多一步,畢竟專業(yè)做這個(gè)的(ヽ(??ω?? )ゝ),如下圖所示,下面這個(gè)流程不管循環(huán)多少次,在聊天界面點(diǎn)返回都是直接返回到聊天列表

QQ截圖20161125091820

這種閉環(huán)跳轉(zhuǎn)原理簡(jiǎn)單,但是實(shí)際操作起來還是很麻煩的,得考慮到頁面中每一個(gè)會(huì)打開新頁面的按鈕的點(diǎn)擊操作,還有可能會(huì)造成一些不是很影響用戶但是細(xì)想會(huì)覺得有些奇怪的地方。

比如之前說的微信不能連續(xù)關(guān)注,關(guān)注后進(jìn)入公眾號(hào)返回是直接返回到首頁。qq也是這樣,即使在好友列表進(jìn)入對(duì)方主頁,點(diǎn)聊天,返回時(shí)也是回到首頁(? ??_??)?。當(dāng)然也有可能是故意這樣設(shè)計(jì),畢竟比起連續(xù)關(guān)注公眾號(hào),以及在好友列表一個(gè)個(gè)找人聊天,用戶在聊天列表停留的時(shí)間才是最長(zhǎng)的嘛╮(╯▽╰)╭。

ps:這種設(shè)計(jì)我稱之為頁面閉環(huán)跳轉(zhuǎn),因?yàn)閺牧鞒虂砜?,各個(gè)頁面形成了一個(gè)閉環(huán),其實(shí)我并不知道它真正叫啥,有知道的歡迎回復(fù)。

 

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 閉環(huán)設(shè)計(jì)很重要。

    來自廣東 回復(fù)