起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識深度解析：刪除操作設(shè)計
編輯導(dǎo)語：產(chǎn)品與交互區(qū)別之一在于，產(chǎn)品定義功能，交互完善體驗。一個功能設(shè)計看似簡單，實則不然。刪除操作作為常見的交互功能，也是人們比較容易忽視的一個功能。本篇內(nèi)容，作者將帶領(lǐng)大家深度解析“刪除操作”，大家快來看看吧！
刪除操作是最常見也最廣泛的一項交互功能，但也是互聯(lián)網(wǎng)時代人們比較容易忽視的一項功能。本次深度解析系列，會從常見的功能開始分析，穩(wěn)扎穩(wěn)打，為體驗的提升做出微薄的貢獻(xiàn)。
一、明確“刪除”的含義
明確其含義是體驗操作的基礎(chǔ)，在見過不少終端和應(yīng)用混用文字的情況后，我深知基礎(chǔ)的重要性。做好文字的表達(dá)既是致敬偉大的中華文化，也是弘揚與發(fā)展的根基。
刪除是指去掉不用的東西，原用于書信、政策等文事中表達(dá)。在信息時代，可以是刪除短信、刪除記錄、刪除聯(lián)系人、刪除圖片等等。它的賓語應(yīng)該是信息時代的某件“東西”。
1. “刪除”與“清除”
清除的意思是指全部去掉、掃除干凈。應(yīng)用的場景多為清除積雪、清除雜草等清掃性工作。在信息時代，清除多為去除數(shù)據(jù)、任務(wù)、緩存等，其賓語不是普通東西，而是更 “抽象的組合”。
在數(shù)據(jù)和內(nèi)容的去除上，“清除”與 “刪除”更徹底。
無法刪除的進程、任務(wù)上，適合用 “清除”，例如清除緩存、清除通知、清除后臺程序。
在可刪除的內(nèi)容上，通常用“刪除”，例如刪除記事、刪除文字、刪除錄音文件。
2. “刪除”與“移除”
“移除”重點在“移”,轉(zhuǎn)移其位置，而不會刪除。例如收藏的聯(lián)系人、收藏的歌曲、回收站里的文件等等?！耙瞥睘閷?nèi)容從某個空間移走，并不會刪除。
3. “刪除”與“取消”
“取消”多用于某個任務(wù)、進程等帶有正在進行時屬性的動作，例如取消訂單、取消搜索等。“取消”也經(jīng)常用于彈框中，與“確定”相反，用于中斷某個即將開始的動作。
4. “刪除”與“退出”
“退出”是指退離所在的場所。其含義一是主體在某個場所中，二是主體要與該場所斷絕聯(lián)系，三是離開這里?！巴顺觥辈粫@個場所的存在造成影響，“刪除”則會使這個場所消失。
在信息時代，某個應(yīng)用、群、組等都會是虛擬的場所。因此退出應(yīng)用、退出群、退出小組等是指離開這里，而刪除群則使群消失。
其中“刪除應(yīng)用”一般不會用到，是因為“應(yīng)用”是個多重對象，請看第二部分。
二、明確刪除的對象
刪除的對象看起來很簡單，實際上學(xué)問很多。它的意義在于，設(shè)計刪除時，我們能將不同屬性的對象區(qū)分開，設(shè)計出更符合自身的流程體驗。
1. 是否是獨立個體？
刪除對象有些是獨立的，僅代表自身一方的存在；例如，一張圖片、一個聯(lián)系人、一個訂單、一條動態(tài)等等，這些都是獨立的。
有些是具備多重身份的，該對象是多重內(nèi)容的組合體。
例如，一個群組，在刪除時它既包含群屬性，又包含組內(nèi)成員。一般在其刪除時，確認(rèn)刪除框中會說明刪除的是哪部分，避免引起歧義。
例如，一個下載中的文件，其既包含下載進程，又包含已下載的那部分文件，因此在做刪除設(shè)計時，應(yīng)針對其包含的多重內(nèi)容做針對化的設(shè)計。
例如，“應(yīng)用”本身是個組合體，包含了很多安裝文件、緩存文件，還有個安裝過程，“刪除”與之對應(yīng)會比較局限，因此通常會用“卸載”應(yīng)用，安卓6以后，卸載應(yīng)用會包含刪除文件的過程。
2. 產(chǎn)生來源
明確這一點，對于刪除文件的重要性，有一個明確的認(rèn)識。
第一類，用戶意愿產(chǎn)生的，指用戶在其中付出心血和努力的內(nèi)容，例如用戶的聯(lián)系人、錄音、帖子、日歷、備忘錄、圖片等等一切都是用戶主體為意愿做的。此為第一重要區(qū)。
第二類，用戶輔助產(chǎn)生的，就是基于用戶自身的意愿，非直接產(chǎn)出的內(nèi)容。例如各類記錄：通話記錄、訂單記錄、播放記錄、查看記錄等。或者與用戶生產(chǎn)有很強關(guān)聯(lián)的，例如對方的回復(fù)信息。或者是雖為用戶自主意愿生成，但是并未付出較多心血，例如新建的鬧鐘。此為第二重要區(qū)。
第三類,應(yīng)用端或設(shè)備端產(chǎn)生的，用戶未參與產(chǎn)生。
例如菜鳥裹裹應(yīng)用是根據(jù)用戶的訂單，獲取不同訂單的物流信息列表，提供提醒相關(guān)的服務(wù)。例如應(yīng)用推送內(nèi)容、他人的直播等等，此為第三重要區(qū)。
三、刪除的位置
從全局看，區(qū)分內(nèi)外的刪除對象，刪除的位置應(yīng)該在文件外部，而非文件內(nèi)部
關(guān)于刪除的位置，很多年以前的一次設(shè)計故事，一直影響著我。
我在做記事本的應(yīng)用設(shè)計，當(dāng)時競品上的刪除功能大多放置在記事查看界面，當(dāng)查看這個記事后，點擊刪除，這個記事就消失了，返回至列表界面。
這個感受很微妙-“我”這個主體，在這個應(yīng)用的時空中突然沒了根基，雙腳離地，然后被安排去了其他地方。
我一直思考后發(fā)現(xiàn)，這個刪除并沒有考慮“我”這個主體的位置和感受，而讓用戶清晰判斷所在位置和行為路徑是交互流程中至關(guān)重要的。
后來，我也發(fā)現(xiàn)很多應(yīng)用的“刪除”這個操作慢慢都轉(zhuǎn)移至列表上，而非文件的內(nèi)部。
例如，iOS備忘錄會把刪除放在備忘錄的內(nèi)部，該備忘錄刪除后，自動顯示下一條備忘錄，其仍保持著原有的理念。
備注：
- 對于內(nèi)和外區(qū)分不明顯的刪除對象，可不考慮此條。
- 編輯狀態(tài)并非其內(nèi)部，編輯狀態(tài)時刪除是合理的。
刪除的相對位置：
對此項眾說紛紜，有人說其是高頻操作，放在顯眼位置；有人說是危險操作，應(yīng)以避免誤觸為主。“誤觸”也是在交互中比較多的詞語，我之后會專門寫一篇看法。
而刪除的位置，我認(rèn)為應(yīng)該放置在比較明顯的位置。其明顯的程度需要取決于用戶刪除的頻率和需求強弱。
例如用戶的圖庫，每天產(chǎn)生大量內(nèi)容，其刪除需求很高，位置必須顯眼，操作簡單。
例如用戶的群組，群是長遠(yuǎn)內(nèi)容產(chǎn)出來源，刪除需求并不高，可以末位顯示，但仍需要顯眼。
四、刪除的操作
經(jīng)過若干年的發(fā)展和沉淀，刪除的操作通常為以下幾種：
1. 隱藏式—長按要刪除的條目，顯示刪除選項
安卓系統(tǒng)廣泛應(yīng)用，接受度較高，除設(shè)計刪除，還可以做其他功能的設(shè)計。
2. 隱藏式—向左滑，展開刪除選項
蘋果手機中廣泛應(yīng)用，左滑顯示刪除，右滑恢復(fù)原有狀態(tài)。
其優(yōu)勢：
- 不打斷用戶的操作
- 展開顯示刪除，相當(dāng)于確認(rèn)，點擊后刪除
- 滑動本身操作效率略高
3. 直接顯示在界面中，這種最直觀，適合應(yīng)用在非列表的顯示重要內(nèi)容的位置
由于列表的刪除屬于一種編輯菜單，是每一個條目均具備的屬性。其一，列表經(jīng)?；瑒?點擊/長按，列表不適合放置操作按鈕，其二，一排的刪除按鈕，由于其重復(fù)性，視覺上顯得笨重。
五、刪除的流程
刪除的流程有幾個關(guān)鍵步驟，自行去組合即可。
1. 確認(rèn)彈框
這是最常見也最廣泛的一個步驟，用于確認(rèn)當(dāng)前的操作。事實并非所有的操作均需要確認(rèn)。
根據(jù)刪除對象的重要程度，我認(rèn)為第一重要區(qū)的對象一般需要確認(rèn)，第二重要區(qū)的對象可不確認(rèn)，第三重要區(qū)的對象無需確認(rèn)。
以上也并非絕對，例如第一重要區(qū)的，用戶拍攝的圖片，由于其更新頻率高且有回收站的情況下，可減少操作不必確認(rèn)。
例如，菜鳥裹裹為例，左滑列表顯示刪除，點擊刪除彈出確認(rèn)菜單，點擊刪除后即完成刪除操作。
其刪除的內(nèi)容屬于第三重要區(qū)，通過左滑顯示刪除的方式，再次彈框提示，過于繁瑣。
2. 刪除后提供撤銷
撤銷Toast形式適合于誤刪或刪除后立刻后悔時，可在幾秒內(nèi)選擇撤銷。這種在安卓原生系統(tǒng)中比較常見。
文件類的應(yīng)用提供回收站等撤銷服務(wù)。這兩種方案均未得到廣泛應(yīng)用，認(rèn)知成本和開發(fā)成本較高，且并非解決根本問題。
機器永遠(yuǎn)是做機器即可，不必牽強附會。可以給用戶容錯的機會，容錯是個無底洞，即使容錯99次，總有用戶犯第100次。因此撤銷并不是一個優(yōu)質(zhì)需求。
其中在創(chuàng)作類和編輯類軟件中，撤銷仍是一個關(guān)鍵的功能，這并不沖突，反而是客觀辯證的看待問題。
3. 已刪除提示
當(dāng)刪除完畢，經(jīng)?？吹綍幸恍㏕oast提示“已刪除”?！耙裍XX”這是匯報性性文字。Toast的形式對用戶操作的打斷相對彈框較弱一些，但是對于用戶的高效生活來講，仍會有一定干擾。
若刪除操作和對象均在本界面可見范圍內(nèi)，刪除內(nèi)容界面會進行更新，則無需Toast匯報。
若某些操作和對象在本界面操作，卻在其他部分產(chǎn)生影響，則需要Toast匯報。
例如，在微信中下載一張圖片，保存的位置會通過Toast顯示，這種情況，是將圖片存在其他界面的某個文件夾中，告知詳情有必要。
六、結(jié)語
產(chǎn)品與交互區(qū)別之一在于，產(chǎn)品定義功能，交互完善體驗。一個功能設(shè)計看似簡單，實則不然。我希望當(dāng)別人問我們?yōu)槭裁催@樣設(shè)計時，能有理有據(jù)。接下來我會把普通的功能，通過深度分析系列，逐一剖析展現(xiàn)，在體驗路上能一步一個腳印前行。
本文由 @張寧寧 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
一個頁面算下來，每個點都需要細(xì)細(xì)琢磨和推敲，根本不是大手一揮想怎么設(shè)計怎么設(shè)計的啊
老師拆解“刪除操作”真的太棒了，應(yīng)對文章說的“刪除功能既是人們常用也是容易忽視的功能”。單這一點讓我反思自身差距在哪里了。
作者講的很全面，也很清晰。尤其是把刪除和其它幾個詞對比的時候，感謝感謝~
產(chǎn)品定義功能，交互完善體驗。很認(rèn)同作者這句話，體驗決定了用戶是否繼續(xù)用該產(chǎn)品。