起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)取消、返回、關(guān)閉的交互邏輯
平時(shí)在工作中取消/返回/關(guān)閉，都是為了解決頁(yè)面的跳轉(zhuǎn)邏輯，一般在頁(yè)面的左上角，但到底什么時(shí)候用取消/返回/關(guān)閉，每個(gè)APP的做法都不太一樣。本文主要以iOS的原生APP和各行業(yè)標(biāo)桿的APP為依據(jù)，進(jìn)行分析。
部門開(kāi)始做一些交互設(shè)計(jì)專業(yè)方面的學(xué)習(xí)，形式采用的是，大家羅列出關(guān)于自己工作中遇到并且想要了解清楚的知識(shí)點(diǎn)，然后大家各自進(jìn)行一些資料收集后，找個(gè)時(shí)間一起碰一下，進(jìn)行一些交流，交流會(huì)后產(chǎn)出一個(gè)大家現(xiàn)階段達(dá)成比較有共識(shí)的結(jié)論，然后運(yùn)用到工作中。
筆者還是挺喜歡這樣的形式，一方面每周去總結(jié)自己在工作中所遇到的問(wèn)題，另一方面push自己去解決這些問(wèn)題。而且兩個(gè)禮拜下來(lái)，團(tuán)隊(duì)所形成的這種討論的氛圍和討論的過(guò)程，已經(jīng)讓自己慢慢在平時(shí)使用各種APP時(shí)，下意識(shí)地去思考產(chǎn)品背后的用意。這種在生活中也帶著工作思維的習(xí)慣，在潛移默化中也不會(huì)讓自己反感。
以下是第一期的結(jié)論，以后會(huì)根據(jù)內(nèi)容的重要程度或者機(jī)密程度選擇性地展示一些。
主題：取消/返回/關(guān)閉交互邏輯
平時(shí)在工作中取消/返回/關(guān)閉，都是為了解決頁(yè)面的跳轉(zhuǎn)邏輯，一般在頁(yè)面的左上角，但到底什么時(shí)候用取消/返回/關(guān)閉，每個(gè)APP的做法都不太一樣。團(tuán)隊(duì)在討論中主要以iOS的原生APP和各行業(yè)標(biāo)桿的APP為依據(jù)，進(jìn)行分析，現(xiàn)在將結(jié)果展示給大家。
先來(lái)講講三者的概念。
取消（Cancel）
牛津釋義：To decide that sth that has been arranged will not take place now.
中文直譯：使計(jì)劃中的sth當(dāng)前不發(fā)生
交互定義：終止一個(gè)當(dāng)前可執(zhí)行的動(dòng)作
舉個(gè)栗子：
關(guān)閉（Close）
牛津釋義：To end or make sth end.
中文直譯：使sth關(guān)閉
交互定義：退出一個(gè)場(chǎng)景或功能
舉個(gè)栗子：
返回（Back）
牛津釋義：To end or make sth end.
中文直譯：使sth關(guān)閉
交互定義：退出一個(gè)場(chǎng)景或功能
舉個(gè)栗子：
那什么時(shí)候分別用“取消”、“返回”、“關(guān)閉”的交互邏輯呢？
在單個(gè)任務(wù)上是有流程順接性的，就用“返回”，一般用于頁(yè)面上的主任務(wù)流程。比較獨(dú)立，且是次要的任務(wù)入口用“取消”或者“關(guān)閉”。
什么是頁(yè)面主/次要任務(wù)？
交互定義：大多數(shù)用戶在當(dāng)前頁(yè)面期望操作的流程，或者是PM/UE更希望大多數(shù)用戶操作的任務(wù)流程，可以認(rèn)為是主要任務(wù)，其他流程可以認(rèn)為是次要任務(wù)。
舉個(gè)栗子：
如以上案例中，健康A(chǔ)PP中，“今天”頁(yè)面的主要任務(wù)是瀏覽各項(xiàng)數(shù)據(jù)，其中“站立小時(shí)”是主任務(wù)中其中一個(gè)子流程，并且在邏輯上對(duì)主任務(wù)來(lái)說(shuō)具有順承性，于是在“站立小時(shí)”的頁(yè)面左上角就是一個(gè)“返回”。而在“今天”頁(yè)面右上角有查看資料的功能，這個(gè)功能比較獨(dú)立，對(duì)于主任務(wù)瀏覽各項(xiàng)數(shù)據(jù)來(lái)說(shuō)不影響，可有可無(wú)，所以在左上角是關(guān)閉功能。
那“取消”、“關(guān)閉”又怎么區(qū)分呢？
頁(yè)面的承載功能僅為瀏覽查看作用，就用“關(guān)閉”，帶有操作性功能的用“取消”，操作性動(dòng)作包括編輯、分享、新建等。
如上面的案例中，資料頁(yè)面承載的功能是瀏覽個(gè)人信息，主要是瀏覽查看的定位功能，所以左上角是“關(guān)閉”。但如果是短信收件箱，左上角“編輯”功能點(diǎn)擊之后，則會(huì)變成“取消”。
研究了更多的APP之后，也發(fā)現(xiàn)以上結(jié)論并不是一成不變的，只是建議，更多的，還需要設(shè)計(jì)師結(jié)合產(chǎn)品實(shí)際使用場(chǎng)景做判斷。
專欄作家
Sophiallg，微信公眾號(hào)：Sophia的玲瓏閣，人人都是產(chǎn)品經(jīng)理專欄作家。一枚愛(ài)折騰，愛(ài)健身的交互設(shè)計(jì)妹紙。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash，基于CC0協(xié)議
像訂單這種，取消訂單、關(guān)閉訂單是一個(gè)意思嗎？還會(huì)說(shuō)他們有不同的場(chǎng)景？
聽(tīng)君一席話，如聽(tīng)一席話
返回、關(guān)閉、取消設(shè)計(jì)時(shí)候是不是應(yīng)該貼合日常生活，比如出門忘記帶手機(jī)了，就得返回去拿手機(jī)，比如打開(kāi)電腦玩了一會(huì)游戲，有事出去，就需要關(guān)閉電腦，比如今天開(kāi)會(huì)，突然臨時(shí)取消會(huì)議。是不是和場(chǎng)景有一定關(guān)系？
說(shuō)的挺透也挺容易理解的，雖然各大APP做法不太統(tǒng)一，前兩天剛跟同事討論，今天看到的您這些觀點(diǎn)和解釋正是我當(dāng)時(shí)想表達(dá)的
三個(gè)詞語(yǔ)的含義本就有明顯的區(qū)別啊
應(yīng)該是很好確定的
如果討論 新增 和 添加 的差別
或許會(huì)更有意義
“取消”是針對(duì)動(dòng)作，“關(guān)閉” 是針對(duì)狀態(tài)，是否可以這樣理解呢？
其實(shí)寫的蠻好，把交互設(shè)計(jì)師經(jīng)常會(huì)遇到按鈕文案和樣式的問(wèn)題講的蠻清楚。。我在剛?cè)胄袛?shù)時(shí)也分不清區(qū)別。。替小姐姐說(shuō)兩句，對(duì)于底下有些哥們說(shuō)講的復(fù)雜、或者沒(méi)必要的，如果從交互設(shè)計(jì)師角度都不規(guī)范各個(gè)場(chǎng)景下的按鈕文案，這么基礎(chǔ)的東西都不注重的話，那么你做的產(chǎn)品會(huì)亂成一鍋粥~并且根據(jù)場(chǎng)景不一致，相同組件不同樣式真的有不同意義。。補(bǔ)充一點(diǎn)關(guān)于“關(guān)閉”和“取消”，取消一般是信息錄入頁(yè)面或者作者所說(shuō)操作頁(yè)面，而關(guān)閉更多的是應(yīng)用于更輕量級(jí)的頁(yè)面，映射于web端，其實(shí)就是一個(gè)對(duì)話框右上角的“x”號(hào)。
分析的有道理，但是不確定增加概念會(huì)不會(huì)讓用戶困惑……怎么證明？
講的缺乏幽默感和代入感
其實(shí)，筆主說(shuō)的太復(fù)雜了，對(duì)于用戶來(lái)說(shuō)未必會(huì)想的這么深入這么細(xì)致，用戶更在乎的是流程，在流程中對(duì)應(yīng)的操作合理就行，按鈕上的文案何必這么復(fù)雜，用戶根本就不得思考你為什么是關(guān)閉為什么是取消為什么是返回，例如很多打斷操作的文案會(huì)用人性化語(yǔ)言替代，例如“我再想想”、“去意已決”，我并非說(shuō)這些文案的好壞，只是把文案定義這么復(fù)雜對(duì)于用戶來(lái)說(shuō)并沒(méi)有好處，除非你是專業(yè)性的工具軟件，對(duì)于操作的命名會(huì)有深究，然而普適性的都是沒(méi)意義的