取消/返回/關閉的交互邏輯

部門開始做一些交互設計專業方面的學習,形式采用的是,大家羅列出關于自己工作中遇到并且想要了解清楚的知識點,然后大家各自進行一些資料收集后,找個時間一起碰一下,進行一些交流,交流會后產出一個大家現階段達成比較有共識的結論,然后運用到工作中。

閣主還是挺喜歡這樣的形式,一方面每周去總結自己在工作中所遇到的問題,另一方面push自己去解決這些問題。而且兩個禮拜下來,團隊所形成的這種討論的氛圍和討論的過程,已經讓自己慢慢在平時使用各種APP時,下意識地去思考產品背后的用意。這種在生活中也帶著工作思維的習慣,在潛移默化中也不會讓自己反感。

以下是第一期的結論,以后會根據內容的重要程度或者機密程度選擇性地展示一些。

主題:取消/返回/關閉交互邏輯

平時在工作中取消/返回/關閉,都是為了解決頁面的跳轉邏輯,一般在頁面的左上角,但到底什么時候用取消/返回/關閉,每個APP的做法都不太一樣。團隊在討論中主要以iOS的原生APP和各行業標桿的APP為依據,進行分析。現在將結果展示給大家。

先來講講三者的概念。

取消(Cancel)

牛津釋義:To decide that sth that has been arranged will not take place now.

中文直譯:使計劃中的sth當前不發生

交互定義:終止一個當前可執行的動作

舉個栗子:

關閉(Close)

牛津釋義:To end or make sth end.

中文直譯:使sth關閉

交互定義:退出一個場景或功能

舉個栗子:

返回(Back)

牛津釋義:To end or make sth end.

中文直譯:使sth關閉

交互定義:退出一個場景或功能

舉個栗子:

那什么時候分別用“取消”、“返回”、“關閉”的交互邏輯呢?

在單個任務上是有流程順接性的,就用“返回”,一般用于頁面上的主任務流程。比較獨立,且是次要的任務入口用“取消”或者“關閉”。

什么是頁面主/次要任務?

交互定義:大多數用戶在當前頁面期望操作的流程,或者是PM/UE更希望大多數用戶操作的任務流程,可以認為是主要任務,其他流程可以認為是次要任務。

舉個栗子:

如以上案例中,健康APP中,“今天”頁面的主要任務是瀏覽各項數據,其中“站立小時”是主任務中其中一個子流程,并且在邏輯上對主任務來說具有順承性,于是在“站立小時”的頁面左上角就是一個“返回”。而在“今天”頁面右上角有查看資料的功能,這個功能比較獨立,對于主任務瀏覽各項數據來說不影響,可有可無,所以在左上角是關閉功能。

那“取消”、“關閉”又怎么區分呢?

頁面的承載功能僅為瀏覽查看作用,就用“關閉”,帶有操作性功能的用“取消”。操作性動作包括編輯、分享、新建等。如上面的案例中,資料頁面承載的功能是瀏覽個人信息,主要是瀏覽查看的定位功能,所以左上角是“關閉”。但如果是短信收件箱,左上角“編輯”功能點擊之后,則會變成“取消。”

研究了更多的APP之后,也發現以上結論并不是一成不變的,只是建議,更多的,還需要設計師結合產品實際使用場景做判斷。


往期精彩文章

《小公司做事,大公司做人》

大公司的工作流程及時間分配

《體驗設計應有的意識(高手進階之路)》

傳說中的用戶體驗地圖Sketch文件

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,963評論 6 542
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,348評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,083評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,706評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,442評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,802評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,795評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,983評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,542評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,287評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,486評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,030評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,710評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,116評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,412評論 1 294
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,224評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,462評論 2 378

推薦閱讀更多精彩內容

  • 1、通過CocoaPods安裝項目名稱項目信息 AFNetworking網絡請求組件 FMDB本地數據庫組件 SD...
    陽明AGI閱讀 16,003評論 3 119
  • 卓麥閱讀 130評論 2 1
  • 1、最簡單的方式(最簡單的效果) UILabel只需要設置shadowOffset和shadowColor兩個屬性...
    y2015閱讀 764評論 0 0
  • 我親愛的寶寶,你快兩歲了,慢慢變得懂事了。從出生到現在沒離開我的身邊,連口頭禪都變成:“媽媽呢?” 說實在的,我不...
    隆堯閱讀 121評論 0 0
  • 一、心 每個人都會有心情好或者心情不好的時候,情緒腦在發揮一定的作用,人的情緒一定要操之在我,不要受制于人,自己的...
    章燕閱讀 826評論 0 3