What 是什么

簡(jiǎn)介：「多級(jí)撤銷」允許用戶撤銷一系列的操作。用戶操作的順序能被系統(tǒng)捕獲記錄，根據(jù)原始執(zhí)行順序，一步步返回歷史操作。

例子：用 Sketch 畫設(shè)計(jì)稿時(shí)，可以多級(jí)撤銷，允許用戶返回上一步或更早的歷史操作

Why 為什么

具備多級(jí)撤銷的功能可以讓用戶覺(jué)得能夠?qū)缑孢M(jìn)行安全探索，不必?fù)?dān)心造成某些不可取消的修改。例如，如果單擊了錯(cuò)誤的菜單項(xiàng)，不需要進(jìn)行復(fù)雜的恢復(fù)，不需要退回到此前保存的文件版本，或者尋求系統(tǒng)管理員的幫助。

多級(jí)撤銷也讓專家用戶更快更容易地探索工作路徑。舉例而言，一名 Photoshop 用戶可能會(huì)在一個(gè)圖片上執(zhí)行一系列的濾鏡操作，研究那些結(jié)果看是不是他喜歡的，然后再逐一撤銷，回到起點(diǎn)。

When 什么時(shí)候使用

需要用戶頻繁在單一頁(yè)面上交互的用戶界面，相比普通的網(wǎng)站或者移動(dòng)端 APP，交互操作要復(fù)雜得多。例如：文件編輯器、圖形建模工具、郵件閱讀器、數(shù)據(jù)庫(kù)軟件、寫作工具、編程環(huán)境等。該功能能使用戶撤銷一系列操作而非單一個(gè)操作。

使用條件：該軟件的單一界面交互比較復(fù)雜和頻繁

How 如何使用

軟件首先需要一個(gè)強(qiáng)大的模型，這個(gè)模型是關(guān)于動(dòng)作是什么樣的——?jiǎng)幼鞯拿Q、動(dòng)作所關(guān)聯(lián)的對(duì)象，以及如何返回歷史動(dòng)作。

決定哪些動(dòng)作需要成為可取消的操作。如果動(dòng)作可以改變一個(gè)文件或者數(shù)據(jù)庫(kù)——任何將是永久性存在的對(duì)象——都應(yīng)該是可取消的動(dòng)作。具體而言，在大部分應(yīng)用里，人們期望能撤銷下面這些改變:

• 文檔或表單的文字輸入

• 數(shù)據(jù)庫(kù)

• 圖片或畫布的修改

• 布局上的變化位置、大小、順序或分組在圖像應(yīng)用程序中

• 文件操作，例如刪除或修改

• 對(duì)象的創(chuàng)建、刪除和重新組織，例如郵件消息或電子表單的列

• 任何剪切、復(fù)制、粘貼操作

下面這些修改基本上是不可撤銷的：

• 文本或?qū)ο筮x擇

• 窗口或頁(yè)面之間的導(dǎo)航

• 鼠標(biāo)光標(biāo)和文本光標(biāo)的定位

• 滾動(dòng)條的位置

• 窗口或面板的位置和尺寸

• 在一個(gè)未提交的對(duì)話框或模態(tài)對(duì)話框上的改動(dòng)

展現(xiàn)方式

然后，決定以哪種方式把撤銷操作展現(xiàn)給用戶。大部分桌面應(yīng)用程序會(huì)把“撤銷/重復(fù)”的菜單項(xiàng)放在“編輯”菜單下。撤銷通常也關(guān)聯(lián)到Ctrl+Z 或類似的快捷鍵。

Example 案例

案例一：Microsoft OneNote 筆記編輯器

用戶需求：撤銷文字輸入

Microsoft Onenote  文檔編輯器擋在輸入過(guò)程中需要修改可以用快捷鍵 COM + Z 撤銷，或者使用編輯菜單下的按鈕幫助用戶返回上一步。

案例二：Photoshop 多級(jí)撤銷

用戶需求：回到歷史操作記錄

Photoshop 同樣可以采用快捷鍵和菜單按鈕返回歷史操作，由于 PS 的操作修改繁瑣且復(fù)雜，所以為用戶提供了歷史記錄面板，用戶也可以點(diǎn)擊歷史操作步驟回到想要的歷史操作記錄。

案例三：美圖秀秀圖像處理 App

用戶需求： 撤銷回到上幾步圖像處理結(jié)果

使用美圖秀秀等圖片處理 App 對(duì)圖像進(jìn)行美化操作時(shí)，常常會(huì)返回查看對(duì)比不同的效果，或者操作錯(cuò)誤時(shí)返回到前幾步，頂部的撤銷按鈕可以讓用戶回到任何歷史操作步驟。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)