數(shù)據丟失是用戶在使用計算機過程中遇到的最大沮喪之一。他們不僅僅是丟失電腦的數(shù)據，也丟失了還有他們所投入的時間和金錢。對于企業(yè)而言，這可能意味著數(shù)百人的工時和數(shù)千美元的損失。不要讓這種情況發(fā)生在你的用戶身上。

一項研究發(fā)現(xiàn)，30%的數(shù)據丟失是人為造成的。這就意味著，好的用戶體驗設計能夠有效的防止這些災難性問題的發(fā)生。下面是一些技巧，可以防止您的用戶遇到這種問題。

一、在確認過程中使用紅色警示信號

當用戶點擊具有破壞性的按鈕時，不要立即執(zhí)行這個操作。因為很有可能是用戶誤按了按鈕。此時你應該做的是提示用戶使用確認屏幕確認操作。

請勿將此類具有破壞性的按鈕設計成一個常規(guī)的顏色，比如藍色。相反，我們通過紅色按鈕來警示用戶他們可能在進行具有危險性的操作。紅色是警示的強視覺信號，因為紅色能夠很輕易的引起我們的注意力。

避免在具有引導性的常規(guī)操作時使用紅色按鈕，因為紅色有警示用戶的意思。因此我們只能在可能出現(xiàn)破壞性操作的時候使用。相比于紅色，冷色系的按鈕能更好的引導用戶操作，因為冷色系不帶有警示的含義。

雖然紅色按鈕對大多數(shù)的用戶能起到警示的作用，但是仍有部分用戶無視這種警示。因此我們需要增加額外的視覺提示來警示用戶。這對于那些難以區(qū)分色差的色盲用戶和視覺障礙用戶來說更加友好。

要想使你的警示信號更加強烈，我們可以通過在確認頁面中增加具有破壞性操作含義的圖標。比如說，刪除圖標使用的就是用戶熟悉的垃圾桶。當用戶看到這個圖標時，他們就會將當前的操作與刪除動作聯(lián)系起來。

同時你可以通過在頁面頂部添加紅色條紋的方式增強警示信號?，F(xiàn)在，當用戶看到這個確認頁面時，他們將會接收到三個紅色警示信號以提示他們目前處于一個嚴重的狀況并且即將做出危險性的操作。這樣使得用戶更加注意自己的操作和類似的情況以此避免誤操作。

UX效益——打破習慣性點擊

隨著用戶使用某個 App 次數(shù)的增加，用戶更容易培養(yǎng)出習慣性的點擊操作。習慣性的點擊使用戶無需思考就能更容易、更快捷的完成某個操作。但是也容易產生對破壞性按鈕的誤操作。紅色警示信號能夠使用戶擺脫這種心不在焉而導致的誤操作。

紅色與警告和危險有著普遍的聯(lián)系，并帶有消極的含義。我們可以看到很多警示和危險的信號都是通過紅色來傳達的。

在設計中，紅色的按鈕能夠喚起用戶對傷害和丟失的恐懼感，從而能夠幫助用戶阻止錯誤的發(fā)生。這很容易奏效，因為人都有躲避危險保護自己的本能。

研究表明，紅色的物體能夠吸引注意力并且能夠促進一致的運動反應。這就意味著用戶在看到用于警示破壞性操作的紅色按鈕時能夠更快、更準確的做出反應。用戶在一項任務中投入的注意力越多，他們也就越能更好的完成這個任務。

二、使對話文本簡潔

紅色警示信號能夠阻止破壞性操作，但是這不是我們唯一需要考慮的內容。我們必須以簡潔的格式來編寫文本從而確保用戶能夠更加容易閱讀和識別。

“你確定想要X嗎?”，在對話標題的末尾打上問號。例如，使用標題“刪除帳戶?”來代替“你確定要刪除你的賬戶嗎?”。這樣更簡而言之。

不僅如此，同時請勿使用冗長的的文本來解釋確認后會有什么樣的后果。例如“你如果刪除你的賬戶，你會丟失你的個人資料、信息和照片”。我們可以以列表方式羅列出操作后會丟失的信息來替代上述的方式，以便用戶能夠快速瀏覽。

在這個事例中，將文本單詞從25個減少到9個使得對話框更加簡潔。這樣也使得對話框更容易被瀏覽與理解。

UX效益——更好的理解操作后果

確認對話框的目的是描述破壞性誤操作的后果。用戶需要閱讀并理解這些細節(jié)，否則他們可能會得到無法預計的結果。但是面對一個冗長的對話卻很難讓用戶理解。

大多數(shù)用戶會選擇跳過冗長的文字，因為閱讀會花費他們很多的時間和精力。簡潔的文字能夠防止用戶選擇跳過閱讀，同時能夠幫助用戶更快的完成操作任務并且減少犯錯。當對話簡潔時，用戶可以更好地理解其行為的后果并做出正確的決定。

三、居中對齊布局

