在產品設計時,遇到跳轉另一頁面時,你的文檔是如何寫的?直接打開新頁面還是打開之前的頁面。我們來看看這兩種文檔所帶來的用戶體驗。

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

但是最近逛知乎(ios端)的時候無意中發現了一個產品設計的細節,知乎客戶端把答案列表頁和答案詳情頁設計成了一個閉環,防止一些看答案太投入,或者閑着沒事的用戶一遍遍的重開這兩個頁面,浪費寶貴的內存資源,造成卡頓。

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

第一步,在知乎(ios)首頁點擊任意一個答案,進入答案詳情:

第二步,在答案詳情頁點頂部的標題,達到回答列表:

第三步,在回答列表任意選一個答案,點進答案詳情:

第四步,在這個答案詳情頁再點擊頂部:

最後一次點擊,不是按我們想象的重新打開一個頁面展示答案列表,而是直接關閉了當前頁,或者說回到了前一個頁面,整個頁面流程如下,最後兩步之間形成了閉環:

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

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

這個設計其實只是產品設計中的一個小細節,不讓用戶無限開啟頁面,防止在開啟頁面太多時出現卡頓。

很多一些我們常用的app都在一些地方有這種設計,比如,微信(ios),你可以試試長按底部識別二維碼,關注了公眾號之後是再怎麼返回都是回不到之前閱讀的那篇文章裏面的,但這也是我一直覺得微信體驗不友好的地方,搜索之後想多關注幾個賬號都不行

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

同樣是聊天,qq(ios)在聊天時點擊對方頭像,然後在對方主頁點擊聊天的時候就是關閉當前頁,考慮的比微博就多一步,畢竟專業做這個的(ヽ(•̀ω•́ )ゝ),如下圖所示,下面這個流程不管循環多少次,在聊天界面點返回都是直接返回到聊天列表

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

比如之前說的微信不能連續關注,關注後進入公眾號返回是直接返回到首頁。qq也是這樣,即使在好友列表進入對方主頁,點聊天,返回時也是回到首頁(ง •̀_•́)ง。當然也有可能是故意這樣設計,畢竟比起連續關注公眾號,以及在好友列表一個個找人聊天,用戶在聊天列錶停留的時間才是最長的嘛╮(╯▽╰)╭。

ps:這種設計我稱之為頁面閉環跳轉,因為從流程來看,各個頁面形成了一個閉環,其實我並不知道它真正叫啥,有知道的歡迎回復。

 

本文由 @lizone 原創發佈於人人都是產品經理。未經許可,禁止轉載。