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

來自專欄玲瓏設計6 人贊了文章

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

閣主還是挺喜歡這樣的形式，一方面每周去總結自己在工作中所遇到的問題，另一方面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文件》

職場設計教程搶先看～一枚愛折騰、愛健身的設計師妹紙~

詳情請關注微信公眾號：Sophia的玲瓏閣，獲取更多有關交互、健身及其它相關信息。

推薦閱讀：