簡潔的文本使對話更容易瀏覽，但是你可以更進一步，通過中心對齊布局使整個確認屏幕更容易瀏覽。中心對齊布局將圖標與對話框文本對齊，以便用戶可以一起瀏覽它們。同時這種布局方式還使屏幕顯得對稱，圖標更加突出，以防止它們在上面遮擋。

UX效益——減少對眼睛的使用

當使用眼動追蹤儀追蹤觀察一個繁瑣的對話框和一個左對齊的布局時，它將產生更多的注視時間和更長的眼跳。

簡潔的對話框和中心對齊的布局則需要相對較少的視覺動作。通過更少的注視時間和更短的掃視，用戶可以更快地瀏覽屏幕以做出明智的決定。

中心對齊布局還允許用戶以單一視覺方向（從上到下）瀏覽屏幕。他們不需要在屏幕上移動他們的眼睛，只需要專注于屏幕的中心。使用左對齊布局，用戶需要以兩個可視方向（從左到右和從右到左）瀏覽屏幕。他們的眼睛需要做更多的動作，這會減慢他們的任務。

四、為確認操作保留紅色警告信號

當破壞性操作出現(xiàn)在確認屏幕上時，你希望用戶能夠全神貫注。相反，當破壞性操作不在確認屏幕上時，您不希望引起用戶對它的注意。這樣做迫使他們在無意進行破壞行為時按下它。

如果不在確認頁面上，請勿在破壞性操作上使用紅色警告信號。例如，設置頁面可以有一個“刪除帳戶”按鈕，但它不應該像一個引導性的按鈕那樣來吸引不必要的注意力。

最好將破壞性操作設為僅帶有紅色文本標簽的獨立按鈕。使用更多的紅色會導致用戶將其誤認為是頁面上的主要引導性按鈕。

UX效益——使誤操作更難發(fā)生

用戶在確認頁面上的次數(shù)越多，他們按錯按鈕的可能性就越大。通過降低其他頁面上的破壞性操作，他們就能減少意外地進入確認頁面。這使他們更加遠離誤操作。

在其他頁面上將破壞性操作與正常操作區(qū)分開，也可以使用戶遠離誤操作。用戶不會將其誤認為是正常的引導性按鈕并想按下它。

五、提供一個撤銷按鈕后的確認

即使在確認頁面，誤操作仍然可能發(fā)生。有些用戶可能仍然誤讀了對話框或按錯了按鈕。在確認屏幕之后，向用戶提供撤消按鈕，并告知用戶已執(zhí)行操作的消息。

將撤消按鈕和完成消息放在頁面底部的通知橫幅中。您可以根據破壞性操作的情況，將撤銷按鈕設置為臨時的或永久的。

臨時撤消將使橫幅在幾秒鐘后自動消失。永久性撤銷顯示的橫幅，直到用戶按下“關閉”按鈕才可將其關閉。請注意，永久性撤消顯示的技術實現(xiàn)難度比臨時撤消顯示更復雜。

UX效益——允許用戶從事故中恢復

撤消破壞性操作的選項允許用戶從誤操作中恢復以防止數(shù)據丟失。數(shù)據丟失對企業(yè)和用戶的生活造成嚴重后果。撤銷按鈕確認功能不僅可以挽回用戶的數(shù)據，還能使用戶的生活不受影響。

六、提示用戶鍵盤輸入進行確認

如果撤銷按鈕不可行，則可以提示用戶，在文本字段中鍵入需要確認的破壞性操作。提示他們打字確認，使他們意識到這種破壞性的行為。雖然不小心按錯按鈕很容易，但是不小心輸入錯誤的動作卻很難發(fā)生，因為它需要很多步驟。

對于經常需要使用到破壞性操作的用戶來說，這種操作方式影響效率。例如，刪除帖子是社交媒體應用上的常見操作。要求用戶每次都輸入文字來確認，將使該過程效率低下。所以只在罕見的破壞性操作中使用這種類型的確認方式。

UX效益——確保用戶有確認意識

無意識地按下按鈕要比輸入文字容易得多。當用戶鍵入文字時，他們必須考慮他們正在輸入什么，并按下正確的按鈕。與僅僅點擊按鈕相比，出錯的空間更大。這使用戶意識到他們是在確認該操作，以防止意外按下按鈕。

七、數(shù)據丟失的災難后果

當用戶進入確認頁面時，他們很可能處于“災難”的邊緣。如果設計師沒有采取措施防止用戶按錯按鈕，很可能導致數(shù)據被破壞。將這些技術應用到您的應用程序設計中，您將避免用戶遭受數(shù)據丟失災難。

原文作者：Anthony

原文地址：https://uxmovement.com/buttons/how-to-design-destructive-actions-that-prevent-data-loss/

編譯作者：擇默

編輯整理：三分設 | TCC實驗室 | 翻譯特工隊（微信ID：sanfen-design）

本文由 @三分設 翻譯發(fā)布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協(xié)議