「返回」功能應該怎麼設計

2022-09-24 07:42:09 字數 2226 閱讀 6422

前幾天在 b 站上看郭德綱的相聲,在下面看到乙個推薦**就點了進去,看完之後點「返回」想繼續看之前的相聲,結果發現直接回到了搜尋結果頁面,把剛才那層給跳過去了。

我自己也是 b 站老使用者了,怎麼會遇到這個情況?我就拿小公尺和三星手機看了一下,發現返回的是相聲頁。難道是版本的原因?我又把兩個手機中的 b

站都公升級到最新版本,發現小公尺和三星都是一層一層的返回,而 iphone

則是直接回到搜尋結果。這到底是怎麼回事,我現在也沒搞懂。我也索性寫篇文章來專門聊一聊返回功能。

任何乙個功能的提出都是基於使用者的需求。那麼為什麼使用者需要「返回」呢?簡單來說,返回可以給使用者提供了乙個離開當前頁面的路徑,回到上乙個頁面。而「上乙個頁面」可能是上一層級,例如從**頁面回到二級頁面,這個屬於層級返回;也有可能是同一層級,例如購買理財專案到輸入簡訊驗證碼的時候突然想更改購買金額,可以點選返回,這屬於任務流返回。

當然了,這種分類方式不一定準確,因為有的時候它既屬於層級返回,也屬於任務流返回。

分類好了,我們再來了解一下最常見的返回樣式。在介面左上角加箭頭 icon 是我www.cppcns.com們最常見的返回樣式,這麼用沒人敢說你不對。我們還可以在旁邊加上文字,讓使用者知道返回的路徑。

這種返回的樣式,基本可以應付大部分的使用者需求。但是有些特殊情況,我們還是要仔細斟酌的。

就以上面這個理財產品購買流程為例,這是乙個任務流。假定使用者需要 5 步才能完成購買理財產品的操作,如果使用者在第 4 步的時候點選了返回,有兩個可能:

如果是第二種,使用者一步步的返回就會很累。所以當使用者處於乙個任務流中,一旦使用者點選了返回,我們可以考慮給使用者提供關閉的功能,讓使用者可以快速地離開。當然也不止是任務流,如果使用者處於層級過深的情況下,我們也可以給使用者提供關閉功能。

關閉功能在不同的階段有不同的叫法,在任務流的終點,我們稱之為「成功」。

設計師需要考慮程式設計客棧不同的使用場景,例如當網路狀況不佳的時候,新頁面遲遲載入不了。我們應該給使用者提供乙個關閉功能,要不然像圖上的這種,使用者只能選擇退出產品了。當然這個案例是開發的鍋,返回功能應該是提前渲染好的,就像微信這樣。所以乙個產品要做好,設計師必須關注開發的還原度。

不管是返回,關閉還是完成,使用者想離開當前程式設計客棧的狀態(頁面或者彈框),都必須要點選 icon 或者文字。這樣會不會太單調了?我們可以嘗試引入其他的手勢。

以網易雲**為例,如果使用者想檢視歌曲評論,需要點選「評論」icon,進入評論列表,然後再點選「返回」回到**介面。但是在蝦公尺**,歌曲評論的開啟和收起只需使用者上下滑動就能完成。當然設計師們怕步子太大,使用者一下子接受不了,還是展示了

icon,使用者通過點選 icon 也能返回。

這種新的嘗試我非常的認可,因為它不僅豐富了返回的實現場景,還程式設計客棧開拓了新的維度。使用者對於操作流程「前後」的認知還停留在「左右」這個階段,例如在

iphone 中,使用者可以通過右滑返回到上乙個頁面。突然發現上下滑動也能完成返回的功能。這樣可以給我們在接下來的互動設計中提供一些新的思路。

而且從易用性的角度來說,滑動比點選更受到使用者的喜愛。因為點選的區域很小,特別是放在介面左上角,單手操作和大屏手機的使用者拇指很難直接觸及到,需要更改手機握持姿勢或者改為雙手操作。可能會有人說,安卓有物理的返回鍵,使用者也很容易操作,簡直完美。

對於這個問題,我覺得這體現了安卓和 ios 的兩種不同的思路。我們都知道 iphone

的一大革命性突破就是拋棄了物理鍵盤,引入虛擬按鍵,增加了螢幕面積。而去年發布的 iphone x 則直接把 home

鍵也給去掉了,整個底部的空間也解放了出來。這讓我想起了 08 年上高中的時候,父母給我買了第一部手機,當時如果想放大**必須點+號,現在**的放大縮小都完全依靠手勢了。所以我在想會不會有一天手勢完全取代了按鈕。

當然任何創新本質都是打破原有的規則,挑戰使用者的固有認知,增加使用者的學習成本。以上面的蝦公尺**為例,即使引入了手勢,還是保留了返回按鈕,給使用者乙個過渡的時期。

手勢的引入可以節省介面的空間,但是我們通過其他的方法也能達到這個目的。下圖就是乙個很好的例子。

上面提到了安卓和 iphone 的差異性,所以我們在設計過程要充分考慮不同的作業系統和機型。我可以給大家再舉乙個例子。

在 iphone 中,手勢密碼登入失敗的時候,會跳出乙個彈框,彈框的文字會抖動一下,告訴使用者登入失敗。但是一些安卓機不支援這個抖動效果,這個會造成使用者無法獲知第二次、第三次、第四次失敗,因為彈框沒有發生任何變化。直到最後失敗次數超過限制,被鎖定。

關於作者

王m爭(微信***:王m爭),資深網際網路人。

本文標題: 「返回」功能應該怎麼設計

本文位址: /news/exp/62839.html

怎麼挪動 衛浴設計 家有小孩,浴缸應該怎麼選?

從寶寶零歲到六七歲這個期間,給寶寶洗澡,都是寶爸寶媽的一大難題。從捧在懷裡的小寶寶,到六七歲的大孩子,中間得換無數個浴盆,有這些買浴盆的錢,拿來置辦乙個浴缸也就夠了。那麼如果家裡有個小孩,想要置辦乙個浴缸,那這個浴缸又該怎麼選呢?我們可以從三個角度去考慮一下。1.尺寸大小 從嬰幼兒到六七歲的兒童,不...

ref unref應該返回什麼值

ref unref應該返回什麼值 引用計數是追蹤物件生命週期最常用的方法,一方面保證物件在有人使用時不會被銷毀,另外一方面又保證不會因為忘記銷毀物件而造成記憶體洩漏。具有引用計數功能的物件一般都會提供兩個函式 ref用於增加引用計數,unref用於減少引用計數,計數為0時銷毀物件。乙個有趣的問題是,...

ref unref應該返回什麼值

ref unref應該返回什麼值 引用計數是追蹤物件生命週期最常用的方法,一方面保證物件在有人使用時不會被銷毀,另外一方面又保證不會因為忘記銷毀物件而造成記憶體洩漏。具有引用計數功能的物件一般都會提供兩個函式 ref用於增加引用計數,unref用於減少引用計數,計數為0時銷毀物件。乙個有趣的問題是,...